/*
 Theme Name:     Shadow Child
 Theme URI:      http://demo.krownthemes.com/shadow/
 Description:    A basic child theme for the Shadow theme.
 Author:         RubenBristian
 Author URI:     http://rubenbristian.com
 Template:       shadow
 Version:        1.0
*/

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

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

#content > .wrapper {
   padding: 50px 0 150px;
}

.krown-column-row {
   padding: 0px 0 0px 0;
}

h1 {
   font-size: 34px;
   line-height: 38px;
   margin-top: 5px;
   margin-bottom: 5px;
   color:#444444 !important;
   font-weight: 100;

}
h2 {
   font-size: 26px;
   line-height: 30px;
   margin-bottom: 5px !important;
   color:#444444 !important;
   font-weight: 100;
}
h3 {
   font-size: 20px;
   line-height: 30px;
   margin-top: 8px;
   margin-bottom: 8px;
   color:#2e3d69 !important;
} 
h4 {
   font-size: 19px;
   line-height: 22px;
   margin: 22px 0;
}
h5 {
   font-size: 16px;
   line-height: 18px;
   margin: 18px 0;
}
h6 {
   font-size: 14px;
   line-height: 16px;
   margin: 16px 0;
}

a {
   text-decoration: none;
}

p {
   margin: 10px 0;
   font-size: 14px;
}

.full-width #content > .krown-column-row {
   border-bottom: 0px solid #ffffff;
}

#primary-header {
   background-color: #2e3d69;
   height: 40px;
   color: #ffffff;
   font-size: 13px;
   line-height: 39px;
   border-bottom: 1px solid #40454d;
   overflow: hidden;
   position: relative;
}


#primary-header a {
   color: #ffffff;
   display: inline-block;
}
#primary-header a:hover {
   color: #FFFFFF;
}


.header_email:before, .header_phone:before {
   font-family: 'fontello';
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   font-variant: normal;
   text-transform: none;
   font-size: 14px; 
   margin-right: 6px;
   position: relative;
   color: #ffffff;
}
.header_email:before {
   content: "]";
   top: 1px;
}
.header_phone:before {
   content: "";
   top: 2px;
}
.header_email:hover:before, .header_phone:hover:before {
   color: #adb3c2;
}


.krown-social.header ul {
   margin-right: -12px;
}
.krown-social.header li {
  display: block;
  color: #fff;
  height: 40px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
.krown-social.header a {
  position: relative;
  width: 36px;
  height: 36px;
  color: #adb3c2;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
}
.krown-social.header i {
  font-size: 16px;
  line-height: 39px;
  width: 36px;
  color: #ffffff;
  text-align: center;
  position: absolute;
}
.krown-social.header span {
   display: inline-block;
   padding: 1px 20px 0 40px;
   color: #ffffff;
}
.krown-social.header li:last-child span {
   padding-right: 0;
}
.krown-social.header li:hover * {
  color: #ffffff;
}

.krown-social.default ul {
   margin: 0;
   height: 28px;
}
.krown-social.default li {
   position: relative;
   cursor: pointer;
   text-align: center;
   display: inline-block;
   margin: 0 10px 0 0;
   padding: 0;
   border: none;
   width: 25px;
}
.krown-social.default i:before {
   font-size: 20px;
   width: 25px;
   color: #adb3c2;
}
.krown-social.default a:hover i:before {
   color: #adb3c2;
}
.krown-social.default a {
   display: block;
   height: 25px;
   width: 25px;
}






#secondary-header .header-content {
   width: 100%;
   height: inherit;
   box-shadow: 0 0 10px rgba(0,0,0,.12);
   background-color: #ffffff; 
}





/* ------------------------
-----   Menu    -----
------------------------------*/

.top-menu {
   margin-right: -50px;
   display: inline-block !important;
}
.top-menu a {
   color: #43474f;
   font-size: 13px;
   line-height: 14px;
   display: block;
}

.top-menu li {
   display: inline-block;
   position: relative;
   float: left;
}
.top-menu > li > a {
   text-transform: uppercase;
   font-weight: 800;
   padding: 48px 30px 55px 0;
}
.top-menu > li:hover > a {
   color: #162143;
}
.top-menu > li.selected > a {
   color: #000 !important;
}
.top-menu > li > a > span {
   padding-bottom: 7px;
   border-bottom: 2px solid transparent;
}
.top-menu > li:hover span {
   border-color: #2e3d69;
}
.top-menu > li.selected span {
   border-color: #000 !important;
}

.no-js .top-menu > li:hover .sub-menu {
   display: block;
}

.sub-menu {
   position: absolute;
   left: 0;
   top: 106px;
   display: none;
   box-shadow: 5px 5px 10px rgba(0,0,0,.1);
   margin: 0;
   z-index: 9999;
}
.ie8 .sub-menu {
   border: 1px solid #e9e9e9;
   border-width: 0 2px 2px 0;
   margin-top: -2px;
}
.sub-menu li  {
   padding: 0;
   width: 100%;
   border-top: 1px solid #e9e9e9;
   background: #fff;
}
.sub-menu li a {
   text-align: left;
   text-transform: none;
   margin: 0;
   padding: 15px 20px;
   font-weight: 600;
}
.sub-menu li:hover {
   background-color: #e54939;
}
.sub-menu li:hover, .sub-menu li:hover + li {
   border-color: #e54939;
}
.sub-menu li.selected {
   background-color: #e9e9e9 !important;
}
.sub-menu li.selected, .sub-menu li.selected + li {
   border-color: transparent !important;
}
.sub-menu li:hover a {
   color: #fff;
}
.sub-menu li.selected a {
   color: #000;
}








/* ------------------------
-----   Primary Footer  -----
------------------------------*/

#primary-footer {
   padding: 40px 0 40px; 
   background-color: #2e3d69;
   background-position:top center;
   background-repeat:no-repeat;
   color: #ffffff;
}
#primary-footer .krown-column-row {
   margin: 0;
   padding: 0;
}
#primary-footer .widget {
   font-size: 13px;
   line-height: 21px;
}
#primary-footer .widget-title {
   color: #fff;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 9px;
   line-height: 21px;
   font-weight: 100;
   margin: 0 0 10px;
}
#primary-footer .widget ul li {
   border-color: #3f4f84 !important;
}
#primary-footer .widget ul a, #primary-footer .krown-widget span {
   color: #ffffff !important;
}
#primary-footer a {
   color: #ffffff !important;
}
#primary-footer a:hover, #primary-footer .widget ul a:hover {
   color: #EEEEEE !important;
}
#primary-footer .krown-widget i {
   color: #999 !important;
}

/* ------------------------
-----   Secondary Footer -----
------------------------------*/

#secondary-footer {
   background-color: #162143 !important;
   height: 70px;
   color: #ffffff;
   font-size: 13px;
   line-height: 70px;
   overflow: hidden;
}
#secondary-footer a {
   color: #14a385 !important;
   display: inline-block;
}
#secondary-footer a:hover {
   color: #2aebc3 !important;
}
#secondary-footer p {
   margin: 0;
}
#secondary-footer .krown-social.header li:hover * {
  color: #fff;
}






/* ------------------------
-----   Page Title -----
------------------------------*/

#page-title {
	background-position:top center;
	border-bottom: 1px solid #e9e9e9;
   padding: 32px 0 32px;
   position: relative;
}
#page-title .title {
   float: left;
   font-size: 18px;
   font-weight: 500;
   line-height: 18px;
   margin: 0;
   color:#ffffff;
   text-transform:uppercase;
}
.title-add {
   font-weight: 700;
}
.title-add:before {
   content: ":";
   margin-right: 5px;
}

/* ------------------------
-----   Breadcrumbs -----
------------------------------*/

#breadcrumbs {
   color: #6b6b6b;
   font-size: 12px;
   line-height: 12px;
   padding-top: 2px;
   text-transform:uppercase;
}
#breadcrumbs .desc {
   margin-right: 12px;
}
#breadcrumbs a {
   font-weight: 600;
}
#breadcrumbs a:after {
   content: "/";
   margin: 0 12px;
   font-weight: 400;
   color: #ffffff !important;
}
#breadcrumbs a:last-child:after {
   display: none;
}
#breadcrumbs a {
   color: #ffffff;
}
#breadcrumbs a:hover {
   color: #cccccc;
}





html {
  overflow-x: hidden;
}
body {
  background: #fff;
  overflow-x: hidden;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 13px;
  line-height: 21px;
}

#content {
   background: #fff;
   position: relative;
   background-position:top center;
   background-repeat:repeat;
}
   
   
   
   
 
/* ---------------------------------------------------------------------------------
------------------------------   BLOG   ----------------------------------
------------------------------------------------------------------------------------*/

.page-template-template-blog-php .post-standard, .archive .post-standard, .search .post-standard {
   margin-bottom: 170px;
}
.single-post .post-standard {
   margin-bottom: 0;
}
.page-template-template-blog-php .post-standard:first-child, .archive .post-standard:first-child, .single-post .post-standard:first-child, .search .post-standard:first-child {
   margin-top: 60px;
}
.post-standard header {
   margin-bottom: 35px;
}
.post-standard .post-title .cite {
   position: absolute;
}

/* Post meta */

.post-meta {
   margin-bottom: 20px;
   height: 24px;
   overflow: hidden;
   list-style: none;
}
.post-meta li, .folio.like {
   float: left;
   padding: 0 22px;
   border: none;
   margin: 0;
   border-left: 1px solid #e9e9e9;
   font-size: 12px;
   position: relative;
}
.post-meta li:first-child, .folio.like {
   padding: 0 22px 0 0;
   border: none;
}
.post-meta a, .folio.like a {
   color: #333333;
}
.post-meta a:hover, .folio.like a:hover {
   color: #333333;
}
.post-meta .like a, .post-meta .comments a, .folio.like a { 
   padding-right: 24px;
} 
.post-meta i, .krown-widget i, .folio.like i {
   color: #999;
   margin-left: 7px;
   position: absolute;
}
.post-meta a:hover i, .krown-widget a:hover i, .folio.like a:hover i {
   color: #333333;
}
.post-meta .krown-icon-heart-1, .krown-widget .krown-icon-heart-1, .folio.like .krown-icon-heart-1 {
   font-size: 21px;
}
.post-meta .krown-icon-comment-alt, .krown-widget .krown-icon-comment-alt {
   font-size: 13px;
}
.post-meta .like > div {
   width: 40px;
}

/* Post title */

.post-title h2, .post-title h1 {
   font-size: 35px;
   line-height: 30px;
   color: #333333;
   margin: 0 0 0 -1px;
   position: relative;
   font-weight:lighter;
}
.post-title:hover h2, .post-title:hover h1 {
   color: #333333;
}
.post-title .format {
  font-weight: 300;
  color: #ffffff !important;
}
.post-title .format:before {
   content: " (";
}
.post-title .format:after {
   content: ")";
}
.post-title .cite {
   font-size: 12px;
   font-weight: 400;
   line-height: 13px;
   margin-top: 25px;
   display: block;
}
.post-title .cite:before {
   content: "- ";
}
.format-quote .post-title h2, .format-quote .post-title h1 {
   margin-bottom: 70px;
}

.post-format-image img, .post-format-gallery img {
   width: 100%;
   height: auto;
}

.post-excerpt, .post-content {
   font-size: 13px;
   line-height: 22px;
   margin-top: 30px;
   margin-bottom: 30px;
   color:#666;
}

.post-more, .post-tags {
   font-size: 17px;
}
.post-tags {
   margin-top: 50px;
}
.post-format-image + .post-more {
   margin-top: 60px;
}

/* Big like button */

.single-like {
   position: relative;
   border-bottom: 1px solid #e9e9e9;
   text-align: center;
   margin: 50px auto 100px;
}
.single-like a {
   position: absolute;
   left: 50%;
   margin:-30px 0 0 -50px;
   width: 100px;
   background-color: #fff;
   text-align: center;
}
.single-like .krown-icon-heart-1:before {
   font-size: 80px;
   padding: 0;
   line-height: 80px;
   float: none;
   color: #999;
}
.single-like span {
   font-size: 20px;
   line-height: 20px;
   font-weight: 700;
   position: absolute;
   top: 26px;
   left: 0;
   width: 100%;
   color: #fff;
   vertical-align: top;
}
.single-like:hover .krown-icon-heart-1:before {
   color: #e54939;
}
.single-like .post-like.liked:before {
   color: #e54939;
   cursor: default;
}
.single-like .post-like.liked {
   cursor: default;
   pointer-events: none;
}

/* Pagination */

.pagination a {
   height: 42px;
   background: #fff;
   color: #6b6b6b;
   border: 1px solid #e9e9e9;
   border-radius: 5px;
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 16px;
   margin: 0 5px;
   padding: 14px 20px;
}
.pagination a:hover {
   color: #fff;
   background: #333333;
   border-color: transparent;
}
.pagination a.active {
   color: #000;
   border-color: #e9e9e9;
   background: #fff;
   pointer-events: none;
}
.pagination a.none {
   pointer-events: none;
}

/* Search tweaks */

.search-results .type-page .post-meta li {
   display: none;
}
.search-results .type-page .post-meta li:first-child {
   display: block;
}
.search-results .type-page .post-title span {
   display: none;
}

/* Post w/ Author */

.post-standard.w-author > header, .post-standard.w-author > section {
   width: 79%;
   float: left;
}
.post-author {
   float: right;
   width: 130px;
}
.author-avatar {
   position: relative;
   display: block;
}
.author-avatar .caption {
   display: table;
   position: absolute;
   top: 0;
   left: 0;
   width: 130px;
   height: 130px;
   background: rgba(229, 73, 57, .9);
   background: #e54939;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
}
.author-avatar:hover .caption {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}
.author-avatar .hover-text {
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   display: table-cell;
   vertical-align: middle;
   color: #fff;
}
.author-avatar strong {    
   display: block;
   line-height: 17px;
   margin-top: 5px;
}
.post-author .post-meta {
   margin-top: 25px;
   overflow: visible;
}
.post-author .post-meta li {
   display: block;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   padding: 0;
   width: 100%;
   border: none;
}
.post-author .post-meta .category {
   margin-top: 3px;
}
.post-author .post-meta .like, .post-author .post-meta .comments {    
   float: left;
   margin-top: 25px;
   text-align: left;
   width: 50%;
}
.post-author .post-meta .like {
   text-align: right;
   padding-right: 5px;
}
.post-author .post-meta .comments {
   padding-left: 7px;
}

/* Comments */

#comments {
   margin: 125px 0;
}
#comments h3 {
   font-size: 24px;
   line-height: 28px;
   margin: 0 0 25px 0;
   font-weight: 700;
}
.comment {
   padding-top: 40px;
   margin-top: 50px;
   border-top: 1px solid #e9e9e9;
   position: relative;
   min-height: 141px;
}
#comments-list > .comment:first-child {
   border: none;
   margin-top: 0;
}
#comments-list .children li {
   padding-left: 112px;
}
#comments-list .children .children li {
   padding-left: 224px;
}
.comment-avatar {
   position: absolute !important;
   top: 50px;
   width: 80px;
   height: 80px;
}
.comment-title {
   font-size: 15px;
   font-weight: 700;
   line-height: 19px;
   margin-top: 15px;
}
.comment-title a, .comment-reply-link {
   color: #3b3b3b;
}
.comment-title a:hover, .comment-reply-link:hover {
   color: #e54939;
}
.comment-meta span {
   font-size: 13px;
   margin-top: -2px;
   display: block;
}
.comment-content {
   float: left;
   width: 100%;
   padding-left: 112px;
}
.comment-text {
   margin-top: -10px;
}
.comment-reply-link {
   position: absolute;
   right: 0;
   top: 40px;
   font-size: 12px;
   font-weight: 500;
   opacity: 0;
}
.comment-reply-link .krown-icon-cw {
   font-size: 14px;
   left: -7px;
   position: relative;
}
.comment:hover .comment-reply-link {
   opacity: 1;
}
.await {
   color: #f00;
   display: block;
   margin-top: 15px;
}
#respond {
   margin-top: 180px;
}
#comments-list #respond {
   margin-top: 60px;
}
#comment-form {
   margin-top: 20px;
}
.logged-in-as {
   margin-top: -5px;
}

/* ------------------------
-----   Widgets  -----
------------------------------*/

.widget {
   margin-bottom: 100px;
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
}
.widget:last-child {
   margin-bottom: 0;
}
.widget-title {
   font-size: 27px;
   line-height: 32px;
   font-weight:lighter;
   margin: 0 0 15px;
}

.widget ul {
   list-style: none;
}
.widget ul:first-child, .widget p:first-child {
   margin-top: 0;
}
.widget ul li {
   border-top: 1px solid #e9e9e9;
   padding: 10px 0;
   line-height: 20px;
}
.widget ul li:first-child {
   border-top: none;
   padding-top: 0;
}
.widget ul a {
   color: #333333;
   padding: 13px 0;
}
.widget ul a:hover {
   color: #333333;
}
.widget .current-menu-item a {
   color: #ae1e6c !important;
   font-weight: 700;
}
.widget small {
   font-size: 1em;
}

.widget_calendar table {
   width: 100%;
   text-align: left;
}
.widget_calendar caption {
   font-weight: 700;
   font-size: 16px;
   margin-bottom: 15px;
}
.widget_calendar thead {
   font-weight: 700;
}
.widget_calendar tfoot a {
   margin-top: 15px;
   float: left;
}

.krown-widget i {
   position: relative;
   margin-right: 5px;
   top: 1px;
   color: #999;
}
.krown-widget .krown-icon-comment-alt {
   font-size: 13px;
}
.krown-widget .krown-icon-heart-1 {
   top: 2px;
}
.krown-widget span {
   color: #666;
   position: absolute;
   top: -2px;
   left: 0;
}
.krown-widget a:hover span {
   color: inherit;
}
.krown-commented-posts a, .krown-liked-posts a {
   position: relative;
   padding: 0 0 0 47px !important;
   display: block;
}
.krown-liked-posts a {
   padding-left: 59px !important;
}

.krown-recent-posts li {
   height: 83px;
   padding: 15px 0;
   display: table;
}
.krown-recent-posts li:first-child {
   height: 66px;
}
.krown-recent-posts .img {
   position: absolute;
   padding: 0;
}
.krown-recent-posts img {
   width: 100px;
   height: 53px;
}
.krown-recent-posts .title {
   padding: 0 0 0 120px !important;
   display: table-cell;
   vertical-align: middle;
}

.cwidget ul li {    
   font-size: 13px;
   line-height: 18px;
   padding: 11px 0;
}
.swidget ul li {
   width: 45%;
   float: left;
}
.swidget ul li:nth-child(even) {
   float: right;
}
.swidget ul li:first-child + li {
   border-top: none;
   padding-top: 0;
}
.cwidget .wp-tag-cloud a {
   font-size: 13px !important;
}




/* ------------------------
-----   Button   -----
------------------------------*/
 
.krown-button {
   text-transform: uppercase;
   color: #ffffff !important;
   font-weight: 700;
   background-color: #40454D;
   border-radius: 5px;
   display: inline-block;
   text-align: center;
   -webkit-transition: all 100ms linear !important;
   transition: all 100ms linear !important;
   margin-bottom:10px;
   margin-right:10px;
}
.krown-button i {
   float: right;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
   -webkit-transition: all 100ms linear !important;
   transition: all 100ms linear !important;
}
.krown-button:hover {
   background-color: #333333;
}
.krown-button:hover i {
   margin-left: 14px !important;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}


.krown-button.normal {
   font-size: 14px;
   line-height: 14px;
   padding: 16px 20px !important;
   height: 44px;
}
.krown-button.normal i {
   font-size: 23px;
   margin: -1px -3px 0 -15px;
}

.krown-button.small {
   font-size: 12px;
   line-height: 12px;
   font-weight: 700;
   padding: 13px 20px !important;
   height: 38px;
}
.krown-button.small i {
   font-size: 17px;
   line-height: 38px;
   margin: -13px -3px 0 -15px;
}

.krown-button.empty {
   background: #ADB3C1;
   color: #ffffff !important;
   border: 1px solid #ADB3C1;
}
.krown-button.empty:hover {
   color: #fff !important;
   background: #222222;
   border-color: transparent;
}
.krown-button.no-border {
   border: none !important;
}