/* 
  ================================
	CSS STYLES FOR Default Theme
   ================================
*/
.dnnLoading{opacity: 0.7;}
/* COMMON */
.blog-icon {background: url(images/sprite.png) no-repeat top left;padding-left:20px !important;}
/* WIDGET */
.widget{margin:5px;padding:0px;}
	.widget li{list-style:none;padding:3px 0px;}
		.widget li a{font-weight:normal;}
		.widget li a:hover{text-decoration:none;}
/* ARCHIVE */
.widget-accordion-heading .icon-minus,.widget-accordion-heading .icon-plus{display:none;}
a.widget-accordion-toggle{color:#000;}
a.widget-accordion-toggle:hover{text-decoration:none;}

.widget-archives ul{display:none;margin:5px;padding:0px;}
.widget-archives ul.open{display:block;}
.widget-archives li.year{cursor:pointer;font-weight:bold;}
.widget-allarchive{line-height:30px;}
/* LATEST COMMENTS */
.widget-comments{margin:3px 0 0 24px;padding:0px;font-style:italic;color:#999;list-style-position:outside;}
	.widget-comments p{font-style:normal;color:#000;}
/* TAGCLOUD */
ul.widget-tags {clear: both;list-style-type: none;position: relative;margin: 0px;padding: 0px;}
	ul.widget-tags li {position: relative;/*z-index: 200;*/padding: 0 3px 0 5px;line-height: 26px;display:inline-block;} 
	ul.widget-tags a{white-space:nowrap;text-decoration:none;} 
	ul.widget-tags a:hover{color:#fff;background-color:#C00;text-decoration:none;}
.viewAllTags{padding-left:5px;}
/* AUTHORS */
#sidebar-authors ul{margin-left:0;padding-left:0;}
#sidebar-authors li{border-bottom:1px solid #dfdbce;list-style:none;overflow:hidden}
#sidebar-authors li a{padding:6px 0 6px 6px;line-height:36px;display:block;}
#sidebar-authors li a:hover{text-decoration:none;background-color:#ece7db;}
#sidebar-authors li img{float:left;margin-right:10px;border:none;
        -moz-border-radius: 20px;
		-khtml-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;}
#sidebar-authors a span{float:right;padding-right:6px;color:#86837A;}
/* META */
.widget-meta li{list-style:none;padding:2px 0px 2px 20px;height:20px;background:url(images/sprite.png) no-repeat top left;} 
    .widget-meta li.Home{background-position:0 -360px;} 
    .widget-meta li.AddEntry{background-position:0 -216px;} 
    .widget-meta li.ManageBlog{background-position:0 -144px;} 
    .widget-meta li.Rss{background-position:0 -648px;}
/* SEARCH FORM */
.Blog_SearchForm {position:relative;}
.widget-search-form input[type="text"] {
    border:1px solid #E1E3E2;
    padding:8px 0;
    width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
}
.searchWatermark{font-style:italic;color:#777A78;}
input.searchIcon{position: absolute;right: 5px;top: 50%;margin: 0;padding: 0;}
/* SUBSCRIPTION */
.widget-subscription-form input[type="text"] {
    min-width: 200px;
    width: 98%;
	border:1px solid #E1E3E2;
    padding:8px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px #ddd;
    -moz-box-shadow: 0px 0px 4px #ddd;
         box-shadow: 0px 0px 4px #ddd;
}
/* POST VIEW */
.post{margin-bottom:20px;}
	.post-readmore a{color:#6daa03;font-weight:bold;padding:2px;} 
	.post-readmore a:hover{color:#fff;background-color:#6daa03;}
	.post-footer{clear:both;width:100%;text-align:right;}
	.post-views{background-position:0 -614px;}
	.post-comments{background-position:0 -108px;}
	.post-header{background:url(images/dateicon.gif) no-repeat left top;padding-left:55px;margin-bottom:5px;}
	.post-title{margin:0;padding:0;font-size:16px;color:#0051a3;line-height:180%;}
	.post-title a{font-size:16px;} .post-title a:hover{color:#C00;}
	.post-meta{margin:0px;}
	.post-content{clear:both;font-size:14px;margin:0px;} 
	.post-toolbar{clear:both;width:100%;text-align:right;}
		.post-toolbar a{height:25px;line-height:25px;padding:0px 0px 0px 18px;margin-right:5px;background:url(images/sprite.png) no-repeat top left;}
	    /*.post-toolbar .entry_gototop{background-position:0 -468px;}*/
	    .post-toolbar .entry_trackback {background-position:0 -576px;}
	    .post-toolbar .entry_print{background-position:0 -432px;}
	    .post-toolbar .entry_permaLink{background-position:0 -396px;}
	.post-tags{clear:both;background-position:0 -540px;min-height:18px;}    
	.publishbox{margin:5px 0px;}
	.post-publish{background-position:0 0;margin-left:2px;}
/* RATER */
.post-rater {margin:1em 0;}
.post-rater label {font-weight:bold;}
.ui-rater {line-height:18px;}
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {/*margin-left:.8em*/}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(images/stars.png) repeat-x 0 0;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position:0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}
/* PREV/NEXT POSTS */
#nav-above,#nav-below {width:100%;}
.navigation {line-height:23px;margin:10px 0;overflow:hidden;}
.navigation a {color:#666;font-style:italic;text-decoration:none;}
.navigation a:active,.navigation a:hover {color:#F92117;}
.navigation .meta-nav {font-style:normal;}
.nav-previous {float:left;width:45%;}
.nav-next {float:right;width:47%;text-align:right;}
/* RELATED POSTS */
#relatedPosts span{display:block;}
.related_thumb_view ul{margin:0;padding:0;}
.related_thumb_view img{width:100px;height:100px;padding:2px;border:solid 1px #DDD;}
.related_thumb_view li{width:110px;list-style:none;padding:6px;border-left:solid 1px #DDD;float:left;display:inline-block;}
.related_thumb_view li:first-child{border:none;}
.related_thumb_view li:hover{background-color:#DDD;}
.related_thumb_view li a:hover{text-decoration:none;}
/* SEARCH RESULTS */
.hits{background-position:0 -324px;margin-left:10px;font-weight:bold;}
/* COMMENTS */
#annotations {clear:both;margin:0;padding:0;}
	#annotations li {
		border-bottom:1px dotted #ddd;
		margin:0 0 9px;
		padding:0px 5px;
		list-style-type:none;
	}
	#annotations li.last-child{border-bottom:none;margin-bottom:0;}
	#annotations .comment-body{position:relative;}
	#annotations .comment p {
		clear: both;
		line-height: 1.5em;
		margin-bottom: 15px;
	}
	#annotations .avatar{
		border: 1px solid #eee;
		float: left;
		margin: 0 10px 10px 0;
		padding:2px;
	}
	#annotations .comment-author cite {
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 5px;
	}			
	#annotations .annotation-content{margin: 10px 0.4em 15px 50px;}
	.annotationOwner {/*background-color:#EEE;*/}
	.annotation .notApproved{color:#C00;}
	.annotation-replies{clear:both;background-position:0 -684px;padding-left:15px;margin:0 0 0 30px;}
	
	#anonDetails{clear:both;margin:0;line-height:200%;}
		h3#respond {
			color: #9BBDE9;
			font: italic 2.5em "Times New Roman", Times, serif;
			font-variant: small-caps;
			margin: 20px 0 10px;
		}
		h3#respond span { color: #033; font-weight: 400 }
		#anonDetails label{display:block;}
		#anonDetails input[type="text"] {margin-bottom:0.3em;width:60%;padding:4px;}
		#anonDetails textarea {width:98%;}
		.validation-summary-errors{
			background-color:#FFFFCC;
			border:1px solid #CC0000;
			font-weight:bold;
			margin:20px 0;
			padding:10px 15px;
		}
		.validation-summary-errors li{margin-top:5px;background:transparent url(images/sprite.png) no-repeat 0 -70px;display:block;padding:1px 0 5px 25px;}
/* PAGINATION */
.entryPaging{clear:both;float:right;margin: 5px 0;text-decoration: none;}
	.entryPaging a,.entryPaging .currentPage{
		padding: 4px 8px;
		border: 1px solid #bdbcbc;
        color: #333333;
		margin: 0 2px;
		text-decoration:none;
		border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px; 
	}
	.entryPaging a{background: #fff;}
	.entryPaging a:hover{background-color: #eaeaea; color: #333;text-decoration:none;}
	.entryPaging .currentPage{
		/*CSS3 properties*/
        text-shadow: rgba(0,0,0,.2) 0px 0px 1px;      
        /*In ie the first couplet sets the alpha value so 00=transparent and ff=opaque)*/
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fff5f5f5',  endColorstr='#ffd9d9d9');
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(245, 245, 245, 1.0)), to(rgba(217, 217, 217, 1.0)));    
        background: -moz-linear-gradient(top, rgba(245, 245, 245, 1.0), rgba(217, 217, 217, 1.0));
               
        box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.1);
        -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.1); 
        -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.1); 
	}
	.entryPaging .break,.entryPaging .disabled{
	    padding: 0.5em;
        border: none;
        text-decoration: none;
        color: #BBB;
    }
/* OTHERS */
.code{background: #f4f4f4;/*border: #c0c0c0 1px solid;*/padding: 10px 5px;margin: 0 10px;font-family: Verdana,Helvetica,Arial,sans-serif;font-size:12px;}
.discuss {
	height:70px;
	border-top: #999 1px dashed;
	border-bottom: #999 1px dashed;
	background: #E7E7E7 url(images/talk-balloon.gif) no-repeat 20px center;
	padding-left: 100px;
	margin:0 0 10px;
	clear:both;
}
.discuss H2 {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	color:#CC0000;
	font-size:13px;
	letter-spacing:2px;
	font-weight:bold;
}
.ElegantTextBox{border:solid 1px #cdcdcd;} 
.msgWrapper{
	font-weight:bold;
	margin:10px;
	padding:10px 20px 15px 35px;
	text-align:left;
	line-height:200%;
	background:url(images/sprite.png) no-repeat 0 0;
}
.successStyle{background-position:12px 15px;border:1px solid #8CCE3B;}
.failureStyle{background-position:12px -57px;border:3px solid #CC0000;}
/* SOCIAL BOOKMARK */
.share-block{margin: 0;padding: 0;}
.share-block h3{margin: 0;}
ul.share-buttons{overflow:hidden;margin:0;padding:0;margin-left:-5px;}
.share-buttons li{list-style:none;display:inline-block;line-height:100%;}
.share-buttons a{
	overflow:hidden;
	float:left;
	width:72px;
	/*height:30px;
	margin-right:5px;
	text-indent:-200px;*/
	background: transparent url(images/share-sprite.png) no-repeat 0 0;
	text-align: center;
    padding-top: 35px;
    color: #999;
    text-decoration: none;
}
.share-buttons a:hover{text-decoration: none;}
.share-buttons .sharethis a:hover{background-position: 2px 1px;}
.share-buttons .sharethis a{background-position: 2px -40px;}
.share-buttons .twitter a:hover{background-position: -140px 1px;}
.share-buttons .twitter a{background-position: -140px -40px;}
.share-buttons .technorati a:hover{background-position: -212px 1px;}
.share-buttons .technorati a{background-position: -212px -40px;}
.share-buttons .stumbleupon a:hover{background-position: -280px 1px;}
.share-buttons .stumbleupon a{background-position: -280px -40px;}
.share-buttons .digg a:hover{background-position: -490px 1px;}
.share-buttons .digg a{background-position: -490px -40px;}
.share-buttons .facebook a:hover{background-position: -560px 1px;}
.share-buttons .facebook a{background-position: -560px -40px;}
.share-buttons .delicious a:hover{background-position: -630px 1px;}
.share-buttons .delicious a{background-position: -630px -40px;}
.share-buttons .linkedin a{background-position: -700px -40px;}
.share-buttons .linkedin a:hover{background-position: -700px 1px;}
.share-buttons .pinterest a{background-position: -772px -40px;}
.share-buttons .pinterest a:hover{background-position: -772px 1px;}
.share-buttons .googleplus a{background-position: -845px -40px;}
.share-buttons .googleplus a:hover{background-position: -845px 1px;}
/* fix some missing styles which are optional */
#disqus_thread {margin-top: 10px;}

/*new custom code*/
.post.detailed-view {
    padding-right: 25px;
}
.basic-view.post {
    border: 1px solid #f2f2f2;
    padding: 15px;
	padding-top: 0;
    width: 28%;
    background-color: #fff;
    border-radius: 5px;
	margin-right: 8px;
}

.blog-content {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% - 15px);
}

.basic-view .post-header {
    display: flex;
    flex-direction: column;
}
.post-header {
    background-image: url();
    padding-left: 0;
}

.basic-view .post-title {
    margin-bottom: 15px;
    order: 2;
}

.basic-view .post-title a,
 .basic-view .post-title a:hover {
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    display: inline-block;
    color: #0051a3;
    text-decoration: none;
}
.basic-view .post-meta {
    margin-bottom: 15px;
    color: #C2C2C2;
}

.basic-view .post-meta {
	color: inherit;
}

body {
    background: #fff;
}

html .c_inner_main {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 15px 0;
}

.widget-search-form input[type="text"] {
    padding: 15px;
}

.Blog_SearchForm {
    width: 100%;
    display: inline-flex;
}

input.searchIcon {
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.pbody .DNNEmptyPane {
    display: none;
}

.pbody {
    margin-top: 20px;
}

.footerbox {
    width: 100%;
    flex: 0;
    box-sizing: border-box;
}

html .col65per {
    width: 85%;
}

html .col30per {
    width: 15%;
}
html body {
    background-color: #fff;
}

h1 {
    font-size: 18px!important;
    color: #0051a3;
    font-weight: normal;
    margin: 0;
    font-family: Arial;
    margin-bottom: 7px;
    line-height: normal;
}
.basic-view .post-content {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.post-meta a {
    color: inherit;
}

.post-readmore a:hover,
.post-readmore a:active, 
.post-readmore a:link,
.post-readmore a:visited,
.navigation a:hover,
.navigation a:active, 
.navigation a:link,
.navigation a:visited{
    color: #0051a3;
    background-color: transparent;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
}


.post a:hover,
.post a:active, 
.post a:link,
.post a:visited{
    text-decoration: none;
}
i.fa.fa-calendar-o {
    margin-right: 5px;
}

[action*="entryid"] .ctitle {
    display: none;
}
[action*="entryid"] h2.post-title {
    font-size: 24px;
    text-transform: uppercase;
    line-height: normal;
}
[action*="entryid"] .post-header{
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 26px;
}
.discuss {
    background-image: url();
    padding-left: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #e7e9ee;
    height: auto;
    padding-bottom: 15px;
}

.discuss H2 {
    color: #0051a3;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
}
h3,
h3#respond span,
h3#respond {
    font-size: 18px;
    color: #0051a3;
    text-transform: uppercase;
    font-family: inherit;
    font-variant: none;
    font-style: normal;
}

[action*="entryid"]  button {
    border-color: #0D569E;
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd));
    background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%);
    background: linear-gradient(top, #358eea 0%,#2170cd 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 60%), inset 0px 1px 0px 0px rgb(255 255 255 / 40%);
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 60%), inset 0px 1px 0px 0px rgb(255 255 255 / 40%);
    color: #efefef;
    text-shadow: 0px -1px 0px #185b93;
    padding: 6px 6px;
	border: 1px solid #000;
	border-radius:3px;
}
#commentForm p, #commentForm #commentCompose {
    margin-bottom: 15px;
}
.nav-previous span.meta-nav {
    font-size: 0;
}

.nav-next span.meta-nav {
    font-size: 0;
}

.nav-previous span.meta-nav:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #0051a3;
}

.nav-next span.meta-nav:after {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    color: #0051a3;
    font-size: 12px;
    display: inline-block;
}

span.meta-nav {
    display: inline-block;
}

.nav-next a {
    display: inline-block;
}



.post-rater label {
    color: #0051a3;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 24px;
}


.statVal {
    margin-top: 5px;
}

[action*="entryid"] h2.post-title {
    margin-bottom: 10px;
}

.detailed-view .post-content * {
    font-family: Arial!important;
    line-height: normal!important;
    font-size: 12px!important;
}

.detailed-view .post-content p {
    margin-bottom: 15px;
}

.blog-archives-header+.blog-content .post-title {
    margin-bottom: 12px;
}

.blog-archives-header+.blog-content .post-title * {
    color: #0051a3;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
}

.blog-archives-header+.blog-content strong, .blog-archives-header+.blog-content b {
    color: #0051a3;
    font-weight: normal;
    margin-bottom: 12px;
    display:inline-block;
}
img.post-thumbnail,
.postimg img {
    width: 100%!important;
    height:auto!important;
}

.postimg {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}
.basic-view .post-content img {
    display: none;
/*	width: 100% !important;
	height: auto !important;
    margin-left: -15px;
	margin-right: -15px;*/
}
.basic-view .post-content * {
    font-family: Arial!important;
    line-height: normal!important;
    font-size: 14px!important;
}
.basic-view .post-content p:empty {
    display: none;
}
@media (min-width: 768px) {
    html .c2fl-lt, html .c2fl-rt {
        float: right;
    }
	html .col65per {
		min-height: calc(100vh - 261px);
	}
	/*.footerbox {
        position: absolute;
        width: 100%;
        min-height: 102px;
        bottom: 0;
    }

    .pbody {
        position: relative;
        height: calc(100vh - 138px);
    }*/
}

@media (max-width:767px)
{

	.basic-view.post {
	    min-width: 250px;
        margin-left: auto;
        margin-right: auto;
	}
	.pbody.pagewidth {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    max-width: 100%;
	    align-items: center;
	    flex-wrap: wrap;
	}

	html .col30per {
	    order: 2;
	    align-items: center;
	    width: 95%;
	    margin: 0 auto;
	}

	html .col65per {
	    order: 1;
	    width: 95%;
	    margin: 0 auto;
	}

	.footerbox {
	    order: 3;
	}

}