/* CUSTOM-STYLE FOR BLOG PANELS PAGE */
 .panels-flexible-region-2-center {width: 70% !important;}
 .panels-flexible-region-2-center ul {list-style: none; padding-left: 0;}
 .panels-flexible-region-2-right_sidebar {width: 30% !important;}
 .panels-flexible-region-2-right_sidebar ul {list-style: none; padding-left: 10px;}
 
 
/* CUSTOM-STYLE FOR BLOG Sections on the views */
 .blog-intro-h2 a {color:#ff7900;text-decoration: none;}
 .blog-intro-h2 a:hover {color: #666;text-decoration: underline;}
 .read-more-btn {float: right;padding:10px; background-color: #ff7900;}
 .read-more-btn a {color:#fff;font-weight: 500;}
 .img-intro-box {width: 300px; position: relative; float: left;padding-right: 10px;}
 .body-intro-text {padding:0;margin: 0;}
 .date-intro-box span {background: url(../img/calender-icon.png) no-repeat left center;padding-left: 20px;font-style: normal;}
 .date-intro-box {position: relative; padding-top: 10px;}
 .category-box {
     position: relative;
     top: 10px;
     text-align: right;
     float: right !important;
  }
  .category-box a {
     background: url(../img/category-icon.png) no-repeat left center; 
     padding-left: 20px;
     color:#666;
     font-weight: 500;
     font-style: normal;
  }

 .node-wp-blog .category-box {position: relative;top: -21px;text-align: right;}
 .post-list {padding-bottom: 60px;}
  
  
/* CUSTOM-STYLE FOR BLOG RESPONSIVE LAYOUT */
  @media (max-width:768px) {
  .panels-flexible-region-2-center {width: 100% !important; clear: both;}
  .panels-flexible-region-2-right_sidebar {width: 100% !important;}
  
 
  }
  
/* CUSTOME-STYLE BLOCK-VIEWS BLOG-CATEGORIES AND LATEST BLOG POSTS */
  #block-views-blog-categories-block .item-list ul, #block-views-wp-blog-latest-posts-block .item-list ul {list-style: none; padding-left: 0;} 
  #block-views-blog-categories-block .block-title, #block-views-wp-blog-latest-posts-block .block-title, .block-tagclouds .block-title {color:#666; border-bottom: 2px dotted;font-size: 24px;}
  #block-views-blog-categories-block .field-content a, #block-views-wp-blog-latest-posts-block .views-summary a, .block-tagclouds a {color:#333;}
  #block-views-wp-blog-latest-posts-block span a {color:#333 !important;}
  #block-views-wp-blog-latest-posts-block span.field-content {color:#999 !important; font-style: italic;padding-bottom:10px;}
  #block-fe-loancalculator-fe-loancalculator-small .block-title {color:#666;font-size: 24px;}
  
/* CUSTOM-STYLE FOR FULL-POST VIEW */
  .page-header {color: #F29726 !important;text-align: left !important;}
  .field-name-field-feature-image {padding-bottom: 20px;}
  .sharethis-wrapper span {
	height: 30px;
	padding-bottom: 20px !important;
}

.page-taxonomy-term .node-wp-blog.node-teaser .node-readmore { display:none; }

/* FRONT BLOCK VIEW BLOG POSTS */
.page-taxonomy-term .node-wp-blog.node-teaser .field-name-field-teaser-image.field-type-image,
.not-front .views-field.views-field-field-teaser-image.teaser-box  {
	float: left;
	padding: 0;
}
.page-taxonomy-term .node-wp-blog.node-teaser .field-name-field-teaser-image.field-type-image img,
.not-front .views-field.views-field-field-teaser-image.teaser-box img {
        margin-right: 10px;
}
.front .views-field.views-field-title-1.title-post-front, .not-front section#block-system-main .views-field.views-field-title span.field-content {
	font-size: 24px;
	font-family: DaxProMedium;
	padding: 0 0 10px 0;
}
.front .views-field.views-field-created.date-intro-box, .not-front .views-field.views-field-created.date-intro-box {
	padding-bottom: 5px;
	font-family: DaxProMedium;
}
.front .item-list ul li, .not-front .item-list ul li {
	display: inline-block;
	padding: 0 0 50px 0;
}
.front .item-list ul, .not-front .item-list ul {
	list-style: none;
	padding: 0;
	width: 100%;
}
section#block-views-wp-blog-latest-posts-block li, section#block-views-blog-categories-block li, .block-tagclouds li {
	padding-bottom: 0;
	display: list-item;
}

@media (max-width: 992px) {
	.front .views-field.views-field-field-teaser-image.teaser-box, .not-front .views-field.views-field-field-teaser-image.teaser-box {
	width: 100%;
	text-align: center;
	}
	.front .views-field.views-field-title-1.title-post-front, .not-front .views-field.views-field-title-1.title-post-front {
		width:100%;
	}
	ul.front-blog-post li {
		width: 100%;display:block;
	}
	.field-content.body-text-front p {
		font-size: 1em;
		line-height: inherit;
	}
}


.not-front .view-blog-main .views-row {
	padding-bottom: 50px;
}

.node-wp-blog .views-field-picture img,
.fe-blog-userpic img {
    margin: 0;
    max-width: none;
}
.node-wp-blog .views-field-picture .field-content,
.fe-blog-userpic {
    float: left;
    height:100px;
    width:100px;
    border-radius:100px;
    border:4px solid white;
    overflow:hidden
    }

.node-wp-blog  .views-field-title a {
    color: #006FAB;

}

.node-wp-blog .views-field-title {
    font-family: DaxProMedium;
    color: #006FAB;
    font-size: 48px;
    text-align: center;
    margin: 0 0 28px 0;
}

.node-wp-blog .views-field-body-1 {
    color: #777777;
    font-family: DaxProMediumItalic;
    font-size: 26px;
    line-height: 29px;
    text-align: center;
    padding-bottom: 20px;
}

.node-wp-blog .views-field-name,
.node-wp-blog .fe-blog-username {
    width: 404px;
    text-align: right;
    padding-top: 43px;
    padding-left: 0;
    float: left;
    display: block;
    text-transform: uppercase;
    color: #F29726;
    font-size: 16px;
    font-weight: bold;
}

.node-wp-blog .views-field-picture {
   margin: 0 13px;
   position: relative;
   top: 0;
   float: left;
}

.node-wp-blog .views-field-title a:hover {
    text-decoration: none;
}

.fe-blog-title {
  color: #006FAB;
  font-family: DaxProMedium;
  font-size: 48px;
  line-height: 1em;
  margin: 0 0 18px 0;
  padding: 10px 0 10px 0;
  text-align: center;
}

.fe-blog-summary {
  font-family: DaxProMedium;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  text-align: left;
}

.fe-blog-username a {
    color: #F29726;
    padding-right: 10px;
    font-weight: bold;
}

.fe-blog-date {
    padding-top: 43px;
    padding-bottom: 43px;
    padding-left: 0;
    float: left;
    color: #F29726;
    font-size: 16px;
    font-weight: bold;
    width: 400px;
}


/*
/  Fix views
*/

.view-blog-related-list h2 {
  color: #006FAB;
  font-size: 22px;
  margin: 0 0 5px 0;
  text-align: left;
}

.view-blog-related-list a:focus h2,
.view-blog-related-list a:hover h2 {
  color: #ff7900;
}

.view-blog-related-list a:hover {
  text-decoration: none;
}


.view-blog-related-list .views-row {
  border-bottom: 1px solid #DDD;
  margin-top: 20px;
  overflow: hidden;
  padding-bottom: 20px;
}

.node-wp-blog .views-field-created,
.view-blog-related-list .views-field-created {
  color: #A6A6A6;
  float: right;
  font-size: 12px;
  padding-left: 0;
  padding-top: 6px;
}

.field-name-field-blog-lead {
  font-size: 26px;
  line-height: 29px;
}

.view-blog-related-list .views-field-body {
  font-family: DaxProMedium;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  text-align: left;
}

.blog-post-data {
  height: auto;
  text-align: center;
}

.blog-post-data {
  height: 170px;
  padding: 30px 0 10px 0;
  position: relative;
}

.blog-post-data:before, .blog-post-data:after {
  content: " ";
  display: table;
}

.field-name-blog-post-data {
  clear: left;
  height: 170px;
  padding: 30px 0 10px 0;
  position: relative;
}

.field-name-blog-post-data:before, .field-name-blog-post-data:after {
  content: " ";
  display: table;
}

.field-name-blog-post-data:after {
  clear: both;
}

.field-name-blog-post-data span {
  display: block;
  text-transform: uppercase;
}

.field-name-blog-post-data .author-name,
.field-name-blog-post-data .author-date {
  padding-left: 120px;
}

.field-name-blog-post-data .author-name {
  padding-top: 31px;
}

.field-name-blog-post-data .author-picture {
  left: 0;
  position: absolute;
  top: 30px;
  z-index: 1;
}

.field-name-blog-post-data .author-picture:before {
  background-image: url(../img/node-author-mask.png);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.field-name-blog-post-data .author-picture img {
  display: block;
}

.view-blog-related-list .views-field-view-node {
  text-align: right;
}

.view-blog-related-list .views-field-view-node {
  color: #F29726;
  font-weight: bold;
  font-size: 14px;
}



/*
/  Sidebar general styles.
*/

.node-wp-blog .sidebar section {
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF4F4F4', endColorstr='#FFEAEAEA', GradientType=0);
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px 20px 30px 20px;
}



/*
/  Sidebar category box.
*/

#block-wp-blog-date-navigation ul {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

#block-wp-blog-date-navigation li {
  padding-bottom: 10px;
  font-weight: bold;
}

#block-wp-blog-date-navigation li li {
  padding-left: 10px;
  padding-bottom: 0;
  font-weight: normal;
}



/*
/  Sidebar category box.
*/

.node-wp-blog .sidebar .calculator {
  padding-bottom: 10px;
}



/*
/  Media queries.
*/

@media (min-width: 768px) {
  .field-name-blog-post-data {
    height: auto;
    text-align: center;
  }

  .field-name-blog-post-data span {
    float: left;
  }

  .field-name-blog-post-data .author-name,
  .field-name-blog-post-data .author-date {
    padding-top: 43px;
    padding-left: 0;
  }

  .field-name-blog-post-data .author-name {
    text-align: right;
    width: 294px;
  }

  .field-name-blog-post-data .author-picture {
    margin: 0 13px;
    position: relative;
    top: 0;
  }
}



@media (min-width: 992px) {
  .field-name-blog-post-data .author-name {
    width: 404px;
  }
}