/*
Theme Name: Dart Blog
Theme URI: https://dartthemes.com/product/dart-blog
Author: dartthemeswp
Author URI:  https://dartthemes.com
Description: Dart Blog Created for blogger and writer who love to writing, Dart Blog is clean and easy designed made for all kind user with default WordPress user interface. best for personal blog, travel blog, life-style and business website blog.
Version: 1.0.23
Requires PHP: 5.6
Tested up to: 6.0
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, full-width-template
License: GNU General Public License v2.0
License URI: ​http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dart-blog
*/

/* --- Archive pages --- */


.archive-header {
    background-color: #fff;
    padding: 15px;
}



/* --- 404 Page --- */
.error-404 {
    padding-top: 100px;
    padding-bottom: 150px;
}

.error-404 h1 {
    font-size: 150px;
    margin-bottom: 30px;
}



.media .pull-left {
    padding-right: 20px;
}

.bypostauthor {
    display: block;
}


/* --- Captions --- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    background: none repeat scroll 0 0 #f1f1f1;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 2px 10px;
}


.screen-reader-text {}

/* --- 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%;
    padding: 2px;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
    padding: 2px;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
    padding: 2px;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
    padding: 1px;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
    padding: 1px;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
    padding: 1px;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
    padding: 1px;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
    padding: 1px;
}

.gallery-caption {
    display: block;
}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}


/* --- Gallery Slider --- */
#blog-gallery-slider.carousel {
    overflow: hidden;
}

#blog-gallery-slider .carousel-control.left,
#blog-gallery-slider .carousel-control.right {
    top: 50%;
    margin-top: -20px;
    text-shadow: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;

    display: block;
    width: 36px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 39px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#blog-gallery-slider .carousel-control.left:hover,
#blog-gallery-slider .carousel-control.right:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#blog-gallery-slider .carousel-control.right {
    left: auto;
}

#blog-gallery-slider .carousel-control .glyphicon-chevron-left,
#blog-gallery-slider .carousel-control .glyphicon-chevron-right {
    line-height: 80px;
    top: 0;
    left: 10px;
}



/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}



/* === 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;
    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: 0.875rem;
    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. */
}



/* Search */

#searchform input#s {
    padding: 10px 13px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 100%;
    background: #f0f3f3;
}





/* WP  Styles*/

.rtl {}

.home {}

.blog {}

.archive {}

.date {}

.search {}

.paged {}

.attachment {}

.error404 {}

.single postid-custom {}

.attachmentid-custom {}

.attachment-custom {}

.author {}

.author-custom {}

.category {}

.category-custom {}

.tag {}

.tag-custom {}

.page-parent {}

.page-child parent-pageid-custom {}

.page-template page-template-custom {}

.search-results {}

.search-no-results {}

.logged-in {}

.paged-custom {}

.single-paged-custom {}

.page-paged-custom {}

.category-paged-custom {}

.tag-paged-custom {}

.date-paged-custom {}

.author-paged-custom {}

.search-paged-custom {}

.post-id {}

.post {}

.page {}

.attachment {}

.sticky {}

.hentry {}

.category-misc {}

.category-example {}

.tag-news {}

.tag-wordpress {}

.tag-markup {}




.format-image {}

.format-gallery {}

.format-chat {}

.format-link {}

.format-quote {}

.format-status {}

.format-video {}

.entry-content img {}

.alignnone,
img.alignnone {}

.wp-caption {}

.wp-caption img {}

.wp-caption p.wp-caption-text {}

.wp-smiley {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}


/* Site Header*/
.site-header {
    border-bottom: 1px solid #ddd;
    /*background-color: #404040;*/
    /*color: #FFFFFF;*/
}

.site-header .main-logo {
    padding: 15px;
}

.site-header .navigation {}

.site-header .navigation .menu li {}

.menu-item-has-children {}

.menu-item-has-children::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translate(50%, -50%);
}


.sub-menu .menu-item-has-children::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translate(0, -50%) rotate(-90deg);
}

.widget .menu-item-has-children::after,
.widget .sub-menu .menu-item-has-children::after,
.slicknav_menu .sub-menu .menu-item-has-children::after {
    content: "";
    display: none;
}



/* Site footer */
.site-footer {}

.site-footer .footer-bottom {
    padding: 25px 0;
    text-align: center;
    font-size: 16px;
}



/* Content Style*/




/* --- Posts and pages --- */
.sticky {}

article {

    margin-bottom: 40px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.post .entry-title,
.content-area .entry-title {
    margin: 20px 0;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 20px 0 0;
}

.post .entry-content {
    text-align: left;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-links a {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #777;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.page-links a:hover {

    color: #777;
}





a.read-more {

    font-weight: bold;
}





.entry-meta-top {
    margin: 25px 0;
}

.entry-meta-top span {}

.entry-meta-bottom {
    margin: 25px 0;
}



/* === Media === */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


.navigation .menu {}

.navigation ul.menu,
.navigation .menu ul {
    padding: 0;
    margin: 0;
}

.navigation .menu li ul li {
    margin-left: 0;
}

.navigation .menu li {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    line-height: 34px;
}





.navigation .menu .sub-menu li {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    line-height: 16px;
}

.navigation .menu li a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333;
    display: block;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    padding: 30px 0;

}

.navigation .menu li.current-menu-item>a,
.navigation .menu li.current_page_item>a,
.navigation .menu li a:hover {}

/*** DROPDOWN ***/
.navigation .menu .sub-menu,
.navigation .menu .children {
    background-color: #f0f3f3;
    /* display: none; */
    padding: 0;
    position: absolute;
    margin-top: 0;
    left: -13px;
    z-index: -1;
    box-shadow: 0 12px 17px -13px rgba(99, 99, 99, 0.42);
    transition: 0.4s ease all;
    top: 110%;
    opacity: 0;
}

.navigation ul.menu ul a,
.navigation .menu ul ul li a {
    color: #333333;
    margin: 0;
    padding: 15px 25px;
    min-width: 250px;
    line-height: 20px;
    -webkit-transition: .25s;
    transition: .25s;

}


.navigation .menu .sub-menu {}

.navigation .menu .sub-menu:after,
.navigation .menu .sub-menu:before {
    bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.navigation .menu .sub-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f0f3f3;
    border-width: 8px;
    margin-left: -8px;
}

.navigation .menu .sub-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #504d4d;
    border-width: 8px;
    margin-left: -8px;
}


.navigation .menu .sub-menu .sub-menu {
    border: none;
}

.navigation .menu .sub-menu .sub-menu::before {
    border: none;
}

.navigation .menu .sub-menu .sub-menu::after {
    border: none;
}




.navigation .menu ul ul li:first-child a {}

.navigation ul.menu ul li,
.navigation .menu ul ul li {
    padding-right: 0;
    margin-right: 0;
}

.navigation ul.menu ul a:hover,
.navigation .menu ul ul a:hover {}

.navigation ul.menu li:hover>ul,
.navigation .menu ul li:hover>ul {
    /* display: block; */
    z-index: 99999;
    top: 100%;
    opacity: 1;
}

.navigation .menu .sub-menu ul,
.menu .children ul {
    left: 100%;
    top: 0 !important;
}




@media screen and (max-width: 768px) {
    .navigation .menu {
        display: none;
    }
}



/* Pagination */

.paginate {
    text-align: center;
}

.pagination {
    background: #fff;
    padding: 5px 0;
}

.pagination a,
.pagination span {
    color: #777;
    padding: 8px 15px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: #fff;
}

.pagination .page-numbers:last-child a,
.pagination .page-numbers:last-child span,
.pagination .page-numbers:first-child a,
.pagination .page-numbers:first-child span {
    border-radius: 0;
}

.pagination a:focus,
.pagination a:hover,
.pagination span:focus,
.pagination span.current,
.pagination span:hover {
    color: #4e4e4e;

}


/* post nav links */

.post-nav-links {}

.post-nav-links a {}

.post-nav-links .post-page-numbers {
    color: #777;
    border: 1px solid #e5e5e5;
    padding: 8px 15px;
    display: inline-block;
    margin: 0 5px;
}

.post-nav-links .current {
    color: #fff;

    border-color: #e5e5e5;
}



.media,
.media .media {
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}



.content-area {}

.content-area article {
    padding: 15px;
}


.site-wrapper {}





/* === Widgets === */

/* WordPress generated Class Start*/
.widget {
    margin-bottom: 40px;
}

#searchform {}

.widget_search {}

.screen-reader-text {}

.widget_meta {}

.widget_meta ul {}

.widget_meta ul li {}

.widget_meta ul li a {}

.widget_links {}

.widget_links ul {}

.widget_links ul li {}

.widget_links ul li a {}

.widget_archive {}

.widget_archive ul {}

.widget_archive ul li {}

.widget_archive ul li a {}

.widget_archive select {}

.widget_archive option {}

.widget_pages {}

.widget_pages ul {}

.widget_pages ul li {}

.widget_pages ul li a {}

.widget_links {}

.widget_links li:after {}

.widget_links li:before {}

.widget_tag_cloud {}

.widget_tag_cloud a {}

.widget_tag_cloud a:after {}

.widget_tag_cloud a:before {}

.widget_calendar {}

#calendar_wrap {}

#calendar_wrap th {}

#calendar_wrap td {}

#wp-calendar tr td {}

#wp-calendar caption {}

#wp-calendar a {}

#wp-calendar #today {
    background: #f5f5f5;
}

#wp-calendar #prev {}

#wp-calendar #next {}

#wp-calendar #next a {}

#wp-calendar #prev a {}

.widget_categories {}

.widget_categories ul {}

.widget_categories ul li {}

.widget_categories ul ul.children {}

.widget_categories a {}

.widget_categories select {}

.widget_categories select#cat {}

.widget_categories select.postform {}

.widget_categories option {}

.widget_categories .level-0 {}

.widget_categories .level-1 {}

.widget_categories .level-2 {}

.widget_categories .level-3 {}

.recentcomments {}

#recentcomments {}

#recentcomments li {}

#recentcomments li a {}

.widget_recent_comments {}

.widget_recent_entries {}

.widget_recent_entries ul {}

.widget_recent_entries ul li {}

.widget_recent_entries ul li a {}

.textwidget {}

.widget_text {}

.textwidget p {}


/* WordPress generated Class End*/


/* Custom Class Start*/

.widget-title {
    font-weight: 700;
    /* text-transform: uppercase; */
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
    padding: 15px 15px;
    text-align: left;
    /*border-bottom: 1px solid #ddd;*/
}

.widget-content {
    padding: 20px;
}

.widget input[type=text],
.widget input[type=email] {
    padding: 6px 10px;
}

.widget .form input[type=submit] {
    width: 100%;
    font-size: 16px;
}

.widget ul {
    padding-left: 20px;
    margin: 0;
    list-style: none;
}

.widget ul.children {
    padding-left: 15px;
    margin-top: 12px;
}

.widget li {
    margin-bottom: 0;
    padding: 8px 0;
    position: relative;
    list-style: disc;
}

.widget .menu {
    float: none;
}

.widget .menu li {
    margin-right: 0;
}

.widget .menu li a {
    line-height: 23px;
}

.widget .menu .sub-menu {
    margin: 16px 0 0 0;
}

.widget li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.widget li:first-child {
    padding-top: 0;
}




.widget li a {
    font-size: 16px;
    color: #0900c3;
}

.widget li a:hover {}

.widget select {
    width: 100%;
    border: 1px solid #ddd;
    padding: 6px 8px;
}








/* Tags */
.tagcloud a {

    line-height: inherit;
}

.tagcloud a:hover {}

/* Calender */
#wp-calendar {
    width: 100%;
    margin-bottom: 0px;
}

#wp-calendar caption {
    text-align: center;
    color: #777;
    padding: 0;
    margin-bottom: 0px;
}

#wp-calendar thead {}

#wp-calendar thead th {
    padding-bottom: 10px;
}

#wp-calendar tbody {
    color: #4e4e4e;
}

#wp-calendar tbody td {
    text-align: center;
    border: 1px solid #ddd;

}

#wp-calendar tbody td a {
    font-weight: 700;

}

#wp-calendar tbody td:hover {
    color: #666;
}

#wp-calendar tbody .pad {
    background: none;
    border: none;
}

#wp-calendar tfoot #next {

    text-transform: uppercase;
    text-align: right;
    border: none;
}

#wp-calendar tfoot #prev {

    text-transform: uppercase;
    padding-top: 10px;
    border: none;
}

#wp-calendar tfoot a {}

#wp-calendar thead th {
    text-align: center;
    background: #525252;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
}

#calendar_wrap table tr td {
    padding: 10px;
}

#calendar_wrap .pad {
    border: 0;
}

/*Footer widget*/

.site-footer .widget {
    background: none;
    box-shadow: none;
    border: none;
}

.site-footer .widget .widget-title {
    border-bottom: none;
    text-align: left;
}

.site-footer .widget a {}

.footer-widget .widget {

    border: none;

}



/* === Comments === */
#comments .media {
    border-bottom: 1px solid #F5F2F2;
}

#comments .comment-avartar {
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    height: 60px;
    float: left;
    margin-right: 20px;
}

.comment-avarta {}

#comments .comment-avartar img {
    width: 100%;
}


#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    display: block;
    width: 100%;
    height: 43px;
    border: 1px solid #f2f2f2;
    background: #fff;
    margin-bottom: 20px;
    padding: 0 15px;
    color: #888888;
    border-radius: 0;
}

#respond input:focus[type="text"],
#respond input:focus[type="email"],
#respond input:focus[type="url"],
#respond textarea:focus {
    outline: none;

}

#respond textarea {
    display: block;
    width: 100%;
    height: 180px;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
    resize: none;
    padding: 10px 15px;
    background: #fff;
    border-radius: 0;
}

#respond .form-submit {
    font-size: 16px;
}

#respond .logged-in-as {
    margin-left: 15px;
}

#respond #reply-title {
    padding-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0px;
}

#respond #reply-title small a {
    color: #FD3535;
    margin-left: 10px;
}

#comments .common-title.comments-title {
    padding-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#comments ul.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments ul.comment-list ul {
    list-style: none;
    padding-left: 30px;
}

#comments .comment-reply {}

#comments .comment-reply a {}

#comments .comment-meta {
    margin-right: 15px;
    font-weight: bold;
}

#comments .comment-reply a:hover {}

#comments .comment-author {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .30px;
}

#comments .comment-author a,
#respond .logged-in-as a {
    color: #000;
    font-weight: 700;
}

#comments .comment-author a:hover,
#respond .logged-in-as a:hover {}

#comments .comment-date {
    color: #9e9e9e;
    font-size: 16px;
}

#comments .comment-content {
    margin-top: 10px;
}

#comments .comment-content p {
    margin-bottom: 10px;
}

#comments .comment-body {
    margin-bottom: 15px;
}










.commentlist .reply {}

.commentlist .reply a {}

.commentlist .alt {}

.commentlist .odd {}

.commentlist .even {}

.commentlist .thread-alt {}

.commentlist .thread-odd {}

.commentlist .thread-even {}

.commentlist li ul.children .alt {}

.commentlist li ul.children .odd {}

.commentlist li ul.children .even {}

.commentlist .vcard {}

.commentlist .vcard cite.fn {}

.commentlist .vcard span.says {}

.commentlist .vcard img.photo {}

.commentlist .vcard img.avatar {}

.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {}

.commentlist .comment-meta a {}

.commentlist .commentmetadata {}

.commentlist .commentmetadata a {}

.commentlist .parent {}

.commentlist .comment {}

.commentlist .children {}

.commentlist .pingback {}

.commentlist .bypostauthor {}

.commentlist .comment-author {}

.commentlist .comment-author-admin {}

.commentlist {}

.commentlist li {}

.commentlist li p {}

.commentlist li ul {}

.commentlist li ul.children li {}

.commentlist li ul.children li.alt {}

.commentlist li ul.children li.byuser {}

.commentlist li ul.children li.comment {}

/*.commentlist li ul.children li.depth-{id} {}*/
.commentlist li ul.children li.bypostauthor {}

.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}

#cancel-comment-reply a {}

/*Comment Form */

#respond {}

#reply-title {}

#cancel-comment-reply-link {}

#commentform {}

#author {}

#email {}

#url {}

#comment {}

#submit {}

.comment-notes {}

.required {}

.comment-form-author {}

.comment-form-email {}

.comment-form-url {}

.comment-form-comment {}

.form-allowed-tags {}

.form-submit {}






@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');





.site-main {}

.widget {
    margin-bottom: 40px;
    background: #fff;
    word-break: break-word;
}

.content-area article {
    padding: 15px;
    background: #fff;
}

.entry-thumbnail img {
    width: 100%;
}


.widget-title {
    position: relative;
    text-transform: uppercase;
}

.widget-title:after {
    width: 32%;
    height: 1px;
    content: " ";
    background: #636363ab;
    position: absolute;
    bottom: 0;
    left: 20px;
}


.comments-wrap,
.post-navs {
    background: #fff;
}




.woocommerce .col-1,
.woocommerce .col-2 {
    max-width: none;
}

span.woocommerce-input-wrapper {
    display: block !important;
    width: 100%;
}

.woocommerce-billing-fields label {
    display: block !important;
    width: 100%;
}


.woocommerce div.product {
    background: #fff;
    padding: 15px;
}


.woocommerce-table th,
.woocommerce-table td,
.woocommerce-orders-table th,
.woocommerce-orders-table td {
    border: 0;
}





.slicknav_menu {
    display: none;
}

@media screen and (max-width: 40em) {

    /* #menu is the original menu */
    .menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }
}