/*
Theme Name: Construction
Theme URI: http://shtheme.com/demosd/construction
Author: Themered Team
Author URI: http://shtheme.com
Description: In 2017, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: construction

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/

img{
    max-width: 100%;
    height: auto;
}
button, input, select, textarea{max-width: 100%;}
select{height: 36px;width: 100%;margin-bottom: 20px;}
#wp-calendar {width: 100%; }
#wp-calendar caption { 
    background: none repeat scroll 0 0 #E9E9E9;
    color: #333333;
    font-size: 16px;
    padding: 10px 0;
    text-align: center; 
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
    border: 1px solid #E9E9E9;
    font-size: 13px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:8px;}
#wp-calendar tbody td#today {background: #ffd034;color: #fff;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot {border: 1px solid #E9E9E9;}
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #83c99f;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #83c99f;}
.single-blog table, .single-post table{ 
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em!important;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #d1d1d1;
}
.single-blog table td, .single-post table td{
    border: 1px solid #d1d1d1;
    padding-left: 7px;
} 
.single-blog table th, .single-post table th{
    border: 1px solid #d1d1d1;
    padding-left: 7px;
 }
.sidebar ul li ul{display: none;}
.sidebar label{display: none;}
.sidebar table{margin-bottom: 20px;}
.sidebar img{max-width: 100%;}
.wp-caption, .wp-caption-text, .sticky, .screen-reader-text, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter{}
.widget.widget_nav_menu{clear: both;}
.alignnone{width: auto!important;}
.alignleft{margin-right: 10px;}
.widget_text{margin-bottom: 20px;}
.user-image{float: left;margin-right: 30px;}
.date-meta{padding-right: 10px;margin-right: 10px;border-right: 1px solid #ccc;font-size: 0.875em;}
.comment-reply-link{font-size: 0.875em;color: #bb0b00!important;font-weight: 600;}
.comment-reply-link:hover{font-size: 0.875em;color: #ff473c!important;font-weight: 600;}
.comment a.comment-reply-link:hover{color: #ef0d00!important;}
ul.children{margin-left: 25px;}
.comment-item{margin-top: 20px;}
.message{margin-left: 110px;padding: 20px;border: 1px solid #ccc;}
.children{margin-top: 25px!important;}
.comment-form{margin-top: 25px;}
.comment-respond{margin-top: 50px;padding: 0 20px;}
.form-submit .submit{
    background: #ffd034;
    border: medium none;
    border-radius: 0;
    color: #000;
    padding: 12px 25px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.form-group{margin-top: 15px;}
.comment-reply-title{margin-bottom: 50px;}
@media(min-width: 800px){
.logged-in .navigation.affix{top: 32px;}
}
.inner-wrapper2 {
    margin: 0 0 0!important;
}
.inner-wrapper3 {
    margin: 0 0 90px!important;
}
.inner-wrapper.contact.two{margin-bottom: 0;}
.three .threefix{clear: both;}
.three .wpb_gmaps_widget .wpb_wrapper{padding: 0!important;}
.three #googleMap{margin-top: -28px;}
.post-password-form input[type=password]{margin-left: 10px;margin-right: 10px;line-height: 30px;width: 300px;}
.post-password-form input[type=submit]{
  border-color: #ffd034;
  background: #ffd034;
  padding: 3px 20px;
  line-height: 30px;
  color: #111;border: none;
}
.post-password-form input[type=submit]:hover{
  border-color: #ef0d00;
}
.detail-blog iframe{width: 750px;height: 500px;}
/*test*/
.tagcloud a{font-size: 14px!important;}
.detail-blog{padding-bottom: 40px;}
.alignright{float: right;margin-left: 10px;}
.alignleft{float: left;margin-right: 10px;}
.aligncenter{margin: auto;}
.current{background: #ffd034!important;padding: 10px 16px!important;}
.single-blog ol, .detail-blog ol, .detail-blog ul, .detail-comment ol, .detail-comment ul  {padding-left: 20px;}
.detail-blog ul.details{padding-left: 0!important;}
.latest-blog {padding-left: 15px;}
.detail-blog h1{font-size: 36px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-blog h2{font-size: 32px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-blog h3{font-size: 28px!important;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit!important;}
.detail-blog h4{font-size: 24px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-blog h5{font-size: 20px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-blog h6{font-size: 16px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-comment h1{font-size: 36px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-comment h2{font-size: 32px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-comment h3{font-size: 28px!important;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit!important;}
.detail-comment h4{font-size: 24px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-comment h5{font-size: 20px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.detail-comment h6{font-size: 16px;margin-top: 15px;margin-bottom: 15px;font-weight: 500;line-height: 1.1;color: inherit;}
.comments article{padding: 20px;}
li.featured-post{
        color: #000;
    background-color: #ffd034;
        padding: 10px 15px;
    border-left: solid 1px #bf9b25;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}
.widget_categories ul li a{margin-right: 10px;}
/*test*/

.inner-banner {
    background-image: url("images/inner-banner.jpg");
}
.search-custom{
    width: 400px;
    margin-left: 15px;
}
.search-custom .btn-info{
    background-color: #ffd034;
    border-color: #ccc;
    border-left: none;
}
.search-custom .btn-info:hover{
    background-color: #ffd034;
}
p.request-s{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
}

.single-blog, .sidebar{
    overflow: hidden;
}
.inner-wrapper .single-post .detail-blog > h2{
        font-size: 26px;
        font-weight: 600;
}
.inner-wrapper .single-post .detail-blog > h2 a{
    color: #000;
}
.single-post img{
    height: auto;
}
.detail-comment{
    padding-right: 22px;
}
@media (max-width: 767px){
.navbar-collapse.in {
     max-height: 700px!important;
}
}
.widget_archive select{
    margin-bottom: 30px!important;
}
.sidebar .unordered-list ul, .sidebar .unordered-list select, .sidebar .unordered-list p, .sidebar .unordered-list table, .sidebar .unordered-list form{
    margin-bottom: 30px!important;
}
.sidebar .unordered-list .textwidget form{
     margin-bottom: 0px!important;
}
.widget_text {
    margin-bottom: 0px;
}
#respond{
    margin-top: -150px;
    padding-top: 200px;
    padding-left: 0px;
}
.li-date{
    float:right;
}
.single-blog .thumbnail, .single-post .thumbnail{
    margin-bottom:20px!important;
}