/*
 Theme Name:   Mastiff - Child Theme of Vong
 Theme URI:    http://wpspade.com/vong/
 Description:  Vong
 Author:       wpSpade
 Author URI:   http://wpspade.com
 Template:     vong
 Version:      1.1.3
 Tags:         light, white, dark, two-columns, three-columns, four-columns, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-menu, editor-style, featured-images, featured-image-header, theme-options, post-formats, sticky-post, threaded-comments, translation-ready
 Text Domain:  'vong'
*/

/* Begin child theme css style here */

html, body {
  background-color: #000000;
  color: #000000;
}
#wpspd-menu, #wpspd-search-popup input[type=text], .btn-default, .nav-links a, .woocommerce a.zoom:after, .wpspd-404, .wpspd-entry-content strong, .wpspd-format-icon, .wpspd-gallery-has-lightbox a.wpspd-lightbox:after, .wpspd-page-content strong, .wpspd-post-author-meta span, .wpspd-post-nav .nav-links .wpspd-nav-title, .wpspd-site-info strong, .wpspd-social-bar li>a, .wpspd-social-list li>a, .wpspd-widget a:not(.btn), a.wpspd-home-link, body:not(.wpspd-diff-color) #wpspd-parent-link, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  color: #000000;
}

#wpspd-parent-link~#wpspd-page-wrapper #wpspd-page {
  margin-left: 0;
}
#wpspd-page-wrapper {
  margin-left: 7%;
}
#wpspd-page-header {
  bottom: 0;
}
#wpspd-parent-link a, #wpspd-parent-link:hover a, #wpspd-site-nav .wpspd-primary-nav ul li.wpspd-active-item>a {
  color: #ffffff !important;
}
#wpspd-page-description h1 {
  margin-bottom: 50px;
}
#wpspd-page-description h1, #wpspd-page-description h2 {
  font-size: 6.5vw;
}
@media (min-width: 768px) {
  #wpspd-page-description h1, #wpspd-page-description h2 {
    font-size: 5vw;
  }
}
@media (min-width: 980px) {
  #wpspd-page-description h1, #wpspd-page-description h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1600px) {
  #wpspd-page-description h1, #wpspd-page-description h2 {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 480px) {
  .wpspd-logo, .wpspd-logo img {
      max-width: 140px;
  }
  #wpspd-page-description .wpspd-social-bar {
    margin-bottom: 30px;
  }
  #wpspd-page-description h1 {
    margin-bottom: 25px;
  }
}
.wpspd-menu-active .wpspd-logo {
  display: none;
  visibility: hidden;
}

/* Menu adjustments */
html.js #wpspd-site-nav {
  display: none;
  /* transform: translate3d(0,100%,0)*/
  transform: translate3d(0,-100%,0);
}

html.js #wpspd-site-nav .wpspd-site-nav-mask {
  /*transform: translate3d(0,-100%,0)*/
  transform: translate3d(0,100%,0);
}

#wpspd-site-nav .wpspd-site-nav-mask {
  width: 60%;
  right: 0;
  left: 40%;
}
@media (min-width: 768px) {
  #wpspd-site-nav .wpspd-site-nav-mask {
    width: 40%;
    left: 60%;
  }
}
@media (min-width: 980px) {
  #wpspd-site-nav .wpspd-site-nav-mask {
    width: 30%;
    left: 70%;
  }
}
@media (min-width: 1200px) {
  #wpspd-site-nav .wpspd-site-nav-mask {
    width: 20%;
    left: 80%;
  }
}
@media screen and (min-width: 768px) {
  html.js #wpspd-site-nav .dl-menuwrapper .dl-subview li.dl-subviewopen>.dl-submenu>li, html.js #wpspd-site-nav .wpspd-primary-nav ul li {
      display: block;
  }
  html.js #wpspd-site-nav .wpspd-primary-nav #wpspd-site-menu, html.js #wpspd-site-nav .wpspd-primary-nav:before {
      display: inline-block;
      vertical-align: top;
  }
}
html.js #wpspd-site-nav .wpspd-primary-nav ul a {
  font-size: 26px;
}
html.js #wpspd-site-nav .wpspd-primary-nav ul a {
  text-transform: none;
}
html.js #wpspd-site-nav .dl-menuwrapper .dl-subview li.dl-subview, html.js #wpspd-site-nav .dl-menuwrapper .dl-subview li.dl-subview .dl-submenu, html.js #wpspd-site-nav .dl-menuwrapper .dl-subview li.dl-subviewopen, html.js #wpspd-site-nav .dl-menuwrapper .dl-subview li.dl-subviewopen>.dl-submenu {
/*   display: inline-block; */
}

html.js #wpspd-site-nav .wpspd-primary-nav ul li.has-dropdown>a:after {
  content:"\203A";
  border: none;
  margin-top: 0;
  right: 18px;
  top: -3px;
  font-size: 30px;
}

.wpspd-post-nav .nav-links .nav-previous .wpspd-nav-title {
  text-align: left;
  margin-left: 30px;
}
.wpspd-post-nav .nav-links .nav-next .wpspd-nav-title {
  text-align: right;
  margin-right: 30px;
}
.wpspd-post-nav .nav-links .wpspd-nav-title {
  padding-bottom: 20px;
}
.wpspd-parallax-wrapper .wpspd-page-description-holder #wpspd-page-description, .wpspd-parallax-wrapper .wpspd-page-description-holder:before {
  margin-bottom: 30px;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .wpspd-parallax-wrapper .wpspd-page-description-holder #wpspd-page-description, .wpspd-parallax-wrapper .wpspd-page-description-holder:before {
    margin-bottom: 30px;
    margin-left: 20px;
  }  
}
@media (min-width: 980px) {
  .wpspd-parallax-wrapper .wpspd-page-description-holder #wpspd-page-description, .wpspd-parallax-wrapper .wpspd-page-description-holder:before {
    margin-bottom: 50px;
    margin-left: 40px;
  }  
}

.wpspd-parallax-wrapper .wpspd-page-description-holder {
  padding-bottom: 15%;
}
@media screen and (max-width: 480px) {
  .wpspd-parallax-wrapper .wpspd-page-description-holder {
    padding-bottom: 25%;
  }
  body.single .wpspd-to-content-holder {
    padding-bottom: 90px;
  }
}
#wpspd-portfolio {
  background-color: #000000;
}

/* Single styles */

#wpspd-page-title .wpspd-cat-links, #wpspd-page-title .wpspd-posted-on, .wpspd-entry-header .wpspd-cat-links, .wpspd-entry-header .wpspd-posted-on {
  font-weight: 300;
}
.wpspd-container p.larger {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 300;
}
.wpspd-container h3 {
  font-size: 33px;
  font-weight: 600;
}
.wpspd-container h5 {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 14px;
}
.wpspd-container a {
  color: #ff761a;
}
.inline-heading {
  margin-bottom: 14px;
}

.mapouter { 
  position: relative;
  text-align: right;
  height: 500px;
  width: 904px;
}
.gmap_canvas { 
  overflow: hidden;
  background: none!important;
  height: 500px;
  width: 904px;
}
@media (min-width: 1200px) {
/*
  .wpspd-entry-content * {
    max-width: inherit;
    margin: 0;
  }
*/
  .wpspd-entry-content > *:not(.wpspd-gallery-container) { 
    max-width: 900px;
    margin: 0 auto;
  }

}

/* The Team */

.the-team {
  line-height: 1.3;
}
.the-team h5 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1.3;
/*
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
*/
}
.the-team p {
  margin-bottom: 10px;
}
.the-team p .email {
/*
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
*/
}
.the-team img {
  width: 100%;
}
.the-team .col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
}

/* Footer */
#wpspd-colophon {
  font-size: 14px;
}
.wpspd-share-page a, .wpspd-social-bar a {
  font-size: 24px !important;
}
@media (min-width: 768px) {
  .copyrights {
    text-align: left;  
  }
}
@media (min-width: 1200px) {
  .wpspd-site-info {
    max-width: 920px;
    margin: 0 auto;    
  }
}


#wpspd-page-title {
  margin-bottom: 40px;
}
#wpspd-page-title .wpspd-cat-links, #wpspd-page-title .wpspd-posted-on, .wpspd-entry-header .wpspd-cat-links, .wpspd-entry-header .wpspd-posted-on {
  font-size: 17px;
}
#wpspd-page-title:after {
    content: '';
    border-bottom: none;
    width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    top: 100%;
    left: 50%;
}
.wpspd-entry-title {
  margin-bottom: 30px;
}
#wpspd-page-title .wpspd-entry-title {
  font-size: 33px;
  font-weight: 600;
}
.wpspd-entry-content h2 {
  font-size: 42px;
  line-height: 50px;
}

/* Mobile adjustments */

@media screen and (max-width: 480px) {
  html.js #wpspd-site-nav .wpspd-primary-nav ul a {
    font-size: 20px;
  }
  .wpspd-container p.larger {
    font-size: 18px;
  }
  #wpspd-page-description h2 {
    font-size: 7.5vw;
  }
  .wpspd-entry-content h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px !important;
  }
  .wpspd-post-nav .nav-links .post-title {
    font-size: 22px;
  }
  .wpspd-post-nav .nav-links .wpspd-nav-title {
    padding-bottom: 0px;
  }
  .wpspd-social-bar {
    padding-top: 20px;
  }
  html.js #wpspd-site-nav .wpspd-primary-nav ul li.has-dropdown>a:after {
    top: -8px;
  }
}

@media screen and (min-width: 481px) {
  .page-class {
    padding-top: 50px;
  }
  .wpspd-entry-content h2 {
    margin-bottom: 50px !important;
  }
  .wpspd-social-bar {
    text-align: right;
  }
}