/* 
DWH CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. 

*/

@font-face 
{
	font-family: "Arial";
	font-weight: normal;
	src: url("./fonts/NotoSans/NotoSans-Regular.ttf");
}

@font-face 
{
	font-family: "Arial";
	font-weight: bold;
	src: url("./fonts/NotoSans/NotoSans-Bold.ttf");
}

@font-face 
{
	font-family: "Arial";
	font-weight: normal;
	font-style: italic;
	src: url("./fonts/NotoSans/NotoSans-Italic.ttf");
}

@font-face 
{
	font-family: "Arial";
	font-weight: bold;
	font-style: italic;
	src: url("./fonts/NotoSans/NotoSans-BoldItalic.ttf");
}

@font-face 
{
	font-family: "NSi";
	src: url("./fonts/NotoSans/NotoSans-Italic.ttf");
}

@font-face 
{
	font-family: "Helvetica Neue";
	font-weight: normal;
	src: url("./fonts/Dosis/Dosis-Regular.ttf");
}

@font-face 
{
	font-family: "Helvetica Neue";
	font-weight: bold;
	src: url("./fonts/Dosis/Dosis-Medium.ttf");
}

@font-face 
{
	font-family: "FaracoHand";
	src: url("./fonts/FaracoHand.ttf");
}

small {
	font-size: 80%;
}

a.woo-sc-button span 
{
	font-family: "Helvetica Neue";
}

.current-menu-item a,
#navigation ul.nav li.current_page_item a,
#navigation ul.nav li.current-menu-item a,
#navigation ul.nav li a:hover
{
	color:#5ab3b7 !important;
}

.post-meta .small,
.dwh-entries .post-entries,
.post-meta .author,
.post-meta .categories,
#connect h3,
#connect .col-left
{
	display:none;
}

#connect .related-posts 
{
	border:none;
}

abbr
{
	border:none;
	cursor:pointer;
}

.header-widget 
{
	float:left;
    	width: 100%;
}

#header .widget_text,
#header .social-header,
#header .widget_woo_search,
#header .widget_search
{
	float:right;
}

#social-header-tw {
	text-indent: -2px;
}

.page-title, 
.post .title, 
.post-meta 
{
	margin: 0 0 5px 0;
}

.page .title {
	margin: 0 0 15px 0;
}

.home .title {
	margin: 0 0 5px 0;
}

.page .post
{
	margin: 25px 0 0 0;
	padding: 0 0 25px;
}

.entry p {
    margin-bottom: 20px;
}
.entry ol {
  padding-left: 40px;
}
.entry table.noborder {
	border: none;
	box-shadow: none;
}
.entry table.noborder td, .entry table.noborder th {
	border-right: none;
	padding: 0;
	margin: 0;
}
.entry-excerpt p {
	margin-bottom: 0;
}

.social-header a
{
    background-color: #5ab3b7;
    border-radius: 14px;
    color: #fff;
    float: left;
    font-family: fontawesome;
    font-size: 16px;
    font-style: normal;
    height: 10px;
    line-height: 12px;
    margin: 9px 5px 0 5px;
    padding: 9px;
    text-align: center;
    width: 10px;
}

.social-header a:hover
{
	text-decoration:none;
	background-color: #eabb83;
}

.searchform .fa-search:before 
{
    font-size: 1.4em;
    line-height: 1.4em;
}

.searchform input.s, 
#searchform input#s 
{
    color: #c4bdb3;
	font-size: 13px;
}
.searchform input.s, #searchform input#s {
  padding: 8px 14px;
}
.searchform .fa-search:before 
{
    color: #5ab3b7;
}

.searchform .fa-search:hover:before
{
    color: #eabb83;
}

#header .searchform, #searchform 
{
	border-color: #5ab3b7;
	border-radius: 20px;
	width:250px;
	width:250px;
	border-width: 1px;
	margin-right:5px;
}
.searchform button.submit {
	top: 0.3em;
	font-size: 13px;
}
#sidebar .searchform button.submit {
	margin-right: 5px;
}

.header-widget,
.header-widget .widget 
{
	margin: 0;
}

#header 
{
    padding-top: 10px;
    padding-bottom: 0;
}

#logo img {
	width:420px;
	height:auto;
}

ul.nav li a 
{
	padding: 0 0 0 25px;
}

ul.nav li a :hover,
#navigation ul.nav > li a:hover 
{
 	color: #5ab3b7 !important;
}

ul.nav 
{
	margin-right: 0;
}

#footer #copyright
{
	width:100%;
	text-align:center;
}

#footer-widgets .widget {
	font: normal 16px/1.5em "Helvetica Neue", sans-serif;
}

#footer-widgets .widget h3 
{
	text-transform:uppercase;
}

#footer-widgets .widget ul li
{
	list-style:none;
	margin-bottom: 15px;
}

#footer-widgets .widget ul li a
{
	color:#eabb83;
}

#footer-widgets .widget ul li a:hover
{
	color:#d1bca0;
}

#main-sidebar-container #sidebar .widget 
{
    background-color: #f5ece0;
	border-bottom: 2px dotted #fff;
	padding:0 15px 25px 15px;
	margin: 0 0 2px 0;
	text-align:center;
}


#main-sidebar-container #sidebar .widget h3
{
	background-color: #fff;
	color: #4f4f4f;
	display: inline-block;
	margin: 0 0 10px;
	padding: 12px 16px;
	border-top:0;
	border-right: 0;
	border-bottom: 1px solid #c4bdb3;
	border-left: 0;
	text-transform: uppercase;
}


#main-sidebar-container #sidebar .widget a {
	color: #eabb83;
}

#main-sidebar-container #sidebar .widget a:hover {
	color: #d1bca0;
}

.widget #connect, 
#connect .newsletter-form 
{
	margin:0px;
}

#wrapper .woo-sc-button,
#connect .newsletter-form .submit,
a.button, 
a.comment-reply-link, 
#commentform #submit, 
.submit, 
input[type="submit"], 
input.button, 
button.button
{
	border-radius:20px;
	padding: 5px 20px;
	margin:0px;
 	background: none repeat scroll 0 0 #eabb83;
    	border-color: #eabb83;
}

.alignleft {
    margin: 5px 15px 10px 0;
}

.textwidget
{
	text-align:left;
}

#connect .newsletter-form .email 
{
	width:90%;
	margin-bottom: 20px;
}

#sidebar .searchform
{
	border:none;
}

#sidebar .searchform input.s, 
#sidebar #searchform input#s 
{
	background-color:#fff;
	border:1px solid #ddd;
	margin: 0 0 10px 0;
}

a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type="submit"]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover 
{
	background-color:#eabb83;
}

#navigation
{
	margin-bottom:0;
	text-transform: uppercase;
}

#main,
#wrapper #sidebar
{
	margin-top:20px;
}

.feat-img
{
	position:relative;
	width:100%;
}

.feat-img p
{ 
   	position: absolute; 
   	bottom: 50px; 
   	right: 20px; 
   	width: 100%; 
	font-size:30px;
	font-family:"FaracoHand";
	font-weight:bold;
	color:#fff;
	text-align:right;
	text-shadow: 1px 1px #000;
}

header.home-section, header.page-section, header.archive-title, .related_post_title, #reply-title
{
	border-top: 2px dotted #ddd9d3;
	border-bottom: 1px solid #c4bdb3;
	margin: 0 0 10px;
	padding: 16px 0;
	width: 100%;
	text-transform: uppercase;
}

header.archive-title {
	border-top: none;
	padding-top: 0;
}

h1.lp_title {
	width:50%;
	float:left;
	text-align:left;
}
header.home-section h1, header.page-section h1, header.archive-title h1, h1.lp_title, .related_post_title, #reply-title {
	font-size:25px;
	line-height: 25px;
	text-transform: uppercase;
}

.lp_link a
{
	width:50%;
	float:left;
	text-align:right;
	font-size:20px;
	line-height: 25px;
}

/* HOME: RESOURCES SECTION */

#home-resources header.home-section {
	border-top:0;
	margin-bottom: 25px;
}


.home-resource header h3 a
{
	display: block;
	text-align:center;
	color: #fff;
    background-color: #5ab3b7;
	font-size:21px;
	text-transform: uppercase;
	padding: 10px 0;
}

.home-resource header h3 a:hover {
    background-color: #eabb83;
	text-decoration: none;
}

.home-resource-text {
	position: relative;
	height: 180px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	font-family: "Arial";
}

.home-resource-text a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	border: 1px solid #5ab3b7;
	border-top: 0px;
	overflow: hidden;
	text-indent: -9999px;
}
.home-resource-text a:hover {
	background-color: rgba(255,255,255,0.9);
	color:#5ab3b7;
	text-decoration: none;
	text-indent: 0;
}

.obtg
{
    background-color: #f5ece0;
	padding:2%;
	margin: 20px 0 2px 0;
	text-align:center;
	float:left;
	width:96%;
	border-bottom: 2px dotted #fff;
}

.obtg-1,
.obtg-3
{
	float:left;
	width:25%;
}

.obtg-2
{
	float:left;
	width:45%;
	margin: 30px 10px 0px 10px;
}

.obtg-3
{
	padding-top:40px;
}

/* HENTRY */

body.home article.hentry, body.blog article.hentry, body.page-template-template-blog-tt article.hentry, body.archive article.hentry {
	padding-bottom: 25px;
	border-bottom: 2px dotted #ddd9d3;
}

body.blog article.hentry:last-of-type, body.archive article.hentry:last-of-type {
	margin-bottom: 0;
}
.archive_header, .archive_header span.fl {
	float:none;
}
.archive_header {
	margin: 0;
	padding: 0;
}
body.archive .archive-title {
	margin-bottom: 35px;
}
.title, .entry-title, .title a, .entry-title a {
	font-weight: normal !important;
}

.post .title a:hover:link, 
.post .title a:hover:visited, 
.page .title a:hover:link, 
.page .title a:hover:visited 
{
    	color: #eabb83;
}

.post .post-meta {
	padding: 5px 0 10px;
}

.post .post-meta .post-comments {
	display:none;
}

.entry img
{
    	border: none;
		padding: 0;
}
.entry img.home-featured-image {
	margin-bottom: 20px;
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Add styling for full width oEmbed flickr images */

.entry .oembed-photo-flickr-com img[width="640"] {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.half-right { width: 350px; float: right; }
.half-left { width: 350px; float: left; }
.half-right p, .half-left p {
        font-size: 11px;
        line-height: 16px;
        margin: 5px 0;
}

.post-thumbnail{
        float:right;
        margin-top: 10px;
        margin-left: 5px;
        border:1px solid #d5d5d5;
        padding: 3px;
}

.post-thumbnail img{
        vertical-align:bottom;
        width: 75px;
        height: 75px;
}

/* Add redundant styles for Gallery2 */

.g2image_float_right {
	float: right;
	margin: 5px 0 15px 15px;
}

.entry .loop-post-thumbnail {
	border: 1px solid #5ab3b7;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  margin: 0.5em 0;
}

.entry blockquote {
	padding: 10px 50px 20px 60px;
}

.entry blockquote:before
{
    position: absolute;
    left: -5px;
    top: 40px;
    color: rgba(193,227,229, 0.8);
    content: '\201C';
    font-family: "NSi";
    font-size: 110px;
}

.entry blockquote:after
{
    position: absolute;
    right: 20px;
    bottom: 0px;
    color: rgba(193,227,229, 0.8);
    content: '\201D';
    font-family: "NSi";
    font-size: 110px;
}


.wp_rp_content ul {
    margin: 20px 0 30px;
    padding: 0 0 0 30px;
}

.wp_rp_content li {
    list-style-position: outside;
    list-style-type: disc;
	font: normal 18px/1.5em Arial, sans-serif;
    color: #5ab3b7;
}

.nav-entries {
	padding: 25px 0;
}
body.home .nav-entries {
	display: none;
}
.woo-pagination a:link, .woo-pagination a:visited, .nav-entries a span {
	border: 0;
	padding: 0;
	background: transparent;
	color: #eabb83;
	text-transform: uppercase;
	font-weight: normal;
	box-shadow: none;
	font-size: 17px;
	line-height: 1;
}

/* COMMENTS */

#comments {
	margin: 0;
	padding: 0;
	border: 0;
}

#comments .comment.depth-1 .comment-container {
  padding: 20px 0;
}

#comments .comment, #comments .comment.thread-even {
	border: 0;
}

#comments ul.children li {
	border-top: 2px dotted #ddd9d3;
}

#comments li.comment.depth-1 {
	clear: left;
}

#comments li.comment.depth-1 {
	border-top: 2px dotted #ddd9d3;
}

#comments li.comment.depth-1:first-of-type {
	border-top: 0px;
}

#comments .comment-head .name {
	font-size: 19px;
	color: #4f4f4f;
}

#comments .comment-head .name a {
	color: #4f4f4f;
}

#comments .comment-head .name a:hover {
	color: #5ab3b7;
}

#comments .comment-head .date {
	font-size: 15px;
	color: #afafaf;
}

#comments .comment-entry p {
	font: normal 16px/1.4em Arial, sans-serif;
}

#comments .avatar img {
    	border-radius: 0;
}

#comments .comment.thread-even {
    	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#comments .reply {
    position: static;
	margin-top:15px;
}
#comments .comment .reply a:after {
	content: "";
}

body #wrapper #content .reply a:hover,
body #wrapper #content .reply a
{
	display:inline;
	background-color:transparent;
	box-shadow:none;
	color: #5ab3b7;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-size: 17px;
}

#comments .comment .reply a 
{
	color: #5ab3b7 !important;
}
#comments .comment .reply a:hover
{
	color: #eabb83 !important;
}
#comments .avatar {
    margin: 0 15px 10px 0;
}

#respond {
	padding-bottom: 20px;
	border-bottom: 2px dotted #ddd9d3;
}
#respond h3 {
	margin-bottom: 10px;
}
#respond input[type="text"], #respond input[type="email"], #respond textarea {
	font: normal 15px/1em Arial, sans-serif;
}

input#reply[type="submit"]
{
   	background-color: #fff;
	box-shadow: none;
	color: #5ab3b7 !important;
	float: none;
	text-align: right;
	width: 100%;
	font-size: 17px;
}
input#reply[type="submit"]:hover {
	color: #eabb83 !important;
}

.post-entries {
	margin-top: 20px;
}

.post-entries a:link,
.post-entries a:visited,
.post-entries a 
{ 
	color:#eabb83;
	font-size: 17px;
	text-transform: uppercase;
}

.post-entries a:hover { color:#eabb83 }

@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */
 
    #logo { float: left !important; max-width: 40% !important; }
 
    #navigation { 
        max-width: 60% !important;
        float:right !important;
        clear: none;
	background:none;
	border:none;
    }

}

@media only screen and (min-width:768px) and (max-width: 980px) {
 
    #logo { float: none !important; max-width: 100% !important; }
	
	#navigation {
		float:none !important;
		clear: left;
		max-width: 100% !important;
	}
	#navigation	ul.nav {
		float:none;
	}
	#navigation ul.nav li a {
		padding: 0 25px 0 0;
	}

	#navigation ul.nav li.current-menu-item a {
		background: url(images/nav-chevron-l.png) no-repeat bottom center;
		background-size: 37.5px 7px;
	}
 
}

@media only screen and (min-width: 981px) {

	#navigation ul.nav li.current-menu-item a {
		background: url(images/nav-chevron-r.png) no-repeat bottom center;
		background-size: 37.5px 7px;
	}
    
}