/*
Theme Name: David Wolf Template
Theme URI: https://wolfgroupasia.com/
Description: Custom theme for David Wolf.
Version: 1.0
Author: Dao By Design
Author URI: https://daobydesign.com/
*/

/*** Site-wide Styles ***/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0px;}
html, body {height:100%;}
body {background:url(images/body-bg.jpg) repeat-x 0px -340px #fff;font:14px/21px "Century Gothic","HelveticaNeue","Helvetica Neue",Helvetica,"Century Gothic",Arial,sans-serif;}
body.home {background-position:0px 0px;}
h1, h2, h3, h4 {text-shadow:1px 1px 1px #fff;}
a:link, a:visited {text-decoration:none;color:#0073ae;}
a:hover, a:active {text-decoration:underline;}

.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0px auto -93px;}
.push {height:93px;}

/*** Header ***/
#header {}
#header h3#logo, #header h1#logo {margin:10px 0px;float:left;}
#header #logo a {display:block;width:170px;height:80px;background:url(images/dw-logo.png) no-repeat 0px 0px;}

	/* Navigation */
	#primary-nav {margin:35px 0px 0px;}
	#primary-nav ul {float:right;width:100%;text-align:center;}
	#primary-nav ul, #primary-nav ul li {margin:0px;}
	#primary-nav ul li {display:inline-block;float:none;position:relative;height:30px;line-height:30px;}
	#primary-nav a {color:#9fd7f4;display:inline-block;text-transform:uppercase;text-decoration:none;padding:0px 14px;}
	#primary-nav a:hover {color:#fff;cursor:pointer;}
		
		/* Sub Nav */
		#primary-nav ul .sub-menu-wrapper {position:absolute;top:30px;z-index:999;background:url(images/subnav-bg.png) no-repeat 2em top;height:0px;overflow:hidden;}
		#primary-nav ul li:hover .sub-menu-wrapper {height:auto;overflow:visible;padding-top:6px;}
		#primary-nav ul ul {background:#fff;color:#000;padding:10px;border-radius:5px;box-shadow:2px 2px 2px #666;text-align:left;}
		#primary-nav ul ul li {display:list-items;float:none;}
		#primary-nav ul ul a {display:block;line-height:18px;color:#222;padding:5px 14px;text-transform:none;white-space:nowrap;}
		#primary-nav ul ul a:hover {color:#9fd7f4;}
		
/*** Main ***/
#main {padding:36px 0px;}
.home #main {padding-top:0px;}
	
/*** Content - Primary ***/
h1.entry-title {border-bottom:1px solid #ddd;padding-bottom:14px;}

.archive .post {margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;}
.archive .post:last-child {margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}

.entry-byline {float:left;width:100%;clear:both;margin-bottom:10px;font-size:12px;color:#999;}
.dateline {float:left;}
.comments-link {float:right;}

.entry-meta-footer {font-weight:bold;text-align:right;font-size:12px;}

.front-banner {width:100%;position:relative;border:1px solid #fff;margin-bottom:36px;}
.front-banner img {display:block;width:100%;min-width:300px;height:auto;}
.front-banner h2 {position:absolute;right:5%;top:30%;color:#fff;width:50%;margin:0px;font-family:"Century Gothic","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:none;}

#front-widget-area .widget-container {margin-bottom:14px;}

/*** Widgets - Secondary ***/
#secondary {background:url(images/sidebar-sep.png) repeat-y 0px 0px;}
#secondary .widget-container {float:left;width:100%;clear:both;margin-left:10px;margin-bottom:14px;}
#secondary .widget-container:last-child {border-bottom:0px;padding-bottom:0px;margin-bottom:0px;}

	.ap-logo img {display:block;width:100%;max-width:300px;height:auto;margin:0px auto;}
	
	/** Social Icons **/
	.social-icons {clear:both;width:100%;float:left;padding:0px;border:1px solid #ddd;border-left:0px;border-right:0px;margin:18px 0px;text-align:center;height:56px;line-height:56px;}
	.social-icons a {display:inline-block;width:32px;height:32px;background:url(images/sprite-social.png) no-repeat 0px 0px;margin:10px;}
	.social-icons a.social-twitter {background-position:0px 0px;}
	.social-icons a.social-twitter:hover {background-position:0px -32px;}
	.social-icons a.social-gplus {background-position:-32px 0px;}
	.social-icons a.social-gplus:hover {background-position:-32px -32px;}
	.social-icons a.social-linkedin {background-position:-64px 0px;}
	.social-icons a.social-linkedin:hover {background-position:-64px -32px;}
	.social-icons a.social-facebook {background-position:-96px 0px;}
	.social-icons a.social-facebook:hover {background-position:-96px -32px;}
	.social-icons a.social-rss {background-position:-128px 0px;}
	.social-icons a.social-rss:hover {background-position:-128px -32px;}
	
.latest-news img {float:left;width:72px;height:72px;display:block;border:1px solid #fff;box-shadow:0px 0px 2px #666;}
.latest-news .view-row {float:left;width:100%;clear:both;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:9px;}
.latest-news .view-row-last {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.latest-news .view-desc {margin-left:80px;font-size:12px;}
.latest-news .view-inline-title {font-weight:bold;}

.feed-item {float:left;width:100%;clear:both;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:9px;}
.feed-item-last {padding-bottom:0px;margin-bottom:0px;border-bottom:0px;}
.feed-item ul, .feed-item li {list-style-type:none;margin:0px;padding:0px;}
.feed-item img {float:left;width:72px;height:72px;display:block;border:1px solid #fff;box-shadow:0px 0px 2px #666;}
.feed-item .feed-item-content {margin-left:80px;font-size:12px;}
.feed-item a {font-weight:bold;}

/*** Footer ***/
#footer {background:#5f5f5f;color:#aaa;padding:36px 0px;text-align:right;font-size:12px;}
#footer a {color:#ccc;}
#footer a:hover {color:#fff;}
#footer .credit a {color:#aaa;text-decoration:none;}
#footer .credit a:hover {color:#fff;}

/****** Comments ******/
#comments {border-top:1px solid #ddd;padding-top:36px;clear:both;}
#comments h3 {color:#999;margin-top:0;}
#comments h3 span {color:#000;font-style:italic;}
#comments #commentlist {list-style-type:none;margin:0 0 18px;;padding:0;width:100%;float:left;clear:both;}
#comments #commentlist li {float:left;width:100%;}
#comments ul.children {list-style-type:none;margin:0;padding:0 0 0 30px;}
#comments #commentlist .avatar {float:left;border:1px solid #ddd;background:#fff;padding:4px;border-radius: 3px;}
#comments #commentlist .comment-right {margin:0 0 18px 80px;}
#comments #commentlist .comment-top {border:1px solid #ddd;border-bottom:none;background:#f3f3f3;color:#000;text-shadow:1px 1px 1px #fff;border-radius: 3px 3px 0px 0px;line-height:36px;height:36px;}
#comments #commentlist .comment-author {float:left;padding-left:18px;}
#comments #commentlist .comment-author .fn {font-weight:bold;font-style:normal;}
#comments #commentlist .comment-meta {float:right;padding-right:18px;font-size:10px;}
#comments #commentlist .comment-meta a:link, #comments #commentlist .comment-meta a:visited {color:#999;}
#comments #commentlist .comment-meta a:hover, #comments #commentlist .comment-meta a:active {color:#E35E12;}
#comments #commentlist .comment-body {border:1px solid #ddd;padding:18px;border-radius: 0 0 3px 3px;}
#comments #commentlist .reply {padding: 0px;text-align:right;}
#comments #commentlist .reply a:link, #comments #commentlist .reply a:visited {text-transform: lowercase; font-size: 10px;padding:3px 5px;border-radius: 5px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#d6d6d6;color:#666;}
#comments #commentlist .reply a:hover, #comments #commentlist .reply a:active {background:#E35E12;color:#fff;}

#respond {width:100%;float:left;clear:both;}
#respond #cancel-comment-reply-link {padding:5px 0px;color:#ff0000;font-size:12px;}
#commentform #commentform-left {float:left;width:35%;}
#commentform #commentform-left input, #commentform .comment-form-comment textarea {padding:10px;border:1px solid #ccc;box-shadow: -1px 1px 4px #ddd inset;width:85%;background:#f6f6f6;border-radius: 5px;color:#999;}
#commentform #commentform-left input:focus, #commentform .comment-form-comment textarea:focus {border-color:#666;color:#444;}
#commentform #commentform-left p {margin-bottom:9px;}
#commentform .comment-form-comment textarea {height:;}
#commentform .comment-form-comment {width:60%;float:right;}
#commentform .comment-form-comment label {display:none;}
#commentform .form-allowed-tags {clear:both;width:60%;float:right;font-size:10px;color:#999;}
#commentform .required {color:#ff0000;font-size:10px;}
#commentform #commentform-left .required {padding-left:5px;} 

#commentform input#submit {background:#E35E12;border:1px solid #E35E12;color:#fff;font-weight:normal;display:inline-block;border-radius: 3px;font-size:18px;padding:8px 15px;}
#commentform input#submit:focus, #commentform input#submit:hover, #commentform input#submit:active {background:#F79E6F;cursor:pointer;}

.comment-awaiting-moderation {color:#ff0000;}

/*** Alignment (Images) ***/
.aligncenter {display: block;margin: 0px auto;}
.alignright {margin: 0 0 2px 7px;display: block;float:right;}
.alignleft {margin: 0 7px 2px 0;display: block;float:left;}

img.aligncenter, img.alignright, img.alignleft {box-shadow:0px 0px 2px #666666;border:1px solid #fff;}

/* Captions */
.wp-caption {border: 1px solid #ddd;text-align: center;	background: #f3f3f3;padding-top: 4px;margin: 10px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* Misc */
.element-invisible {display:none;visibility:hidden;}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.home {background-position:0px -150px;}
	#primary-nav {margin-top:20px;}
	.social-icons {height:40px;line-height:40px;}
	.social-icons a {margin:3px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	
	body.home {background-position:0px -340px;}
	#primary-nav {margin:0px;background:#9fd7f4;}
	#primary-nav ul li {display:block;width:50%;float:left;text-align:left;}
	#primary-nav a {background:#9fd7f4;color:#fff;display:block;height:30px;line-height:30px;float:left;width:100%;}
	#primary-nav a:hover {background:#76b9dc;cursor:pointer;}
	
		#primary-nav ul ul li {display:list-items;float:none;width:100%;text-align:center;}
		#primary-nav ul ul a {background:none;display:block;line-height:18px;color:#222;padding:5px 14px;text-transform:none;white-space:nowrap;}
		#primary-nav ul ul a:hover {background:none;color:#9fd7f4;}
	
	.front-banner h2 {font-size:18px;line-height:20px;}	
	#secondary {background:url(images/ap-bar.png) no-repeat center top;padding-top:16px;margin-top:10px;}
	#secondary .widget-container {margin-left:0px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#header h1#logo, #header h3#logo {width:170px;margin:10px auto;float:none;}	
}