/*
Theme Name: ITforge
Theme URI: https://github.com/chin8628/ITforge-Theme/
Description: Theme was developed for ITforge club [IT@KMITL], it was designed base on simple and minimal style. Make content easy to read and see. Supprt on all device's size (Responsive) whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Author: Cloudian Studio
Author URI: http://www.cloudian.in.th/
Version: 1.0
License: MIT License
License URI: https://opensource.org/licenses/MIT
Tags: minimalism, minimal, no-sidebar, responsive, slider, white, light, bootstrap, simple
*/

/*-------------------------------------------------------
## Import ##
-------------------------------------------------------*/
@font-face {
    font-family: 'bangna_newregular';
    src: url('asset/fonts/bangna-new-webfont.eot');
    src: url('asset/fonts/bangna-new-webfont.eot?#iefix') format('embedded-opentype'),
         url('asset/fonts/bangna-new-webfont.woff2') format('woff2'),
         url('asset/fonts/bangna-new-webfont.woff') format('woff'),
         url('asset/fonts/bangna-new-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------------
## Basic structure CSS ##
-------------------------------------------------------*/
body{
    height: 100%;
    background-color: #EEE;
}
#content{
    margin-bottom: 3%;
}
#primary{
    max-width: 900px;
    background-color: white;
    margin-top: 15px;
    border: 1px;
    border-style: solid;
    border-color: #CCC;
    padding-bottom: 10px;
}
#main{
    max-width: 900px;
    margin-right: 10px;
    margin-left: 10px;
}
#logo{
    height: 30px;
    margin-top: -7px;
}

/*-------------------------------------------------------
## Typography and decolation CSS ##
-------------------------------------------------------*/
p.title{ font-size: 1.1em; }
.bangna{
    font-family: 'bangna_newregular';
    color: #ef7f24;
}
hr.bold {
    border: 0px;
    height: 1px;
}

/*-------------------------------------------------------
## Navbar CSS ##
-------------------------------------------------------*/
.menu{
    max-width: 900px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0;
}
.navbar-default{
    background-color: white;
    border: 1px;
    border-color: #BBB;
    border-style: solid;
}
.navbar-brand {
    margin-left: 0;
    background-color: white;
}

.navbar-default .navbar-brand:hover{ background-color: white; }

.navbar-default .navbar-nav { color: black; }
.navbar-default .navbar-nav > li > a { color: #777; }
.navbar-default .navbar-nav > li > a:hover { color: #222; }

.navbar-nav .navbar-form{ margin-right: 15px; }
.navbar-nav #icon-search{ font-size: 20px; }
.navbar-nav #icon-search:hover{ cursor:pointer; }
.navbar-nav #search-expanding{ margin-right: 15px; }
.navbar-nav #search-expanding > a{
    padding-top: 14px !important;
    padding-bottom: 11px !important;
}
.navbar-nav #search-input{
    display: none;
    overflow: hidden;
    width: 0px;
    border-style: none;
    margin-left: 3px;
}

/*-------------------------------------------------------
## Index page CSS ##
-------------------------------------------------------*/
.box-category{ margin-top: 20px; }
.box-category small{ color: #666; }
.box-article{ margin-bottom: 10px; }
.box-article img{
    margin-bottom: 10px;
    margin-right: 20px;
    min-height: 65px;
    max-width: 300px;
    max-height: 150px;
    width: 100%;
    height: 50%;
}
.box-article section small{ margin-top: -10px; }
.slider{
    max-width: 900px;
    padding: 0;
    -webkit-box-shadow: 0px 1px 2px 1px #999;
    -moz-box-shadow: 0px 1px 2px 1px #999;
    box-shadow: 0px 1px 2px 1px #999;
}

/*-------------------------------------------------------
## Footer CSS ##
-------------------------------------------------------*/
#colophon{
    margin-top: 20px;
    padding: 0;
}
.credit{ color: #777; }
.credit a{ color: #777; }
.credit a:hover{
    color: #555;
    text-decoration: none;
}
footer img:hover{
    opacity: 0.7;
}

/*-------------------------------------------------------
## Article CSS ##
-------------------------------------------------------*/
.entry-header-single{ padding-bottom: 30px; }
.entry-content{
    font-size: 1.15em;
    line-height: 1.7em;
}
.entry-header-single .feature-img{
    -webkit-box-shadow: 0px 1px 2px 1px #999;
    -moz-box-shadow: 0px 1px 2px 1px #999;
    box-shadow: 0px 1px 2px 1px #999;
    height: 50%;
    max-height: 400px;
    overflow: hidden;
}

/*-------------------------------------------------------
## Page CSS ##
-------------------------------------------------------*/
#primary #main .page{
    padding-top: 30px;
    padding-bottom: 30px;
}