/*
Theme Name: AFAMT ASEAN theme
Description: wordpress theme for AFAMT ASEAN theme, supported with bootstrap
Author: mousie
Version: 1.0
Tags: responsive, bootstrap
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

@import url('bootstrap/css/bootstrap.min.css'); 

@font-face{
	font-family: 'opensansregular';
	src:url(opensans/OpenSans-Regular.ttf);
}

@font-face{
	font-family: 'opensanslight';
	src:url(opensans/OpenSans-Light.ttf);
}

@font-face{
	font-family: 'opensansbold';
	src:url(opensans/OpenSans-Bold.ttf);
}

body{
	font-family:'opensansregular', sans-serif;
	font-size:14px;
	color:#165ab7;
	font-stretch: extra-expanded;
}

h1, h2, h3, h4, h5{
	color:#165ab7!important;
}

p{
	text-align:justify;
}

.container-fluid{
	padding:0;
}

.bluebg{
	background:#0f4fa3;
}

.afamt, .asean{
	padding:10px 0;
}

.btn {
	border-radius:0;
	border:none;
	color:#fff;
	background:#1c75b7;
}

input[type="submit"]{
	padding:5px 10px;
	color:#fff;
	background:#1c75b7;
	border:none;
}
	
input[type="text"] {
	padding:5px 10px;
}

.readmore, #crumbs a, .page a{
	color:#165ab7;
}

/* Menu */
.topnav .nav li:first-child a{
	padding:10px 10px 10px 0;
}


.topnav .nav li a,  .rightnav .nav li a{
	padding:10px 10px;
	display:block;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}

.topnav .nav li:hover a, .rightnav .nav li:hover a{
	color:#07AEEE;
}

.topnav .nav ul.sub-menu, .rightnav .nav ul.sub-menu{
	display:none;
	position:absolute;
	z-index:99;
	list-style:none;
	padding:0;
	margin:0;
	border:1px solid #999;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.topnav .nav ul.sub-menu li a, .rightnav .nav ul.sub-menu li a{
	padding:5px 10px;
	background:#fff;
	color:#666;
}

.topnav .nav ul.sub-menu li ul.sub-menu, .rightnav .nav ul.sub-menu li ul.sub-menu{
	position:absolute;
	left:100%;
	margin-top:-34px;
	white-space:nowrap;
}

.topnav .nav li:hover > ul.sub-menu, .rightnav .nav li:hover > ul.sub-menu{
	display:block;
}

.topnav ul.sub-menu li a:hover, .rightnav ul.sub-menu li a:hover{
	color:#07AEEE;
}

li.current-menu-item a{
	color:#07AEEE!important;
}

li.current-menu-item ul.sub-menu li a {
	color:#666!important;
}

.topnav {
  overflow: visible;
}

.topnav .icon {
  display: none;
}

/* memberlink */
.member{
    position: absolute;
    right: 0;
	top:166px;
    background: #ECE121;
    padding: 20px 10px 10px 10px;
	box-shadow: 0 0 8px 4px rgba(0,0,0,0.3);
	width:15%;
}

.member span{
	color:#fff;
}

/* featured home*/
.featuredheader{
	position: absolute;
	background:rgb(255,255,255,0.8);
	padding:20px;
	top:70%;
	right:10%;
	width:45%;
	z-index:99;
	font-size:20px;
}

.featuredppagecontent, .featuredpagecontent + .readmore{
	display:inline;
}

.homefeatured{
	background:#fafafa;
	margin:20px 0;
	padding:20px;
}

.homefeed{
	margin-top:20px;
}

a.title{
	font-weight:bold;
	font-size:16px;
	color:#165ab7;
}

.feeditem{
	padding-bottom:5px;
}

.feeditem div {
	display:inline;
	word-wrap: break-word;
}

/* footer */
.footer{
	background:#031835;
}

.widget {
	padding:10px 0;
}

h4.title{
	color:#fff;
	display:block;
	border-bottom:1px solid #4772a0;
	padding-bottom:10px;
}

.footermenu{
	padding:20px 0;
}

.footermenu .nav {
	max-width:80%;
	padding:auto;
	margin:auto;
}

.footermenu .nav li a {
	padding:0 20px;
	display:block;
	color:#c4cbd1;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

.footermenu .nav ul.sub-menu{
	list-style:none;
	padding:0;
	margin:0;
}

.footermenu .nav ul.sub-menu li a{
	font-size:12px;
}

.footermenu .nav li a:hover, .footermenu .nav ul.sub-menu li a:hover{
	color:#fff;
}

.supported{
	background:#03142C;
	padding:10px;
	font-size:11px;
	color:#fff;
}

/* page & post*/
.page{
	margin-bottom:30px;
}

.page h1{
	font-family:'opensanslight', san-serif;
}

.page p:last-child{
	margin-bottom:0;	
}

.postcat{
	background:url("images/header_triangle.png") no-repeat right #efefef;
	padding:15px 0;
	margin-bottom:30px;
}

.catdesc, .caticon{
	padding:20px;
	height:100px;
}

.catdesc h6{
	color:#1c75b7;
}

.caticon span.fa{
	color: #d7d7d7;
}

.bg-light, .bg-white{
	padding:10px;
}

.page a{
	text-decoration:underline;
}

.page a:hover{
	text-decoration:none;
	background:#165ab7;
	color:#fff;
}

.page a:hover img{
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.featuredimg, .feed-thumb{
	border:3px solid #ebebeb;
}

.headerpage h2{
	margin:10px 0 0 0;
}

/* pagination */
.navigation h2.screen-reader-text{
	display:none;
}

.page-numbers{
	background:#f8f9fa;
	padding:10px;
	color:#555;
	display:inline-block;
	margin:10px 0 30px 0;
}

.page-numbers.current{
	background:#e3e4e4;
}

@media (max-width:600px){

.topnav ul {
		display: none;
}
.topnav a.icon {
	float: right;
	display: block;
	color:#fff;
}

.topnav.responsive {
	position: relative;
}

.topnav.responsive a.icon {
	position: absolute;
	right: 0;
	top: 0;
	color:#fff;
}

.topnav.responsive ul{
	float: none;
	display: block;
	text-align: left;
}

.member{
    position: relative;
    right: auto;
	top:auto;
    background: #ECE121;
    padding: 20px 10px 10px 10px;
	box-shadow: 0 0 8px 4px rgba(0,0,0,0.3);
	width:auto;
}

.featuredheader{
	position:relative;
	right:auto;
	left:auto;
	top:auto;
	padding:20px;
	width:100%;
}