/**
 * Theme Name:  Blog Start
 * Theme URI:   http://siteholic.com/blog-start
 * Description: Rakiya is fully responsive personal WordPress blog theme with minimalistic and fresh design style. Rakiya supports HTML5 and schema.org code, the semantic foundation for SEO best practices.The theme supports all modern browsers and has been tested in Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9 and 10.
 * Version:     1.0.1
 * Author:      Emil Kalibradov
 * Author URI:  http://siteholic.com
 * Tags:        purple, dark ,black, silver, gray, pink, purple, white, light, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, flexible-header, post-formats, microformats, theme-options, sticky-post, translation-ready, holiday, seasonal, photoblogging
 * Text Domain: rakiya
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* Fonts */

@import url(https://fonts.googleapis.com/css?family=Amaranth);

/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {
}

/* === Body === */

body {
    font-family: 'trebuchet ms',sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

/* === Links === */

a {
    color: #00B22D;
}

a:hover {
    color: #C9A798;
}

/* === Headers === */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/* === Blockquotes, quotes, and cites === */

blockquote {
}

blockquote blockquote {
}

blockquote cite {
}

/* === Acronyms and abbreviations === */

acronym {
}

abbr {
}

/* === Code and Preformatted text === */

code {
}

pre {
}

pre code {
}

/* === <address> tag === */

address {
}

/* === Lists === */

ul {
}

ul li {
}

ol {
}

ol li {
}

dl {
}

dt {
}

dd {
}

/* === Tables === */

table {
}

caption {
}

thead {
}

tfoot {
}

tbody {
}

tr {
}

th {
}

td {
}

/* wp-calendar <table> */

#wp-calendar {
    font-size: 0.8rem;
}

#wp-calendar td,
#wp-calendar th {
    padding: 0;
    border: 1px solid #eee;
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 5px;
    font-weight: bold;
}

table#wp-calendar {
    width: 100%;
}

/* === Embeds === */

object {
}

embed {
}

iframe {
}

video {
}

/* === Forms === */

form {
}

fieldset {
}

fieldset legend {
}

label {
}

input {
    padding: 9px 7px;
    border: 1px solid #e5e5e5;
    color: #999;
}

/* Not all types, but these are more common for themes. */

input[type="button"] {
}

input[type="checkbox"] {
}

input[type="email"] {
}

input[type="password"] {
}

input[type="radio"] {
}

input[type="reset"] {
}

input[type="search"] {
}

input[type="submit"] {
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eee;
    cursor: pointer;
}

input[type="text"] {
}

input[type="url"] {
}

input[type="submit"]:hover,
 {
}

input.search-submit:hover {
    color: #fff;
    background: #333;
}

input[type="search"]:hover {
}

textarea {
    padding: 14px;
    border: 1px solid #DDD;
}

select {
    padding: 9px 7px;
    border: 1px solid #e5e5e5;
    color: #999;
}

select optgroup {
}

select option {
}

button {
}

/* === Alignement (WP classes) === */

.alignleft {
}

.alignright {
}

.aligncenter {
}

.alignnone {
}

/**
 * Images
 * --------------------------------------------------------------------------- */

figure {
    max-width: 100%;
}

img {
}

a img {
}

/* === WP editor image sizes === */

img.size-thumbnail {
}

img.size-medium {
}

img.size-large {
}

img.size-full {
}

/* === Thumbnails === */

.thumbnail {
    display: block;
    position: relative;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

/* === Captions === */

.wp-caption {
}

.wp-caption img {
}

.wp-caption-text {
}

.wp-caption-text a {
}

.wp-caption-text a:hover {
}

/* === Gallery === */

.gallery {
}

.gallery .gallery-item {
}

.gallery-icon {
}

.gallery .gallery-icon img {
}

.gallery .gallery-caption {
}

/* === Avatars === */

.avatar {
}

a .avatar {
}

a:hover .avatar {
}

/* Top Bar */

#top-bar {
    height: 40px;
    background: #e3e3e3;
}

#top-container {
    position: relative;
    margin: 0 auto;
    max-width: 1024px;
}

/*Social Networks*/

#social {
    position: absolute;
    top: 0;
    left: 0;
}

#social i {
    display: inline-block;
    padding: 0 2px;
    line-height: 40px;
}

/**
 * Layout
 * --------------------------------------------------------------------------- */

#container {
    margin: 0 auto;
    max-width: 1024px;
}

.layout-1c #main {
    width: 100%;
}

.layout-2c-l #main {
    float: left;
    max-width: 68.666%;
    min-width: 68.666%;
    box-shadow: 2px 0 2px #B1B1B1;
}

.layout-2c-l #main:before {
}

.layout-2c-l .sidebar {
    float: right;
    padding-left: 3%;
    max-width: 28.333%;
    min-width: 28.333%;
}

.layout-2c-r #main {
    float: right;
    width: 66.666%;
    box-shadow: -2px 0 2px #B1B1B1;
}

.layout-2c-r .sidebar {
    float: left;
    width: 28.333%;
    padding-right: 3%;
}

.layout-3c-l #container {
}

.layout-3c-r #container {
}

.layout-3c-c #container {
}

#menu-primary {
}

#menu-secondary {
}

#main:before {
}

#main {
;
    position: relative;
    margin-bottom: 30px;
    background: #fff;
}

#content {
    padding: 0.5rem 1rem;
}

#sidebar-primary {
}

#sidebar-primary ul {
    list-style: none;
}

#sidebar-primary ul li:before {
    content: '\f061';
    margin: 0 10px 0 -15px;
    font-family: 'FontAwesome';
    font-size: 0.8rem;
}

#sidebar-secondary {
}

#menu-subsidiary {
}

#sidebar-subsidiary {
}

/** Article **/

article[id*=post-] {
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
    width: 48%;
    float: left;
}
article[id*=post-]:nth-child(odd) {
	padding-left: 4%;
}

.entry-header-archive h2.entry-title {
	font-size: 1.4rem;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 0 0 0;
}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {
}

#branding {
    float: left;
    width: 29.333%;
    padding: 2rem 0;
    text-align: center;
}

#site-title a {
	letter-spacing: -3px;
	font-weight: bold;
    font-size: 3rem;
    line-height: 2.6rem;
}

#site-description {
    font-size: 1.15rem;
    color: #000;
    margin-top: -10px;
    font-style: italic;
}

#header-widget {
    float: right;
    width: 66.66%;
    padding: 2rem 0;
    text-align: center;
}

#header-widget .widget {
    margin: 0;
}

.archive-header {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 8px solid #00B22D;
    padding: 15px;

}

h1.archive-title {
}

#search-bar {
    float: right;
}

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {
}

/* ====== Primary Menu ====== */

nav#main-menu {
;
    background: #333;
    position: relative;
    margin-bottom: 5px;
}
#menu-primary {
	float: left;
}

#menu-primary .wrap {
}

#menu-primary ul {
    position: relative;
    margin: 0;
    list-style-type: none;
    background: #333;
}

#menu-primary ul li {
    display: inline-block;
    position: relative;
    float: left;
}

#menu-primary li a {
    display: inline-block;
    padding: 14px;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background: url(images/nav.png) no-repeat right 50%;
}

#menu-primary ul li:last-of-type a {
	background: none;
}

#menu-primary ul li:last-of-type a:hover,
#menu-primary li a:hover {
    background: #00B22D;
}

#menu-primary ul li:hover > ul {
    display: block;
}

#menu-primary ul ul {
    display: none;
    z-index: 9999;
    position: absolute;
}

#menu-primary ul ul li {
}

#menu-primary .sub-menu a {
    display: block;
    padding-right: 0;
    padding-left: 10px;
    min-width: 140px;
    line-height: 25px;
}

#menu-primary .sub-menu {
    z-index: 99999;
    -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
    -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
    box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
}

#menu-primary .sub-menu ul li {
}

#menu-primary ul ul ul {
    display: none;
    position: absolute;
    margin-top: -24px;
    margin-left: 150px;
}

#menu-primary ul ul li:hover > ul {
    display: block;
}
.current-menu-item a{ 
    color: #C9A798;

}
/* ====== Secondary Menu ====== */

#menu-secondary {
    float: right;
    font-size: 0.8rem;
}

#menu-secondary .wrap {
}

#menu-secondary ul {
    margin: 0;
    list-style: none;
}

#menu-secondary ul ul {
    display: none;
}

#menu-secondary li {
    float: left;

}

#menu-secondary li.current-menu-item {
}

#menu-secondary li a {
	display: block;
	padding: 5px 10px;
}

#menu-secondary li a:hover {
}

/* ====== Subsidiary Menu ====== */

nav#footer-navigation {
    margin: 0 auto;
    padding-top: 0.5rem;
    max-width: 1024px;
}

#menu-subsidiary {
    text-transform: uppercase;
    font-size: .9rem;
}

#menu-subsidiary .wrap {
}

#menu-subsidiary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu-subsidiary ul ul {
    display: none;
}

#menu-subsidiary li {
    display: inline;
    float: left;
}

#footer-navigation ul li a {
    padding: 0 15px;
    border-right: 1px solid #d8d8d8;
}

#footer-navigation ul li a:last-child {
}

#menu-subsidiary li a:hover {
}

/*Search Nacigation*/
#searchnavi {
	display: inline-block;
	position: absolute;
	right: 0;
	margin-top: 10px;
	margin-right: 10px;

}
#searchnavi input[type="text"] { padding: 8px;
	width: 200px;
	color: #red;
	font-size: 0.7rem;
}


/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
    padding: 5px 10px;
    font-size: .8rem
}

h2.trail-browse {
    display: inline;
    font-size: .8rem;
}

.breadcrumb-trail ul {
    display: inline;
    margin: 0;
    list-style: none;
}

.breadcrumb-trail ul li {
    display: inline-block;
    padding: 0 5px;
}

.breadcrumb-trail ul li:after {
    content: " >";
}

.breadcrumb-trail ul li:last-child:after {
    content: "";
}

.breadcrumb-trail .sep {
}

.breadcrumb-trail a {
}

.breadcrumb-trail a:hover {
}

/* ====== POSTS ====== */

.hentry {
}

.sticky {
}

/* === Post Header === */

.entry-header {
    position: relative;
}

.entry-title {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-size: 2.5rem;
}

.entry-title a {
    color: #000;
}

.entry-title a:hover {
}

.entry-byline {
}

.entry-byline a {
}

.entry-byline a:hover {
}

.entry-byline .published {
}

.entry-terms.category {
    text-align: center;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
    color: #C9A798;
}

.entry-terms.category a {
    color: #C9A798;
}

span.entry-terms.category {
    padding: 5px;
    font-size: .8rem; 
}
span.entry-terms.category a:hover  {
	background: #00B22D;
}
span.entry-terms.category a {
	color: #fff;
	background: #c1c1c1;
	padding: 5px;
	margin-right: 2px;

}

time {
}

time.comment-published {
}

/* === Post content and excerpts === */

.entry-content {
}

.entry-summary {
	padding-top: 15px;
}
a.more-link {
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
	color: #fff;
	font-size: 0.8rem;
	background: #00B22D;
	padding: 3px 6px;
	letter-spacing: -.2px;
}
.more-link:hover {
	background: #333;
}
/* === Post Footer === */

.entry-footer {
    font-size: 0.8rem;
    font-style: italic;
    color: #555;
    padding-bottom: 5px;
    letter-spacing: -1px;
}

.entry-meta {
}

.entry-meta a {
}

.entry-meta a:hover {
}

.entry-meta .published {
}

.entry-meta .category {
}

.entry-meta .post_tag {
}

/* === Asides === */

.format-aside {
}

.format-aside .entry-content a.permalink {
}

/* === Chats === */

.format-chat {
}

.format-chat .chat-row {
}

.format-chat .chat-text {
}

.format-chat cite {
}

.format-chat .chat-speaker-1 {
}

.format-chat .chat-speaker-2 {
}

.format-chat .chat-speaker-3 {
}

.format-chat .chat-speaker-4 {
}

.format-chat .chat-speaker-5 {
}

.format-chat .chat-speaker-6 {
}

.format-chat .chat-speaker-7 {
}

.format-chat .chat-speaker-8 {
}

.format-chat .chat-speaker-9 {
}

/* === Links === */

.format-link {
}

.format-link .entry-title {
}

.format-link .entry-title a {
}

.format-link .entry-title a:hover {
}

.format-link .entry-title a .meta-nav {
}

/* === Galleries === */

.format-gallery {
}

.format-gallery .image-count {
}

/* === Quotes === */

.format-quote {
}

.format-quote blockquote {
}

.format-quote blockquote cite {
}

/* === Status updates === */

.format-status.format-status .avatar {
}

/* === Audio and Video === */

.format-video {
}

.format-audio {
}

/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {
}

.attachment-meta .image-gallery {
}

.attachment-meta .image-info {
}

.image-info ul {
}

.image-info ul li {
}

.image-info .prep {
}

.image-info .image-data {
}

/* ====== LOOP META ====== */

.loop-meta {
}

.loop-title {
}

.loop-description {
}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {
}

.page-links .before {
}

.page-links a {
}

.page-links a:hover {
}

/* === Single post navigation (between different posts) === */

.loop-nav {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.loop-nav a {
}

.loop-nav a:hover {
}

div.prev {
    display: inline-block;
    float: left;
}

div.next {
    display: inline-block;
    float: right;
}

.loop-nav a[rel="prev"]:before {
}
}

.loop-nav a[rel="next"]:before {
}

/* === Archive-type pages === */

.loop-pagination {
}

.loop-pagination .page-numbers {
}

.loop-pagination a.page-numbers {
}

.loop-pagination a.page-numbers:hover {
}

.page-numbers.current {
}

/* === Comments pagination === */

.comments-nav {
}

.comments-nav a {
}

.comments-nav a:hover {
}

.comments-nav .page-numbers {
}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {
}

.widget {
    margin-bottom: 2rem;
}

.widget-title {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    letter-spacing: 2px;
}

.widget-title span {
    display: inline-block;
    position: relative;
}

.widget-title > span:before,
.widget-title>span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 591px;
    margin: 0 14px;
    border-color: #d8d8d8;
    border-bottom: 1px solid;
}
}

.widget-title > span:after {
    left: 100%;
}

.widget-title > span:before {
    right: 100%;
}

.widget select {
    width: 100%;
}

.widget .search-submit {
    display: none;
}

.widget .search-field {
    width: 100%;
}

/* ====== Specific ====== */

#sidebar-primary {
}

#sidebar-secondary {
}

#sidebar-subsidiary {
}

#sidebar-header {
}

#sidebar-before-content {
}

#sidebar-after-content {
}

#sidebar-after-singular {
}

/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {
    margin: 30px 0;
}

/* ====== COMMENTS ======= */

#comments {
}

#comments-number {
    margin-bottom: 30px;
}

/* === Comments closed message === */

.comments-closed {
}

.comments-closed.pings-open {
}

/* === Comment list === */

ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol.comment-list ol.children {
    list-style: none;
}

/* === Individual comments */

li.comment {
}

li.ping {
}

li.bypostauthor {
}

/* === Avatars === */

.comment-list .avatar {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    border-radius: 50%;
}

/* === Meta === */

.comment-meta {
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.comment-author {
}

.comment-author cite {
}

.comment-meta .published {
}

/* === Comment text/content === */

.comment-content {
    border-bottom: 1px dotted #eee;
    font-size: 0.9rem;
}

/* === Reply link === */

.comment-reply-link {
}

.comment-reply-link:hover {
}

a.comment-permalink {
    display: none;
}

/* ====== RESPOND (COMMENT FORM) ====== */

#respond {
    margin-top: 30px;
}

#reply-title {
}

#reply-title small {
}

#respond .log-in-out {
}

#respond label {
    display: inline-block;
    width: 100px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

#respond p {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
}

#respond label .required {
}

#respond input {
    border-radius: 3px;
}

#respond input[type="text"] {
}

#respond input[type="text"]:focus {
}

#respond input[type="url"] {
}

#respond input[type="url"]:focus {
}

#respond input[type="email"] {
}

#respond input[type="email"]:focus {
}

#respond input[type="submit"] {
    padding: 12px 19px 14px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eee;
    cursor: pointer;
}

#respond input[type="submit"]:focus {
}

#respond input[type="submit"]:hover {
    color: #fff;
    background: #333;
}

#respond textarea {
    width: 100%;
    border-radius: 3px;
}

#respond textarea:focus {
}

/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
    margin: 0 auto;
    margin-top: .5rem;
    padding-top: 0.5rem;
    max-width: 1024px;
    border-top: 1px solid #d8d8d8;
}

#footer .copyright {
}

#footer .credit {
    text-align: center;
    font-size: .9rem;
}

#footer a {
}

#footer a:hover {
}

* Media Queries * --------------------------------------------------------------------------- */@media only screen and (max-width:1024px) {
    }

    @media only screen and (max-width:860px) {
    #top-bar {
        width: 100%;
    }

    #container {
        width: 100%;
    }

    #top-container {
        width: 100%;
    }

    .layout-2c-l #main,
    #main {
        float: none;
        max-width: 100%;
    }

    .layout-2c-r #main,
    #main {
        float: none;
        width: 100%;
    }

    #branding {
        width: 100%;
        padding: 1rem 0;
    }

    #sidebar-primary {
        float: none;
        width: 100%;
        padding: 0;
        max-width: 100%;
    }

    #header-widget {
        float: none;
        width: 100%;
        padding: 0;
    }

    #header-widget .widget {
        padding: 10px 0;
    }

    .widget {
        padding: 0 2rem;
    }

    footer#footer {
        width: 100%;
    }

    nav#footer-navigation {
        width: 100%;
    }

    .breadcrumb-trail {
        display: none;
    }

    .footer-widgets {
        margin: 1.5em;
    }

    .quarter {
        width: 48%;
    }

    .layout-2c-r #container #sidebar-primary {
        padding-left: 0;
    }

    .layout-2c-l #container #sidebar-primary {
        padding-right: 0;
    }

    #footer .credit {
        float: none;
        padding: 0.5em 0;
        text-align: center;
    }

    #menu-footer {
        float: none;
        padding: 0.5em 0;
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    .menu-toggle {
        display: inline-block;
        position: relative;
        margin: 0;
        font-size: 0.8125rem;
        line-height: 24px;
        vertical-align: middle;
        cursor: pointer;
    }

    .menu-toggle button {
        position: relative;
        top: 7px;
        right: 0;
        left: 15px;
        border: none;
        background: none;
    }

    #menu-primary .menu-toggle button {
    }

    #menu-primary .menu-toggle button::before {
        content: '\f0c9';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 25px;
        -webkit-font-smoothing: antialiased;
    }

    #menu-primary .wrap {
        display: none;
    }

    #menu-primary ul {
        z-index: 99999;
        padding: 10px 20px;
    }

    #menu-primary li {
        display: block;
        width: 100%;
    }

    #menu-primary li a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        line-height: 25px;
    }

    #menu-primary ul ul {
        display: block;
        position: relative;
        padding: 0;
    }

    #menu-primary ul ul ul {
        display: block;
        position: relative;
        margin: 0;
        padding: 0 10px;
    }
}

@media only screen and (max-width:480px) {
    .quarter {
        float: left;
        width: 100%;
    }

    .one-third {
        float: left;
        width: 200%;
    }
}

/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */
nav#main-menu:after,
.entry-content:after,
nav#menu-primary:after,
header.comment-meta:after,
#top-container:after,
.loop-nav:after,
nav#footer-navigation:after,
#container:after,
#header:after,
.clearfix::after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}