/*
Theme Name: Troy Child
Author: ThematicWebs
Version: 1.0
Author URI: http://themeforest.net/user/thematicwebs
Theme URI: http://thematicwebs.com/demo/wp/troy/
Description: Choice for Your Magzine - WordPress Theme by - <a href="http://thematicwebs.com/">ThematicWebs</a>
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: troy
Template: troy

*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* gray background */
body {
  background-color: #efefef;
}

/* get rid of the ugly shadow on focus */
a:focus {
  box-shadow: none;
}

/* white areas */
.main-header {
  background-color: #fff;
}
.white {
  background-color: #fff;
}
.main-footer {
  background-color: #fff;
}
div.block {
  margin-top: 15px;
  background-color: #fff;
  padding-top: 15px;
}
.home div.block {
  background-color: transparent;
}
.home div.block.white {
  background-color: #fff;
}
.page-title {
  background-color: #fff;
}
.page-title-area {
  margin-bottom: 15px;
}

.logo {
  font-size: 34px;
  margin: .67em 0;
  margin-top: 20px;
  font-weight: 500;
  line-height: 1.1;
}

/* position the logo to the left */
.top-header-sec > .logo {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.logo__logotype {
  display: block;
  margin-left: 0.5em;
  text-align: left;
}

/* search + social */
.top-header-sec__extra {
  position: absolute;
  right: 0;
}

/* position the social menu to the right */
.top-header-sec .f-social {
  margin-top: 0;
  margin-bottom: 1em;
}

/* style the home page hero */
.home .page-title-area {
  padding-top: 200px;
  padding-bottom: 170px;
  margin-bottom: 20px;
}
.home .page-title-area > h2 {
  font-weight: 200;
  text-transform: none;
}

/* style the footer category menu */
ul.cat > li {
  margin-top: 10px;
}
ul.cat > li > a {
  color: #444;
}
ul.cat > li > a:hover {
  color: #c92f2f;
}

/* style the home page feature */
.popular-videos > .title > .kaushan {
  font-family: 'Poppins', sans-serif;
  color: #404040;
  font-size: 30px;
}
.popular-videos > .title > h4 {
  margin-bottom: 10px;
}
.popular-videos > .title > p {
  font-style: normal;
  line-height: 20px;
}
.popular-videos .v-item::before {
  display: none;
}

/* add space between home page posts */
.blog-post-s1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* stretch the home page posts full width */
.blog-post-s1 > .row > .col-md-9 {
  width: 100%;
}

/* do not indent blog post details */
.blog-post-s1 .blog-post-details {
  top: 0;
  bottom: 0;
}

/* 'read more' button margin-top with 400 character description */
@media screen and (min-width: 990px) {
  .blog-post-s1 .blog-post-details {
      padding: 65px 65px;
  }
}
.blog-post-s1 .blog-post-details > a {
    margin-top: 30px;
}

/* hide the post details violator */
.bps2-img::before {
  display: none;
}

/* single post share buttons */
.blog-post-s2 .share-post {
  bottom: unset;
  box-shadow: none;
  position: relative;
  left: unset;
  text-align: center;
  transform: none;
  margin-top: 2em;
}
.blog-post-s2 .share-post > span {
  display: none;
}
.blog-post-s2 .share-post .social-icons {
  display: block !important;
  margin-left: 0;
}
.share-post .social-icons > a {
  min-width: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fafafa;
  border-radius: 6px;
  color: #555;
  display: inline-block;
}

.troy_footer_widgets.media_image-2 {
  text-align: center;
}

.troy_footer_widgets img {
  width: 120px;
}

/* add gray area to top of page */
/*.page-title {
  padding-bottom: 10px;
  border-bottom: 20px solid #f9f9f9;
}*/

/* hide share buttons from home page */
.share-post-outer {
  display: none;
}

/* pad the sidebar */
.sidebar-1 {
  padding: 0 15px;
}

/* link hover states */
.top-header-sec .shopping-cart .items, .main-nav > ul > li > a:hover, .main-nav > ul > li.active > a, .btn-style1:hover, .share-post .social-icons > a:hover, .v-item-hover > h4 > a:hover, .high-area-details > h2 > a:hover, .upper-footer ul.cat > li > a:hover, .pp-post > div.pull-left > h2 > a:hover, .blog-post-s1 .blog-post-details > h2 > a:hover, .v-item:hover .v-item-hover > h4 > a, .slider-2 .s2-img > .s2-overlay .post-date-comments > span > a:hover, .slider-2 .s2-img > .s2-overlay > h2 > a:hover, .append-arrow .slick-prev:hover::before, .append-arrow .slick-next:hover::before, .wider-post-over > h2 > a:hover, .bps2-details > h2 > a:hover, .s-about-me > span, .r-post > div > h2 > a:hover, .s-qlinks > li > a:hover, .wider-post-sm-over > h2 > a:hover, .blog-post-s2.blog-list > h2 > a:hover, .author-contact > span > a:hover, .blog-tag .bps2-details > h2 > a:hover, .blog-tags > a:hover, .blog-archive .bps2-details > h2 > a:hover, .blog-attach > h2 > a:hover, .ba-tags > a:hover, .blog-single .bps2-details > h1 > a:hover, .sp-sec h2 > a:hover, .sp-share > a:hover, .pre-next-post h2 > a:hover, .ic-social > a, .sp-author .sp-author-inner > div.pull-left > a, .comment-details > span, .error-404 .search-results a, .has-dropdown > ul > li > a:hover, .drop-arrow:hover::before, .main-nav > ul > li:hover > ul > li:hover > a, .main-nav > ul > li:hover > a, .has-2nd-dropdown > ul> li> a:hover, .r-menu > .r-child > ul > li a:hover, .r-menu > li > a:hover, .responsive-menu .r-close:hover, a {
  color: #ed7800;
}
.share-post .social-icons > a:hover {
  background-color: #ed7800;
  border-color: #ed7800;
  color: #fff;
}

.top-header-sec > .social > a:nth-of-type(1):hover, .top-header-sec > .social:hover > a, .top-header-sec > a.shopping-cart:hover > span:first-child, .arrows-center.owl-theme .owl-controls .owl-buttons div:hover, .n-pagination > ul > li.active, .n-pagination > ul > li.active a:before, .n-pagination > ul > li:hover, .n-pagination > ul > li:hover > a:before, .f-social > li > a:hover, .f-social > li > a:hover:before, .bps2-img-slider.arrows-center.owl-theme .owl-controls .owl-buttons div:hover, .s-title > span::after, ul.s-cat > li > a:hover, .s-tags > a:hover, .tagcloud > a:hover, .comment-img > a:hover, .sp-form form button:hover, .search-results form > button:hover, .r-menu-trigger:hover, .responsive-menu .f-social > li > a:hover, .responsive-menu .f-social > li > a:hover:before {
  background-color: #ed7800;
}
.btn-style1:hover, .arrows-center.owl-theme .owl-controls .owl-buttons div:hover, .append-arrow .slick-prev:hover::before, .append-arrow .slick-next:hover::before, .bps2-img-slider.arrows-center.owl-theme .owl-controls .owl-buttons div:hover, .s-tags > a, .tagcloud > a, .sp-form form button:hover {
  border-color: #ed7800;
}

.f-social > li > a {
  min-width: 40px;
  line-height: 40px;
  /*border: 1px solid #ccc;*/
}
/*.f-social > li > a::before {
  border-top: 1px solid #ccc;
}*/
.f-social > li > a > i {
  /*font-weight: 600;*/
  font-size: 18px;
}

.blog-post-s1 .bp-s1-slider a.pull-right {
  width: 50%;
}

.blog-post-s1 .bp-s1-slider a.pull-right .img-responsive {
  width: 100%;
}

@media (min-width: 990px) {
  /*.blog-post-s1 .img-responsive, .bps2-img .img-responsive {*/
  .blog-post-s1 .img-responsive {
    height: 577px;
  }
}

.s-title {
  margin-bottom: 5px;
}
.s-title > span::after {
  background-color: #fff;
}

.aligncenter {
  display: table-cell !important;
}


/* center header elements on mobile */
@media (max-width: 767px) {

  .top-header-sec > .logo {
    left: unset;
    transform: unset;
  }

  .top-header-sec__extra {
    position: relative;
    text-align: center;
  }

  .top-header-sec .f-social {
    position: relative;
    right: unset;
  }

  .r-menu-trigger {
    left: unset;
    right: -25px;
  }

  .blog-post-s2 .bps2-img-slider + .share-post {
    bottom: unset;
  }
}

/* keep the header logo vertically centered */
@media (min-width: 990px) {

  .top-header-sec > .logo {
    top: 35%;
  }

}

/* position the detail page sidebar to the right */
@media screen and (min-width: 1080px) {

  .sidebar-1 {
    float: right;
    padding: 0;
    max-width: 33.3333333%;
  }

}
