/*
Theme Name: Portfolio Property Investments Theme
Version: 1.0
Description: A child theme of Hostmarks
Template: hostmarks
*/

@import url("../hostmarks/style.css");

/* defaults and helpers */
*, a, p { font-family: Arial,Helvetica,Verdana,sans-serif;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a, h3 a,#home-articles a,.widget-title { font-family:"Times New Roman", times; color:#1f1c56;  }
h1 { font-size: 42px; font-size: 4.8rem; }
small { display:block; }
hr { border:1px solid #ebebeb; }
.edit-link { display:block; padding:10px; background:#c6edf8; }

/* priority */
.home .addthis_native_toolbox { margin:10px 0; }
.addthis_horizontal_follow_toolbox { float: right; }
.addthis_fixed { position: fixed;z-index: 9999;width: 100px;margin-left: -130px;margin-top: 20px;top: 30px;}
.overlay { width: 40%; height: 100%; position: absolute;  background-color:#1f1c56; opacity: 0.7;} 
.img-responsive { width:100%; }
.colortxt { color:#1f1c56; }

/* sidebar*/
.textwidget p { line-height: 18px; }
#sidebar .widget li { padding: 5px; margin:0;border-bottom: 1px solid #ccc; font-weight: bold; }
.sidebar-theme-wrap { background-color: #ebebeb; padding:30px; font-size: 13px; line-height: 16px;}
.sidebar-theme-wrap #sidebar .widget { text-align:left; padding:0; width: 20%; }
.sidebar-theme-wrap #sidebar .widget-title { color:#1f1c56; padding:0; margin:0; letter-spacing:0; font-size: 1.4em; margin-bottom: 20px; }
.sidebar-theme-wrap #sidebar .widget li { line-height: 16px; border-bottom: 0; padding:0; margin:0; font-weight: normal;}
.sidebar-theme-wrap #sidebar .widget, .sidebar-theme-wrap #sidebar .widget a { color:#8886A8; }


.sidebar-theme-wrap .textwidget { padding:0; margin:0; }
.sidebar-theme-wrap .textwidget a { text-decoration:underline; }
.sidebar-theme-wrap .textwidget p { line-height: 16px; }
.sidebar-theme-wrap .widget { margin:0px; }

#home-feature { overflow: hidden;position: relative; background-size:cover; height: 450px; width:100%; float:left;}
#home-feature h3 a { color:#fff;  display: block; font-size: 42px;line-height: 42px; }
#home-feature h3 a:hover { text-decoration:none; }
#home-feature .article-title { padding:40px; z-index: 999;position: relative;}
#home-articles { width:100%; }
#home-articles h2 { color:#fff; }
#home-articles a { color:#ebebeb; display: block;padding: 5px 0; font-weight:bold; text-decoration:none; }
#home-articles p { color:#ebebeb; font-size: 12px; }
.article-img { width:100%; min-height:180px; background-size:cover; }
#home-blog { padding:50px 0; }
#home-blog img { margin:0; }
#home-blog h2 { padding:10px; background-color: #ebebeb; color:#1f1c56; }
.article-grid { width:33.3%;padding:20px;float:left;min-height:300px; }
.article-grid p { font-size:13px; }
.article-grid-title { min-height: 80px; }
.article-box { width: 40%; }

#access {
    padding: 0;
    width: 100%;
    background-image: url('images/nav-bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
    display: block;
    float: left;
}

#access a { 
	color: #58595b;
text-decoration: none;
font-family: "Times New Roman",times;
font-size: 16px; }

nav[role="navigation"] div.menu {
    float: left;
    margin-left: 10px;
}

.container {
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;
    max-width: 1044px;
    max-width: 104.4rem;
    padding-bottom: 1px;
    padding-bottom: 0.1rem;
}

.post-content h1, .commentlist li.comment article[id*="comment-"] h1, .post-content h2, .commentlist li.comment article[id*="comment-"] h2, .post-content h3, .commentlist li.comment article[id*="comment-"] h3, .post-content h4, .commentlist li.comment article[id*="comment-"] h4, .post-content h5, .commentlist li.comment article[id*="comment-"] h5, .post-content h6, .commentlist li.comment article[id*="comment-"] h6, .post-content address, .commentlist li.comment article[id*="comment-"] address {
	margin:0;
}
#home-feature .read-more a { border: 2px solid #ffffff; color:#fff; margin:10px 0; }
#home-feature .read-more a:hover { background-color:#fff; color:#1f1c56; }

.read-more a { border: 1px solid #1f1c56;padding: 5px 10px;margin: 0px auto;display: inline-block;}

.entry-content p { font-size: 16px; line-height: 24px; color:#333; }
.ppi_related_posts { padding:0 0 50px 0; }

.category-link { margin: 10px 0px; display: inline-block; }
.category-link a, .category-link a:visited { border: 1px solid #1f1c56; background-color:#1f1c56; color:#fff; padding: 5px 10px;margin: 0px auto;display: inline-block; }
.category-link-side { display: inline-block; border-bottom:3px solid #ebebeb; width:20%; margin:0 20px; }

footer[role="contentinfo"] { padding:0px; }
#site-generator { text-align:left; font-weight:300; }
#site-generator p { padding:20px; }
.editme { color: #4e4a9f!important;text-decoration: none;margin:0px; }


@media only screen and (max-width: 960px) {
	.article-grid { width:50%;padding:20px;float:left;min-height:300px; }
	.category-link-side { display:none; }
	.article-box, .overlay { width:60%; }
	.sidebar-theme-wrap #sidebar .widget { padding: 20px; width: 50%; }
	#home-feature h3 a { font-size:24px; }
}

@media only screen and (max-width: 830px) {
	nav[role="navigation"] div.menu {
	    float: right;
	    margin-right: 10px;
	}
	nav[role="navigation"] .menu ul li a, nav[role="navigation"] .menu #menu-icon { color: #58595b; }
	#access a:hover { background-color:#1f1c56; color:#fff!important; }
}

@media only screen and (max-width: 470px) {
	.article-grid { width:100%;padding:20px;float:left;min-height:300px; }
	.article-grid-title { min-height: auto; }
	.sidebar-theme-wrap #sidebar .widget { padding: 20px; width: 100%; }
	#home-feature h3 a { font-size:24px; }
	.article-box, .overlay { width:100%; }
	
}