/*
Table of contents
1. Responsive image height
2. Small list widget entry-thumb style
3. Default widgets styles
4. Related posts
5. Responsive for commenter avatar
6. Comment Form
7. Elements box in single and page right sidebar
8. WordPress native editor classes
9. Shortcodes Columns Styles
10. Make sure images with WordPress-added height and width attributes are scaled correctly.
11. Tags box
12. Make sure videos and embeds fit their containers.
13. Gallery shortcode in single
14. Long title
15. Permalink on post date
16. search keyword
*/

/* 1. Responsive image height */
.entry-thumb img,
.flexslider .slides img {
    height: auto;
}

/* 2. Small list widget entry-thumb style */
.widget-area-1 .kp-small-list-widget ul li .entry-thumb {
    width: 53px;
}

/* 3. Default widgets styles */
.widget .children,
.widget_nav_menu .sub-menu {
    margin-top: 10px;
    margin-left: 10px;
}
.widget_categories .children li {
    padding-top: 0;
}
.widget_pages .children,
.widget_pages .children li {
    margin-top: 15px;
}
.widget_text * {
    max-width: 100%;
    height: auto;
}
.widget_calendar table {
    width: 100%;
}
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
    text-align: center;
}
.widget_calendar #prev {
    text-align: left;
}
.widget_calendar #next {
    text-align: right;
    padding-right: 5px;
}

.b-bottom-sidebar .widget_nav_menu .menu {
    list-style-type: none;
}
.b-bottom-sidebar .widget_nav_menu .menu li {
    list-style: none;
}
.b-bottom-sidebar .widget_nav_menu .sub-menu {
    list-style-type: disc;
}
.b-bottom-sidebar .widget_nav_menu .sub-menu li {
    list-style: inside disc;
}

/* 4. Related posts */
.kopa-related-post .entry-thumb {
    width: 65px;
}

/* 5. Responsive for commenter avatar */
#comments .comment-avatar img {
    height: auto;
}

/* 6. Comment form */
.comments-list .comment #respond {
    margin-top: 20px;
}

#cancel-comment-reply-link {
    color: white;
}
#comments .comment-body{
    max-width: 100%;
}
/* 7. Elements box in single and page right sidebar */
.single .elements-box,
.kp-page-right-sidebar .elements-box,
.elements-box .kp-gallery-slider,
.elements-box .kp-gallery-carousel {
    margin: 0;
}

/* 8. WordPress native editor classes  */
.wp-caption{
    max-width: 100%;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft {
    margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

img.alignright {
    margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}


/* 9. Shortcodes Columns Styles */
.kopa-one-two {
    float:left;
    margin-right:3%;
    width:48%;
}
.kopa-one-third {
    float:left;
    margin-right:2%;
    width:32%;
}
.kopa-two-third {
    float:left;
    margin-right:2%;
    width:66%;
}
.kopa-one-fourth {
    float:left;
    margin-right:2%;
    width:23.5%;
}
.kopa-three-fourth {
    float:left;
    margin-right:2%;
    width:74.5%;
}

.kopa-one-two.last,
.kopa-one-third.last,
.kopa-two-third.last,
.kopa-one-fourth.last,
.kopa-three-fourth.last{
    margin-right:0 !important;
}

/* 10. Make sure images with WordPress-added height and width attributes are scaled correctly. */
.elements-box img,
.comment-body img {
    max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.elements-box img,
.comment-body img {
    height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
    max-width: 100%;
    height: auto;
}

/* 11. Tags box */
.tag-box a {
    margin-bottom: 3px;
}

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

/* 13. Gallery shortcode in single */
.single .kp-gallery-slider .mask,
.kp-page-right-sidebar .kp-gallery-slider .mask {
    margin: 20px 110px;
    width: 500px !important;
}

/* 14. Long title */
.breadcrumb,.prev-post a, .next-post a{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
}
.comment{
    word-break: break-all;
}


/* 15. Permalink on post date */
.home-slider .entry-date a{
    font-size: 10px;
    font-style: normal;
    color: #fff;
}
.home-slider .entry-date a:hover{
    color:#098d94;
}

.kp-featured-news-widget{
    height: 100%;
}
/* 16. search keyword */
.kopa-search-keyword{
    background-color: yellow;
}

.background-red{
    background-color: #FBFCC1;
}

.entry-date a{
    color: #098d94;
}
.entry-date a:hover{
    color: #333333;
}
.entry-box footer p a.article-title:hover{
color:#098d94;
}

*:focus {
    outline: 0;
}

.widget_search .search-box, 
.widget_search .search-box .search-form, 
.widget_search .search-box .search-form .search-text {
width:100%;
}

.widget_recent_comments .recentcomments a, .widget_recent_comments .recentcomments {
word-break:break-all;
}

.flex-caption a{
color:#428bca;
}
.flex-caption a:hover{
color:#fff;
}
.home-slider .flex-caption{
max-height:90%;
overflow:hidden;
}
.elements-box{
-ms-word-wrap: break-word;
word-wrap: break-word;
}