/*
 Theme Name:   X Portfolio Child
 Theme URI:    http://bitches.com/x-portfolio-child/
 Description:  X-Portfolio Child Theme
 Author:       Cunts
 Author URI:   http://bitches.com
 Template:     x-portfolio
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-menu, custom-logo, featured-images, theme-options, translation-ready, blog, portfolio
 Text Domain:  x-portfolio-child
*/
#masthead {
    position: relative;
    border-bottom: 2px solid #000;
}

#masthead div.secondary {
    display: none;
}

#masthead div.site-branding {
    padding-left: 3rem;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    text-decoration: underline;
}

#site-navigation {
    position: absolute;
    right: 0;
    padding: 0 3rem 0 0;
}

#cssmenu ul li ul li:hover>a, #cssmenu ul li ul li.active>a, #cssmenu>ul>li.active>a, #cssmenu>ul>li.current_page_ancestor>a {
    color: #666666 !important;
}

#cssmenu ul li ul li a {
    color: #000;
}

#cssmenu>ul>li>a {
  font-weight: normal;
}

#cssmenu>ul>li {
  display: inline-block;
  margin: 0 15px;
}

#cssmenu>ul>li>ul {
  display: none;
  position: absolute;
  background: #FFF;
  border: solid black;
  border-width: 0 2px 0 2px;
  padding: 12px 0 0 0;
}

#cssmenu ul li ul li a:hover {
  color: #666666
}

#cssmenu ul li a:hover:after {
  width: 100%;
  background: #000;
}

#cssmenu ul li ul li:first-child a {
  padding: 0px 10px 1px 10px;
}

#cssmenu ul li ul li a {
  padding: 10px 10px 1px 10px;
}

body, html, #page {
  height: 100%;
  min-height: 100%;
}

#content {
    height: calc(100% - 3.34em);
    overflow: auto;
}

@media handheld, only screen and (max-width: 767px) {
	#content {
		height: calc(100% - 3.34em - 10px);
	}
}

.fancybox-type-inline .fancybox-inner {
  overflow-x: hidden !important;
}

.infoText {
  min-height: 100%;
}

.extra {
  display: none;
}

.extraIMG {
  text-align: center;
}

.extraIMG img {
  max-width: 40%;
  margin: 1%;
}

.ytsizer {
  width: 60%;
  margin: 0 auto;
}

.ytcontainer {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

#ytplayer {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 801px) {
    #cssmenu>ul>li.has-sub:hover ul {
        display: block;
    }
}

@media (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button {
        border: none;
    }
    #cssmenu #menu-button:before, #cssmenu #menu-button:after {
        border-top: none;
    }
    #cssmenu #menu-button:before {
        top: 13px;
    }
    #cssmenu #menu-button:after {
        top: 6px;
    }
    #menu-menu.menu {
        background: #FFF;
    }
    #cssmenu>ul.open {
        border: none;
    }
    #cssmenu>ul>li.has-sub>a:after {
        content: '';
        display: block;
        height: 2px;
        width: 0;
        margin: 10px 0 0;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
        position: initial;
        border-radius: initial;
        right: initial;
        top: initial;
    }
    #cssmenu>ul>li>ul {
        position: relative;
    }
}

.entry-content a.img {
    display: grid;
}

.entry-content img {
    margin: 0.5em;
}

.entry-content img.aligncenter {
    margin: 0.5em auto;
}

@media (max-width: 800px) {
	h1.site-title a {
		font-size: 25px;
	}
}

@media (max-width: 400px) {
	.entry-content img {
		margin: 0.2em;
	}
}