Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Giúp mình về font menu trong wordpress

Chủ đề thuộc danh mục 'WordPress' được đăng bởi Mr.Phong, 19/6/15.

Lượt xem: 1,754

  1. Mr.Phong Mới đăng kí

    Giúp mình với, menu font bị lỗi và mình đã cố gắng xử lý trong suốt thời gian dài và cố gắng xem hướng dẫn ở các trang khác nhưng không được

    hcq7jfT.png
    Mong mọi người giúp đỡ.

    ...
  2. banbaonylong

    banbaonylong Ko phải assmin

    thay font khác có hỗ trợ tiếng việt
  3. Mr.Phong

    Mr.Phong Mới đăng kí

    banbaonylong nếu thay thì các bài viết phía dưới này cũng bị đổi luôn thì phải, có phải không ?
    Wragbuq.png
  4. banbaonylong

    banbaonylong Ko phải assmin

    bạn nên đặt lại font ở css nhé, khai báo đầy đủ và loại bỏ hết các dòng khai báo font cũ (bị lỗi) đi
  5. Mr.Phong

    Mr.Phong Mới đăng kí

    Mình là người mới, làm web với mục đích phi lợi nhuận và chưa qua trường lớp, chỉ vì sở thích viết lách và muốn có 1 website chia sẽ. Rất mong được các bạn giúp đỡ.

    banbaonylong giúp mình sửa với. Mình sẽ hậu tạ bạn quyển Chuyện Bếp của Alex Trần (như hình)


    [​IMG]

    Đây là css và mình ko biết cách sử dụng nó , mong giúp mình sửa lại lỗi cho menu. Rất cảm ơn
    HTML:
    /*
    Theme Name: Awaken
    Theme URI: http://themezhut.com/themes/awaken
    Author: ThemezHut
    Author URI: http://themezhut.com/
    Description: Awaken WordPress theme is an elegant magazine/news WordPress theme. It has a magazine layout with two main widget areas. And the theme is featured with three post widgets to display posts in different styles. This theme consists with a responsive layout which is created using twitter bootstrap. Some of the main features of this theme are theme options panel, featured slider, ad widgets, youtube video widget and social media. Find more information about this theme at http://www.themezhut.com/themes/awaken. View the demonstration at http://www.themezhut.com/demo/awaken.
    Version: 1.1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: awaken
    Tags: red,white,light,right-sidebar,two-columns,custom-background,custom-menu,editor-style,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,rtl-language-support
    
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
    
    Awaken is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
    
    */
    /*--------------------------------------------------------------
    >>> TABLE OF CONTENTS:
    ----------------------------------------------------------------
    1.0 - Reset
    2.0 - Typography
    3.0 - Elements
    4.0 - Forms
    5.0 - Navigation
        5.1 - Links
        5.2 - Menus
    6.0 - Accessibility
    7.0 - Alignments
    8.0 - Clearings
    9.0 - Widgets
    10.0 - Content
        10.1 - Posts and pages
        10.2 - Asides
        10.3 - Comments
    11.0 - Infinite scroll
    12.0 - Media
        12.1 - Captions
        12.2 - Galleries
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    1.0 - Reset
    --------------------------------------------------------------*/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
      border: 0;
      font-family: inherit;
      font-size: 100%;
      font-style: inherit;
      font-weight: inherit;
      margin: 0;
      outline: 0;
      padding: 0;
      vertical-align: baseline;
    }
    
    html {
      font-size: 62.5%;
      /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
      overflow-y: scroll;
      /* Keeps page centered in all browsers regardless of content height */
      -webkit-text-size-adjust: 100%;
      /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
      -ms-text-size-adjust: 100%;
      /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    }
    
    *,
    *:before,
    *:after {
      /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    body {
      background: white;
      /* Fallback for when there is no custom background color defined. */
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    section {
      display: block;
    }
    
    ol, ul {
      list-style: none;
    }
    
    table {
      /* tables still need 'cellspacing="0"' in the markup */
      border-collapse: separate;
      border-spacing: 0;
    }
    
    caption, th, td {
      font-weight: normal;
      text-align: left;
    }
    
    caption {
      margin-bottom: 10px;
      font-weight: bold;
    }
    
    blockquote:before, blockquote:after,
    q:before, q:after {
      content: "";
    }
    
    blockquote, q {
      quotes: "" "";
    }
    
    a:focus {
      outline: thin dotted;
    }
    
    a:hover,
    a:active {
      text-decoration: none;
      outline: 0;
    }
    
    a img {
      border: 0;
    }
    
    /*--------------------------------------------------------------
    2.0 Typography
    --------------------------------------------------------------*/
    body,
    button,
    input,
    select,
    textarea {
      color: #404040;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
    }
    
    h1, h2, h3, h4, h5, h6 {
      clear: both;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      margin: 1em 0;
    }
    
    h1 {
      font-size: 24px;
      font-size: 2.4rem;
    }
    
    h2 {
      font-size: 20px;
      font-size: 2rem;
    }
    
    h3 {
      font-size: 18px;
      font-size: 1.8rem;
    }
    
    h4 {
      font-size: 16px;
      font-size: 1.6rem;
    }
    
    h5 {
      font-size: 14px;
      font-size: 1.4rem;
    }
    
    h6 {
      font-size: 13px;
      font-size: 1.3rem;
    }
    
    p {
      margin-bottom: 1.5em;
    }
    
    b, strong {
      font-weight: bold;
    }
    
    dfn, cite, em, i {
      font-style: italic;
    }
    
    blockquote {
      background: #f8f8f8;
      margin: 1.5em 0;
      padding: 1.5em;
      border-left: 2px solid #fa5742;
    }
    
    address {
      margin: 0 0 1.5em;
    }
    
    pre {
      background: #eeeeee;
      font-family: "Courier 10 Pitch", Courier, monospace;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.6;
      margin-bottom: 1.6em;
      max-width: 100%;
      overflow: auto;
      padding: 1.6em;
    }
    
    code, kbd, tt, var {
      font-size: 15px;
      font-size: 1.5rem;
      font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    
    abbr, acronym {
      border-bottom: 1px dotted #666666;
      cursor: help;
    }
    
    mark, ins {
      background: #fff9c0;
      text-decoration: none;
    }
    
    sup,
    sub {
      font-size: 75%;
      height: 0;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    
    sup {
      bottom: 1ex;
    }
    
    sub {
      top: .5ex;
    }
    
    small {
      font-size: 75%;
    }
    
    big {
      font-size: 125%;
    }
    
    /*--------------------------------------------------------------
    3.0 Elements
    --------------------------------------------------------------*/
    hr {
      background-color: #cccccc;
      border: 0;
      height: 1px;
      margin-bottom: 1.5em;
    }
    
    ul, ol {
      margin: 0 0 1.5em 3em;
    }
    
    ul {
      list-style: disc;
    }
    
    ol {
      list-style: decimal;
    }
    
    li > ul,
    li > ol {
      margin-bottom: 0;
      margin-left: 1.5em;
    }
    
    dt {
      font-weight: bold;
      margin-bottom: 0.5em;
    }
    
    dd {
      margin: 0 1.5em 1.5em;
    }
    
    img {
      height: auto;
      /* Make sure images are scaled correctly. */
      max-width: 100%;
      /* Adhere to container width. */
    }
    
    figure {
      margin: 0;
    }
    
    table, th, td {
      border: 1px solid #ededed;
    }
    
    table {
      border-collapse: collapse;
      margin: 0 0 1.5em;
      width: 100%;
    }
    
    th {
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      background: #f8f8f8;
      font-weight: bold;
      padding: 8px 15px;
    }
    
    td {
      padding: 5px 15px;
    }
    
    .site-footer table, .site-footer th, .site-footer td {
      border: 1px solid #434343;
    }
    .site-footer th {
      background: #222;
    }
    
    /*--------------------------------------------------------------
    4.0 Forms
    --------------------------------------------------------------*/
    button,
    input,
    select,
    textarea {
      font-size: 100%;
      /* Corrects font size not being inherited in all browsers */
      margin: 0;
      /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
      vertical-align: baseline;
      /* Improves appearance and consistency in all browsers */
    }
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
      border: none;
      background: #fa5742;
      color: #fff;
      cursor: pointer;
      /* Improves usability and consistency of cursor style between image-type 'input' and others */
      -webkit-appearance: button;
      /* Corrects inability to style clickable 'input' types in iOS */
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
      padding: 10px 20px;
    }
    
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
      background: #555;
    }
    
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
      top: 1px;
      outline: none;
    }
    
    input[type="checkbox"],
    input[type="radio"] {
      padding: 0;
      /* Addresses excess padding in IE8/9 */
    }
    
    input[type="search"] {
      -webkit-appearance: textfield;
      /* Addresses appearance set to searchfield in S5, Chrome */
      -webkit-box-sizing: content-box;
      /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
      -moz-box-sizing: content-box;
      box-sizing: content-box;
    }
    
    input[type="search"]::-webkit-search-decoration {
      /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
      -webkit-appearance: none;
    }
    
    button::-moz-focus-inner,
    input::-moz-focus-inner {
      /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
      border: 0;
      padding: 0;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea {
      color: #666666;
      border: 1px solid #eeeeee;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
      color: #111111;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"] {
      padding: 3px;
    }
    
    textarea {
      overflow: auto;
      /* Removes default vertical scrollbar in IE6/7/8/9 */
      padding-left: 3px;
      vertical-align: top;
      /* Improves readability and alignment in all browsers */
      width: 100%;
    }
    
    /*--------------------------------------------------------------
    5.0 Navigation
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    5.1 Links
    --------------------------------------------------------------*/
    a {
      color: royalblue;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    a:visited {
      color: royalblue;
    }
    a:hover, a:focus, a:active {
      color: #333333;
    }
    
    /*--------------------------------------------------------------
    5.2 Menus
    --------------------------------------------------------------*/
    .main-navigation,
    .top-navigation {
      clear: both;
      display: block;
      float: left;
      width: 100%;
    }
    .main-navigation ul,
    .top-navigation ul {
      list-style: none;
      margin: 0;
      padding-left: 0;
    }
    .main-navigation ul ul,
    .top-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      left: -999em;
      z-index: 99999;
    }
    .main-navigation ul ul ul,
    .top-navigation ul ul ul {
      left: -999em;
      top: -10px;
    }
    .main-navigation ul ul li:hover > ul,
    .top-navigation ul ul li:hover > ul {
      left: 100%;
    }
    .main-navigation ul ul a,
    .top-navigation ul ul a {
      width: 200px;
    }
    .main-navigation ul li:hover > ul,
    .top-navigation ul li:hover > ul {
      left: auto;
    }
    .main-navigation li,
    .top-navigation li {
      float: left;
      position: relative;
    }
    .main-navigation a,
    .top-navigation a {
      display: block;
      text-decoration: none;
    }
    
    .top-navigation {
      font-family: "Ubuntu", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
    }
    .top-navigation a {
      color: #d7d7d7;
      line-height: 16px;
      padding: 9.5px 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .top-navigation a:hover {
      color: white;
    }
    .top-navigation ul ul {
      background-color: #333333;
      padding: 10px;
    }
    .top-navigation ul ul a {
      color: #cccccc;
      line-height: 15px;
      padding: 10px 10px;
    }
    .top-navigation ul ul a:hover {
      background: #222222;
    }
    .top-navigation .menu-item-has-children > a:after,
    .top-navigation .page_item_has_children > a:after {
      color: #fff;
      content: "\f0da";
      display: inline-block;
      float: right;
      font-family: FontAwesome;
      font-size: 8px;
      margin: 2px 0 0 10px;
    }
    @media (max-width: 1000px) {
      .top-navigation {
        display: none;
      }
    }
    
    .top-navigation ul > li > a:before {
      content: '/';
      position: absolute;
      right: -1px;
      color: #555;
    }
    
    .top-navigation ul > li > ul > li > a:before,
    .top-navigation ul > li > ul > li:first-child > a:before {
      display: none;
    }
    
    .main-navigation {
      background: #232323;
      font-family: "Ubuntu", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      text-transform: uppercase;
    }
    .main-navigation a {
      color: #cacaca;
      line-height: 20px;
      padding: 15px 15px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .main-navigation a:hover {
      background: #fa5742;
      color: #f1f1f1;
    }
    .main-navigation ul ul {
      background-color: #333333;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      text-transform: none;
      padding: 10px;
    }
    .main-navigation ul ul a {
      color: #cccccc;
      line-height: 20px;
      padding: 10px 15px;
    }
    .main-navigation ul ul a:hover {
      background: #222222;
    }
    .main-navigation li.current-menu-item {
      background-color: #fa5742;
    }
    .main-navigation li.current-menu-item a {
      color: #fff;
    }
    .main-navigation .menu-item-has-children > a:after,
    .main-navigation .page_item_has_children > a:after {
      color: #CACACA;
      content: "\f054";
      display: inline-block;
      float: right;
      font-family: FontAwesome;
      font-size: 10px;
      margin: 2px 0 0 10px;
    }
    @media (max-width: 1000px) {
      .main-navigation {
        display: none;
      }
    }
    
    #fa-custom-icon {
      font-size: 20px;
      line-height: 18px;
    }
    
    #fa-custom-iconwt {
      font-size: 20px;
      line-height: 18px;
      margin-right: 10px;
    }
    
    /* Small menu */
    .menu-toggle {
      display: none;
    }
    
    .top-nav {
      background: #232323;
    }
    
    @media screen and (max-width: 600px) {
      .menu-toggle,
      .main-navigation.toggled .nav-menu,
      .top-navigation.toggled .nav-menu {
        display: block;
      }
    
      .main-navigation ul,
      .top-navigation ul {
        display: none;
      }
    }
    .site-main .comment-navigation,
    .site-main .paging-navigation,
    .site-main .post-navigation {
      margin: 0 0 1.5em;
      overflow: hidden;
    }
    
    .comment-navigation .nav-previous,
    .paging-navigation .nav-previous,
    .post-navigation .nav-previous {
      float: left;
      width: 50%;
    }
    
    .comment-navigation .nav-next,
    .paging-navigation .nav-next,
    .post-navigation .nav-next {
      float: right;
      text-align: right;
      width: 50%;
    }
    
    .post-navigation {
      padding: 1em 0;
      border-top: 2px solid #444;
      border-bottom: 2px solid #444;
    }
    .post-navigation a {
      color: #444;
    }
    .post-navigation a:hover {
      color: #fa5742;
    }
    
    .nav-previous,
    .nav-next {
      font-size: 16px;
      font-weight: 600;
    }
    
    .nav-previous:before {
      content: "\f177";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      margin: 0 10px 0 0;
    }
    
    .nav-next:after {
      content: "\f178";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      margin: 0 0 0 10px;
    }
    
    .paging-navigation {
      margin: 1em 0;
      padding: 1em 0;
      text-align: center;
    }
    .paging-navigation li {
      display: inline;
    }
    
    .page-numbers {
      list-style: none;
    }
    .page-numbers a {
      background-color: #383732;
      color: #fff;
      padding: 10px 15px;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
    }
    .page-numbers a:hover {
      background: #fa5742;
    }
    .page-numbers .current {
      background: #fa5742;
      color: #fff;
      padding: 10px 15px;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
    }
    
    .meta-nav-prev:before {
      content: "\f177";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      margin: 0 5px 0 0;
    }
    
    .meta-nav-next:before {
      content: "\f178";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      margin: 0 0 0 5px;
    }
    
    .awaken-navigation-container {
      position: relative;
    }
    
    .awaken-search-box-container {
      display: none;
    }
    
    .awaken-search-button-icon {
      cursor: pointer;
      float: right;
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 50px;
      line-height: 50px;
      color: #ddd;
    }
    
    .awaken-search-button-icon:before {
      content: '\f002';
      cursor: pointer;
      display: inline-block;
      font-family: 'FontAwesome';
    }
    
    .awaken-search-box-container {
      background: #fff;
      border: 3px solid #E3E3E3;
      display: none;
      padding: 5px;
      position: absolute;
      right: 0;
      top: 50px;
      width: 328px;
      z-index: 999;
    }
    
    #awaken-search-form input[type="submit"] {
      border-radius: 0;
      box-shadow: none;
      background-color: #fa5742;
      border: none;
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      height: 40px;
      line-height: 40px;
      padding: 0;
      text-shadow: none;
      text-transform: uppercase;
      width: 92px;
      -webkit-transition: background 0.2s ease-in-out;
      -moz-transition: background 0.2s ease-in-out;
      -ms-transition: background 0.2s ease-in-out;
      -o-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out;
    }
    #awaken-search-form input[type="submit"]:hover {
      background: #333333;
    }
    #awaken-search-form input[type="submit"]:focus {
      outline: none;
    }
    #awaken-search-form input[type="text"] {
      background: #f1f1f1;
      border: none;
      color: #222;
      float: left;
      height: 40px;
      margin: 0;
      padding: 0 11px;
      width: 220px;
    }
    #awaken-search-form input[type="text"]:focus {
      outline: none;
    }
    
    /* Mobile Navigation*/
    #main-nav-button,
    #top-nav-button {
      background: #232323;
      color: #fff;
      display: none;
      line-height: 50px;
      margin: 0 0 2px 0;
      text-align: left;
      width: 100%;
    }
    #main-nav-button:hover,
    #top-nav-button:hover {
      color: #ccc;
      text-decoration: none;
    }
    @media (max-width: 1000px) {
      #main-nav-button,
      #top-nav-button {
        display: inline-block;
      }
    }
    
    #main-nav-button:before,
    #top-nav-button:before {
      content: "\f0c9";
      display: inline-block;
      font-family: FontAwesome;
      margin: 0 10px;
    }
    
    .responsive-mainnav,
    .responsive-topnav {
      background: #232323;
      display: none;
    }
    .responsive-mainnav ul,
    .responsive-topnav ul {
      margin: 0;
      padding: 5px;
    }
    .responsive-mainnav li,
    .responsive-topnav li {
      list-style: none;
    }
    .responsive-mainnav li a,
    .responsive-topnav li a {
      color: #cacaca;
      line-height: 26px;
      padding: 10px 15px;
      text-decoration: none;
      display: block;
    }
    .responsive-mainnav li a:hover,
    .responsive-topnav li a:hover {
      background: #fa5742;
    }
    .responsive-mainnav li ul,
    .responsive-topnav li ul {
      margin-left: 2em;
    }
    @media (min-width: 1000px) {
      .responsive-mainnav,
      .responsive-topnav {
        display: none !important;
      }
    }
    
    .asocial-area {
      float: right;
    }
    @media screen and (max-width: 768px) {
      .asocial-area {
        float: none;
        text-align: center;
      }
    }
    
    .asocial-icon {
      line-height: 35px;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: right;
    }
    .asocial-icon a {
      color: #d7d7d7;
      padding: 4px 10px;
    }
    @media screen and (max-width: 1000px) {
      .asocial-icon {
        font-size: 20px;
        font-size: 2rem;
        line-height: 50px;
      }
    }
    
    .facebook a:hover {
      color: #3b5998;
    }
    
    .twitter a:hover {
      color: #2b7bb9;
    }
    
    .googleplus a:hover {
      color: #dd4b39;
    }
    
    .linkedin a:hover {
      color: #007bb6;
    }
    
    .youtube a:hover {
      color: #cc181e;
    }
    
    .flickr a:hover {
      color: #2b7bb9;
    }
    
    .rss a:hover {
      color: #FB6405;
    }
    
    .instagram a:hover {
      color: #3f729b;
    }
    
    /*--------------------------------------------------------------
    6.0 Accessibility
    --------------------------------------------------------------*/
    /* Text meant only for screen readers */
    .screen-reader-text {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
    }
    .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
      background-color: #f1f1f1;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 3px;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
      clip: auto !important;
      color: #21759b;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      height: auto;
      left: 5px;
      line-height: normal;
      padding: 15px 23px 14px;
      text-decoration: none;
      top: 5px;
      width: auto;
      z-index: 100000;
      /* Above WP toolbar */
    }
    
    /*--------------------------------------------------------------
    7.0 Alignments
    --------------------------------------------------------------*/
    .alignleft {
      display: inline;
      float: left;
      margin-right: 1.5em;
    }
    
    .alignright {
      display: inline;
      float: right;
      margin-left: 1.5em;
    }
    
    .aligncenter {
      display: block;
      margin: 0 auto;
    }
    
    /*--------------------------------------------------------------
    8.0 Clearings
    --------------------------------------------------------------*/
    .clear:before,
    .clear:after,
    .entry-content:before,
    .entry-content:after,
    .comment-content:before,
    .comment-content:after,
    .site-header:before,
    .site-header:after,
    .site-content:before,
    .site-content:after,
    .site-footer:before,
    .site-footer:after {
      content: "";
      display: table;
    }
    
    .clear:after,
    .entry-content:after,
    .comment-content:after,
    .site-header:after,
    .site-content:after,
    .site-footer:after {
      clear: both;
    }
    
    /*--------------------------------------------------------------
    9.0 Widgets
    --------------------------------------------------------------*/
    .widget {
      margin: 0 0 2.5em;
      /* Make sure select elements fit in widgets */
    }
    .widget select {
      max-width: 100%;
    }
    
    .main-widget-area ul {
      list-style: none;
      margin: 0;
    }
    .main-widget-area ul li {
      margin: 0.4em 0;
      padding: 0 1.2em;
    }
    .main-widget-area ul li a {
      color: #383732;
    }
    .main-widget-area ul li a:hover {
      text-decoration: none;
      color: #fa5742;
    }
    .main-widget-area .widget-title {
      background: #fa5742;
      color: white;
      display: inline-block;
      font-family: "Ubuntu", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      height: 32px;
      line-height: 32px;
      margin: 0 0 1px 0;
      padding: 0 1.2em;
      text-transform: uppercase;
    }
    
    .widget-title-container {
      border-bottom: 2px solid #fa5742;
      margin-bottom: 20px;
    }
    
    .awt-container {
      border-bottom: 2px solid #fa5742;
      margin-bottom: 25px;
    }
    
    .awt-title {
      background: #fa5742;
      color: white;
      display: inline-block;
      font-family: "Ubuntu", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      height: 32px;
      line-height: 32px;
      margin: 0 0 1px 0;
      padding: 0 1.2em;
      text-transform: uppercase;
    }
    
    .ams-post {
      display: block;
      clear: both;
      margin-bottom: 23px;
      overflow: hidden;
    }
    
    .ams-thumb {
      width: 120px;
      height: 85px;
      float: left;
    }
    .ams-thumb img {
      float: left;
    }
    
    .ams-title {
      font-size: 16px;
      font-size: 1.6rem;
      display: inline-block;
      margin: 0 0 1em 0;
      font-weight: 500;
      line-height: 1.3;
    }
    .ams-title a {
      color: #353434;
      text-decoration: none;
    }
    .ams-title a:hover {
      color: #fa5742;
    }
    
    .ams-meta {
      color: #9f9f9f;
      font-size: 14px;
      margin-bottom: 10px;
    }
    
    .ams-details {
      margin-left: 140px;
    }
    
    /* Search widget */
    .widget_search .search-submit {
      display: none;
    }
    
    .awaken-block-post {
      margin-bottom: 40px;
    }
    
    /* 300x250 Ad widget */
    .awaken-medium-rectangle-widget {
      text-align: center;
    }
    .awaken-medium-rectangle-widget img {
      margin-top: 15px;
      max-width: 100%;
    }
    
    /* Video Widget */
    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
    }
    
    .video-container iframe,
    .video-container object,
    .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    .awaken-featured-container {
      clear: both;
      overflow: hidden;
      margin-bottom: 40px;
    }
    
    .awaken-slider-container {
      position: relative;
      width: 100%;
      box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .awaken-slider-container img {
      z-index: -2;
      max-width: 100%;
      position: relative;
    }
    
    /* Home page featured slider */
    .awaken-featured-slider {
      float: left;
      width: 65.964912280701754385964912280702%;
    }
    @media screen and (max-width: 766px) {
      .awaken-featured-slider {
        width: 100%;
      }
    }
    
    .awaken-slider-details-container {
      color: #f5f5f5;
      position: absolute;
      bottom: 0;
      left: 0;
      line-height: 1.4;
      margin: 0;
      width: 100%;
      display: inline-block;
      text-shadow: 0px 1px 1px #000;
    }
    .awaken-slider-details-container a {
      text-decoration: none;
    }
    .awaken-slider-details-container p {
      margin-bottom: 1em;
    }
    .awaken-slider-details-container .moretag {
      display: none;
    }
    
    .awaken-slider-title {
      color: #fff;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1.5;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin: 0;
      padding: 30px 32px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* W3C */
      text-shadow: 0px 1px 1px #000;
    }
    .awaken-slider-title:hover {
      color: #fa5742;
      text-shadow: none;
    }
    @media screen and (max-width: 766px) {
      .awaken-slider-title {
        font-size: 15px;
        font-size: 1.5rem;
      }
    }
    
    #progress {
      position: absolute;
      bottom: 0;
      height: 3px;
      width: 0px;
      background: #fa5742;
      z-index: 500;
    }
    
    .cycle-prev,
    .cycle-next {
      margin-top: -40px;
      position: absolute;
      top: 50%;
      z-index: 1000;
      height: 40px;
      line-height: 40px;
      text-align: center;
    }
    
    .cycle-prev a,
    .cycle-next a {
      color: rgba(0, 0, 0, 0.6);
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
      display: block;
      padding: 20px;
      font-size: 2.5em;
    }
    
    .cycle-prev a:hover,
    .cycle-next a:hover {
      color: rgba(0, 0, 0, 0.8);
    }
    
    .cycle-prev {
      left: 10px;
    }
    
    .cycle-next {
      right: 10px;
    }
    
    .awaken-featured-posts {
      float: right;
      width: 34.035087719298245614035087719298%;
    }
    @media screen and (max-width: 766px) {
      .awaken-featured-posts {
        float: left;
        width: 100%;
      }
    }
    
    .afp {
      position: relative;
      width: 100%;
      height: auto;
      box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    @media screen and (max-width: 766px) {
      .afp {
        width: 50%;
        float: left;
      }
    }
    
    .afp img {
      max-width: 100%;
      position: relative;
      z-index: -2;
    }
    
    .afp-title {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      /* W3C */
      text-shadow: 0px 1px 1px #000;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .afp-title a {
      color: #f5f5f5;
      text-decoration: none;
      line-height: 23px;
      padding: 30px;
      display: block;
    }
    .afp-title a:hover {
      color: #fa5742;
      text-shadow: none;
    }
    @media screen and (max-width: 1000px) {
      .afp-title {
        font-size: 16px;
        font-size: 1.6rem;
      }
    }
    @media screen and (max-width: 766px) {
      .afp-title {
        font-size: 14px;
        font-size: 1.4rem;
      }
    }
    @media screen and (max-width: 467px) {
      .afp-title {
        font-size: 12px;
        font-size: 1.2rem;
      }
      .afp-title a {
        line-height: 1.2;
        font-weight: normal;
      }
    }
    
    /* Popular, Comments, Tags Tabs */
    #awt-widget {
      background: #444;
      margin-bottom: 25px;
      font-family: 'Ubuntu', sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      text-transform: uppercase;
      border-bottom: 2px solid #fa5742;
    }
    #awt-widget li {
      padding: 0;
      margin: 0;
      width: 33.33333%;
      text-align: center;
      border-bottom: 1px solid #fff;
    }
    #awt-widget li a {
      color: #fff;
      border: none;
    }
    #awt-widget li a:hover {
      background: #555;
    }
    @media only screen and (min-width: 1000px) and (max-width: 1199px) {
      #awt-widget li {
        width: auto;
      }
    }
    
    #awt-widget > li > a {
      padding: 6px 15px;
    }
    
    #awt-widget > li.active > a, .nav-tabs > li.active > a:hover,
    #awt-widget > li.active > a:focus {
      border: none;
      background: #fa5742;
    }
    
    .nav-tabs > li > a {
      border-radius: 0;
      margin-right: 0;
    }
    
    .awaken_avatar {
      float: left;
      postion: relative;
      margin: 0 20px 20px 0;
    }
    
    .acmmnt-body {
      font-size: 16px;
      font-size: 1.6rem;
      margin: 0;
    }
    
    .awc-container {
      margin-bottom: 20px;
    }
    
    .awaken_comment_author,
    .awaken_comment_post {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    #awaken-tags a {
      padding: 2px 5px;
      background: #444;
      color: #ddd;
      line-height: 27px;
      border-radius: 3px;
      font-size: 15px;
      text-decoration: none;
    }
    #awaken-tags a:hover {
      background: #fa5742;
      color: #fff;
    }
    
    .widget_three_block_widget {
      margin: 0;
    }
    
    .site-footer {
      color: #eeeeee;
    }
    .site-footer a {
      color: white;
      text-decoration: none;
    }
    .site-footer a:hover {
      color: #fa5742;
    }
    
    .footer-site-info {
      background: #222;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 1em 0;
    }
    .footer-site-info p {
      margin-bottom: 0;
    }
    
    .footer-widget-area ul {
      list-style: none;
      margin: 0;
    }
    .footer-widget-area ul li {
      margin: 0.4em 0;
      padding: 0;
    }
    .footer-widget-area .widget {
      margin: 40px 0;
    }
    
    .footer-widget-title {
      color: whitesmoke;
      font-family: "Ubuntu", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      margin: 0 0 25px 0;
      text-transform: uppercase;
    }
    
    /*--------------------------------------------------------------
    10.0 Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    10.1 Site Main
    --------------------------------------------------------------*/
    .site-branding {
      min-height: 135px;
    }
    
    .site-title {
      font-family: 'ubuntu', sans-serif;
      font-size: 44px;
      font-weight: 500;
      margin: 30px 0 0 20px;
    }
    .site-title a {
      color: #fa5742;
      text-decoration: none;
    }
    .site-title a:hover {
      color: #333;
    }
    
    .site-description {
      color: #7e7e7e;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 14px;
      margin: 0 0 30px 20px;
    }
    
    .site-logo {
      display: inline;
      float: left;
    }
    
    .site-title-text {
      float: left;
    }
    
    .site-header {
      margin-bottom: 40px;
    }
    
    .site-footer {
      background: #323232;
      margin-top: 40px;
    }
    
    .fr {
      text-align: right;
    }
    
    /*--------------------------------------------------------------
    10.2 Posts and pages
    --------------------------------------------------------------*/
    .sticky {
      display: block;
    }
    
    .hentry {
      margin: 0 0 4em;
    }
    
    .byline,
    .updated:not(.published) {
      display: none;
    }
    
    .single .byline,
    .group-blog .byline {
      display: inline;
    }
    
    .byline:before {
      content: "\f007";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 0 10px 0 15px;
    }
    
    .posted-on:before {
      content: "\f133";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 0 10px 0 0;
    }
    
    .comments-link:before {
      content: "\f0e6";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 0 10px 0 15px;
    }
    
    .edit-link:before {
      content: "\f044";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 0 10px 0 15px;
    }
    
    .page-content,
    .entry-content,
    .entry-summary {
      margin: 1.5em 0 0;
    }
    .page-content a:hover,
    .entry-content a:hover,
    .entry-summary a:hover {
      text-decoration: underline;
    }
    
    .page-links {
      clear: both;
      margin: 0 0 1.5em;
    }
    
    .page-entry-title,
    .archive-page-title,
    .search-page-title {
      background: #fa5742;
      color: white;
      display: inline-block;
      font-family: "Ubuntu", sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 0 0 0.1em 0;
      padding: 0 1.2em;
      text-transform: uppercase;
      word-wrap: break-word;
    }
    
    .archive-page-title {
      padding-left: 0;
    }
    
    .page-entry-header,
    .archive-page-header,
    .search-page-header {
      border-bottom: 2px solid #fa5742;
      margin-bottom: 1.5em;
    }
    
    .page-entry-footer {
      margin: 30px 0;
      padding: 10px 0;
    }
    
    .archive-title-span {
      padding: 0.4em 1em;
      margin-right: 1em;
      background: #BBBBBB;
    }
    
    .search-title-span {
      color: #eee;
      margin-right: 20px;
    }
    
    .page-header {
      margin: 0 0 40px 0;
      border-bottom: none;
      padding: 0;
    }
    
    .page-title {
      margin: 0;
    }
    
    .taxonomy-description {
      font-style: italic;
      margin-bottom: 40px;
    }
    
    /* Normal Post */
    .sticky .genpost-entry-title:before {
      content: "\f08d";
      color: #555;
      display: inline-block;
      font-family: FontAwesome;
      font-weight: normal;
      margin: 0 15px 0 0;
    }
    
    .genpost-entry-title {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      font-size: 2rem;
      font-weight: normal;
      line-height: 1.3;
      margin-bottom: 4px;
      word-wrap: break-word;
    }
    .genpost-entry-title a {
      color: #353434;
      text-decoration: none;
    }
    .genpost-entry-title a:hover {
      color: #fa5742;
    }
    
    .genpost-entry-content {
      margin: 10px 0 30px 0;
    }
    
    .genpost-entry-meta,
    .single-entry-meta,
    .genpost-entry-footer {
      color: #9f9f9f;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
    }
    .genpost-entry-meta a,
    .single-entry-meta a,
    .genpost-entry-footer a {
      color: #9f9f9f;
      text-decoration: none;
    }
    .genpost-entry-meta a:hover,
    .single-entry-meta a:hover,
    .genpost-entry-footer a:hover {
      color: #fa5742;
    }
    
    .genpost-featured-image {
      margin-bottom: 1em;
    }
    .genpost-featured-image img {
      width: 100%;
    }
    
    .single-entry-header {
      margin-bottom: 1.5em;
    }
    
    .single-entry-title {
      font-family: "Roboto Condensed", sans-serif;
      margin: 0 0 2px 0;
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.3;
      font-weight: normal;
      word-wrap: break-word;
    }
    
    .single-entry-footer {
      padding: 20px 0;
      margin-bottom: 15px;
    }
    
    .categorized-under,
    .tagged-under {
      display: inline;
      padding: 4px 10px;
      background: #333;
      margin-right: 3px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 25px;
      color: #fff;
    }
    
    .awaken-list,
    .awaken-tag-list {
      display: inline;
    }
    .awaken-list a,
    .awaken-tag-list a {
      padding: 4px 10px;
      background: #555;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 25px;
      color: #f5f5f5;
    }
    .awaken-list a:hover,
    .awaken-tag-list a:hover {
      background: #fa5742;
      color: #fff;
    }
    
    .moretag {
      color: #404040 !important;
    }
    .moretag:hover {
      color: #fa5742 !important;
    }
    
    /*--------------------------------------------------------------
    10.3 Asides
    --------------------------------------------------------------*/
    .blog .format-aside .entry-title,
    .archive .format-aside .entry-title {
      display: none;
    }
    
    /*--------------------------------------------------------------
    10.4 Comments
    --------------------------------------------------------------*/
    .comment-content a {
      word-wrap: break-word;
    }
    
    .bypostauthor {
      display: block;
    }
    
    .comments-area {
      max-width: 747px;
      margin: 40px 0;
    }
    
    .comments-title,
    .comment-list,
    .comment-reply-title,
    .must-log-in,
    .comment-respond .comment-form,
    .comment-respond iframe {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    
    .sidebar .comments-title,
    .sidebar .comment-list,
    .sidebar .must-log-in,
    .sidebar .comment-reply-title,
    .sidebar .comment-navigation,
    .sidebar .comment-respond .comment-form {
      max-width: 1040px;
      padding-left: 60px;
      padding-right: 376px;
    }
    
    .comments-title {
      margin: 20px 0;
    }
    
    .comment-list,
    .comment-list .children {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    
    .comment-list .children {
      margin: 0 0 0 40px;
    }
    
    .comment-list > li:after,
    .comment-list .children > li:before {
      background: url(images/dotted-line.png) repeat left top;
      background-size: 4px 4px;
      content: "";
      display: block;
      height: 1px;
      width: 100%;
    }
    
    .comment-list > li:last-child:after {
      display: none;
    }
    
    .comment-body {
      padding: 24px 0;
      position: relative;
      clear: both;
      overflow: hidden;
      border-bottom: 1px solid #E7E7E7;
    }
    
    .comment-author .avatar {
      display: block;
      float: left;
      margin: 0 20px 20px 0;
    }
    
    .comment-author .fn {
      word-wrap: break-word;
    }
    
    .comment-author .fn,
    .comment-author .url,
    .comment-reply-link,
    .comment-reply-login {
      color: #fa5742;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
    }
    
    .says {
      display: none;
    }
    
    .no-avatars .comment-author {
      margin: 0 0 5px;
      max-width: 100%;
      position: relative;
    }
    
    .no-avatars .comment-metadata,
    .no-avatars .comment-content,
    .no-avatars .comment-list .reply {
      width: 100%;
    }
    
    .comment-list .edit-link {
      margin-left: 20px;
    }
    
    .comment-metadata,
    .comment-awaiting-moderation,
    .comment-content,
    .comment-list .reply {
      margin: 10px 0;
    }
    
    .comment-meta,
    .comment-meta a {
      color: #a2a2a2;
      font-size: 13px;
    }
    
    .comment-meta a:hover {
      color: #555555;
    }
    
    .comment-metadata {
      margin-bottom: 20px;
    }
    
    .ping-meta {
      color: #a2a2a2;
      font-size: 13px;
      line-height: 2;
    }
    
    .comment-awaiting-moderation {
      color: #a2a2a2;
    }
    
    .comment-awaiting-moderation:before {
      content: "\f021";
      margin-right: 10px;
      display: inline-block;
      font-family: FontAwesome;
      font-weight: normal;
    }
    
    .comment-reply-link:before,
    .comment-reply-login:before {
      content: "\f122";
      margin-right: 10px;
      display: inline-block;
      font-family: FontAwesome;
      font-weight: normal;
    }
    
    /* Comment form */
    .comment-respond {
      background-color: #f5f5f5;
      padding: 40px;
      margin: 30px 0;
      max-width: 747px;
    }
    
    .comment .comment-respond {
      margin-bottom: 20px;
      padding: 20px;
    }
    
    .comment-reply-title small a {
      color: #131310;
      display: inline-block;
      float: right;
      height: 20px;
      overflow: hidden;
      width: 20px;
    }
    
    .comment-reply-title small a:hover {
      color: #ed331c;
      text-decoration: none;
    }
    
    .comment-reply-title small a:before {
      content: "\f05c";
      display: inline-block;
      font-family: FontAwesome;
      font-size: 20px;
      font-weight: normal;
    }
    
    .sidebar .comment-list .comment-reply-title,
    .sidebar .comment-list .comment-respond .comment-form {
      padding: 0;
    }
    
    .comment-form .comment-notes {
      margin-bottom: 15px;
    }
    
    .comment-form .comment-form-author,
    .comment-form .comment-form-email,
    .comment-form .comment-form-url {
      margin-bottom: 30px;
    }
    
    .comment-form [for="author"],
    .comment-form [for="email"],
    .comment-form [for="url"],
    .comment-form [for="comment"] {
      float: left;
      padding: 10px 0;
      width: 100px;
    }
    
    .comment-form .required {
      color: #FF8778;
    }
    
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"] {
      max-width: 300px;
      width: 60%;
    }
    
    .comment-form textarea {
      width: 100%;
    }
    
    .form-allowed-tags,
    .form-allowed-tags code {
      color: #686758;
      font-size: 14px;
    }
    
    .form-allowed-tags code {
      font-size: 10px;
      margin-left: 3px;
      white-space: pre-wrap;
    }
    
    .comment-list .pingback,
    .comment-list .trackback {
      padding-top: 24px;
    }
    
    .comment-navigation {
      border-bottom: 1px solid #E7E7E7;
      font-size: 20px;
      font-style: italic;
      font-weight: 300;
      margin: 0 auto;
      max-width: 747px;
      padding: 20px 0;
      width: 100%;
    }
    
    .no-comments {
      background-color: #eeeeee;
      font-size: 20px;
      font-style: italic;
      font-weight: 300;
      margin: 0;
      padding: 10px 0;
      text-align: center;
    }
    
    .sidebar .no-comments {
      padding-left: 60px;
      padding-right: 376px;
    }
    
    .comment-reply-title {
      margin-top: 0;
    }
    
    /*--------------------------------------------------------------
    11.0 Infinite scroll
    --------------------------------------------------------------*/
    /* Globally hidden elements when Infinite Scroll is supported and in use. */
    .infinite-scroll .paging-navigation,
    .infinite-scroll.neverending .site-footer {
      /* Theme Footer (when set to scrolling) */
      display: none;
    }
    
    /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
    .infinity-end.neverending .site-footer {
      display: block;
    }
    
    /*--------------------------------------------------------------
    12.0 Media
    --------------------------------------------------------------*/
    .page-content img.wp-smiley,
    .entry-content img.wp-smiley,
    .comment-content img.wp-smiley {
      border: none;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
    }
    
    /* Make sure embeds and iframes fit their containers */
    embed,
    iframe,
    object {
      max-width: 100%;
    }
    
    /*--------------------------------------------------------------
    12.1 Captions
    --------------------------------------------------------------*/
    .wp-caption {
      margin-bottom: 1.5em;
      max-width: 100%;
    }
    .wp-caption img[class*="wp-image-"] {
      display: block;
      margin: 0 auto;
    }
    .wp-caption .wp-caption-text {
      margin: 0.8075em 0;
    }
    
    .wp-caption-text {
      text-align: center;
    }
    
    /*--------------------------------------------------------------
    12.2 Galleries
    --------------------------------------------------------------*/
    .gallery {
      margin-bottom: 1.5em;
    }
    
    .gallery-item {
      display: inline-block;
      text-align: center;
      vertical-align: top;
      width: 100%;
    }
    
    .gallery-columns-2 .gallery-item {
      max-width: 50%;
    }
    
    .gallery-columns-3 .gallery-item {
      max-width: 33.33%;
    }
    
    .gallery-columns-4 .gallery-item {
      max-width: 25%;
    }
    
    .gallery-columns-5 .gallery-item {
      max-width: 20%;
    }
    
    .gallery-columns-6 .gallery-item {
      max-width: 16.66%;
    }
    
    .gallery-columns-7 .gallery-item {
      max-width: 14.28%;
    }
    
    .gallery-columns-8 .gallery-item {
      max-width: 12.5%;
    }
    
    .gallery-columns-9 .gallery-item {
      max-width: 11.11%;
    }
    
    .gallery-caption {
      display: block;
    }
    #header-menu ul.menu a {
        color: #fff;
        font-family: "Oswald",sans-serif;
        font-size: 20px;
        text-transform: uppercase;
    }
  6. Mr.Phong

    Mr.Phong Mới đăng kí

    rất mong nhận được sự giúp đỡ.

Ủng hộ diễn đàn