/*
1. rating edit
2. Avatar
3. fix test case
*/

/*
 * header 3 search box
 */
/*#kopa-search{
    margin-top: -40px;
    margin-right: 15px;
}*/

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
Clearing float
 */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .entry-content img, img{
    max-width: 100%;
    height: auto;
}
img.alignleft{
    margin: 5px 20px 5px 0;
}
img.size-full,
img.size-large
{
    height: auto;
    max-width: 100%;
}
.wp-caption{
    max-width: 100%;
}

/*
overflow
 */
blockquote, .alert, .video-wrapper{
	overflow:hidden;
}
iframe{
	max-width: 100%;
}


table {
    max-width: 100%;
    background-color: transparent; }

th {
    text-align: left; }

.table, table {
    width: 100%;
    margin-bottom: 20px; }
.table > thead > tr > th, table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > td,
.table > tbody > tr > th,
table > tbody > tr > th,
.table > tbody > tr > td,
table > tbody > tr > td,
.table > tfoot > tr > th,
table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > td {
    padding: 8px;
    line-height: 20px;
    vertical-align: top;
    border-top: 1px solid #dddddd; }
.table > thead > tr > th, table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd; }
.table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-top: 0; }
.table > tbody + tbody, table > tbody + tbody {
    border-top: 2px solid #dddddd; }
.table .table, table .table, .table table, table table {
    background-color: white; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
    padding: 5px; }

.table-bordered {
    border: 1px solid #dddddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: whitesmoke; }

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell; }

.table > thead > tr > td.active, table > thead > tr > td.active,
.table > thead > tr > th.active,
table > thead > tr > th.active, .table > thead > tr.active > td, table > thead > tr.active > td, .table > thead > tr.active > th, table > thead > tr.active > th,
.table > tbody > tr > td.active,
table > tbody > tr > td.active,
.table > tbody > tr > th.active,
table > tbody > tr > th.active,
.table > tbody > tr.active > td,
table > tbody > tr.active > td,
.table > tbody > tr.active > th,
table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
table > tfoot > tr.active > th {
    background-color: whitesmoke; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8; }

.table > thead > tr > td.success, table > thead > tr > td.success,
.table > thead > tr > th.success,
table > thead > tr > th.success, .table > thead > tr.success > td, table > thead > tr.success > td, .table > thead > tr.success > th, table > thead > tr.success > th,
.table > tbody > tr > td.success,
table > tbody > tr > td.success,
.table > tbody > tr > th.success,
table > tbody > tr > th.success,
.table > tbody > tr.success > td,
table > tbody > tr.success > td,
.table > tbody > tr.success > th,
table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
table > tfoot > tr.success > th {
    background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6; }

.table > thead > tr > td.info, table > thead > tr > td.info,
.table > thead > tr > th.info,
table > thead > tr > th.info, .table > thead > tr.info > td, table > thead > tr.info > td, .table > thead > tr.info > th, table > thead > tr.info > th,
.table > tbody > tr > td.info,
table > tbody > tr > td.info,
.table > tbody > tr > th.info,
table > tbody > tr > th.info,
.table > tbody > tr.info > td,
table > tbody > tr.info > td,
.table > tbody > tr.info > th,
table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
table > tfoot > tr.info > th {
    background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3; }

.table > thead > tr > td.warning, table > thead > tr > td.warning,
.table > thead > tr > th.warning,
table > thead > tr > th.warning, .table > thead > tr.warning > td, table > thead > tr.warning > td, .table > thead > tr.warning > th, table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
table > tfoot > tr.warning > th {
    background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc; }

.table > thead > tr > td.danger, table > thead > tr > td.danger,
.table > thead > tr > th.danger,
table > thead > tr > th.danger, .table > thead > tr.danger > td, table > thead > tr.danger > td, .table > thead > tr.danger > th, table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
table > tfoot > tr.danger > th {
    background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc; }

/*
html address tag
 */
address{
    font-style: italic !important ;
    margin:0 0 24px;
}
/*
cite tag
 */
cite{
    font-style: italic !important;
}

/*
link
 */
.entry-content a{
    color:#ff6430;
}
.entry-content a:hover{
    color:#727272;
}

/*select box*/
select{
    width: 100%;
}

/*
kopa shop widget readmore button
 */
.kopa-shop-widget .product-read-more {
    line-height: 26px;
    display: inline-block;
    padding: 0 15px;
    border: 2px solid #ff6430;
    color: #fff;
    margin-top: 12px;
    text-transform: uppercase; }
    .kopa-shop-widget .product-read-more:hover {
      color: #ff6430; }
    
/*
mobile menu
 */
ul.mobile-menu > li,
ul.mobile-menu > li li
{
    margin: 0;
}
.comment-respond.contact{
    clear:both;
}

/* 1. rating edit */
.kopa-no-rating .entry-thumb{
    width:100% !important;
}
.kopa-single-post .kopa-no-editor-rating{
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

/* 2. Avatar */
.comment-area .avatar {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
}
.kopa-tags-below{
    margin-top:18px;
}
/* page navigation */
.comment-respond{
    clear:both;
    padding-top:12px;
}
.page-links span{
    color: #fff;
    background: #ff6430;
    border-color: #ff6430;
}
.page-links a span{
    background: none !important;
    color: #292929;
}
.comment-area{
    clear:both;
    padding-top:12px;
}
.comment-area .comment-body .comment-author h6{
    font-size: 14px;
}
.comment-area .pingback .fn{
    color:#ff6430 !important;
}
.comment-area .pingback .fn:hover{
    color: #292929 !important;
}
.kopa-hide-prev-next{
    display: none!important;
}
.back-to-top{
    z-index:100;
}
#main-col .kopa-gallery-sync-carousel-widget .widget-title {
    font-size: 70px!important;
    text-transform:inherit !important;
}
#main-col .kopa-gallery-sync-carousel-widget .widget-title:before{
    height: inherit!important;
}
.error-404 .right-col a{
    color: #727272!important;
}
.error-404 .right-col a:hover{
    color:#ff6430!important;
}
.kp-map {
    padding: 5px;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
}
.kopa-contact-info-widget .widget-content .list-unstyled span a{
    color:#727272!important;
}
.kopa-contact-info-widget .widget-content .list-unstyled span a:hover{
    color:#ff6430!important;
}

.kopa-rate-small{
    font-size: 34px !important;
}
#kopa-rate{
    display: block;
    margin-bottom: 2px;
}