/*
Theme Name: PC IT Service
Template:     twentyseventeen
Description: Fully responsive child of Twenty Seventeen with full width page.
Version: 1.1
Text Domain: pcitservice.com

Custom CSS Below
*/
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}
/* Post Image */
.wp-post-image {
    display: none !important;
}
/* Page Post Header Image */
body:not(.home)
.wp-custom-header img {
display: none;
}
body:not(.home) .custom-header {
background-image: url("images/pc-it-page-header.jpg");
width: 100%;
height: auto;
background-position: right;
}
/* Add secondary logo to header on all pages except the home page */
body:not(.home):not(.front-page) .custom-header::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px; /* light padding from edge */
	transform: translateY(-50%);

	width: 257px;
	height: 160px;

	background-image: url("images/site-login-logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;

	pointer-events: none; /* purely decorative */
}
@media screen and (max-width: 770px) {
/* NON-HOME pages: force branding to sit normally inside the header on mobile */
  body:not(.home):not(.front-page) .custom-header .site-branding {
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
    padding-top: 38px !important;  /* keep your spacing */
    z-index: 10;
  }

  /* Prevent any clipping if the theme is hiding overflow */
  body:not(.home):not(.front-page) .custom-header {
    overflow: visible !important;
  }
  /* Hide the right-side logo pseudo-element on small screens */
  body:not(.home):not(.front-page) .custom-header::after {
    display: none !important;
    content: none !important;
  }

  /* Clamp ONLY the header area */
  .custom-header {
    min-height: 140px !important;
    height: 140px !important;
    padding: 0 !important;
  }

  /* Let branding size naturally (don’t force 140px here) */
  .custom-header .site-branding {
    height: auto !important;
    min-height: 0 !important;
    position: relative;
    z-index: 10;
    padding-top: 38px; /* adjust 28–45px if needed */
  }

  /* Keep menu from sitting above branding */
  .navigation-top {
    position: relative;
    z-index: 5;
  }
}
/*---Hide reCaptcha v3 visible seal---*/
.grecaptcha-badge { 
    visibility: hidden;
}
/* Hide site branding text when large header media is displayed */
@media screen and (min-width: 771px) {
  .site-branding-text {
    display: none;
  }
}
/* Hide site branding text when large header media is displayed */
@media screen and (min-width: 771px) {
  body.home.has-header-image .site-branding-text,
  body.home.has-header-video .site-branding-text,
  body.front-page.has-header-image .site-branding-text,
  body.front-page.has-header-video .site-branding-text {
    display: none;
  }
}
/* Hide header image/video on small screens AND remove the empty space */
@media screen and (max-width: 770px) {
  .custom-header-media { display: none !important; }

  .custom-header {
    background-image: url("images/pc-it-page-header-sm.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /* prevents the blank “hero” space */
    min-height: 140px;
    height: auto !important;
    padding: 0 !important;
  }

  .has-header-image .site-branding,
  .has-header-video .site-branding {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    padding: 12px 0;
  }
}
/* Widget Style */
.widget {
    padding-bottom: 3em;
    text-align: center;
}
/* Sticky Mobile Menu */
@media screen and (max-width: 767px) {
.navigation-top {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
.admin-bar .navigation-top {
padding-top: 45px; /* Padding to allow space for the admin-bar when present */
}
}
@media screen and (min-width: 20em) {
.site-branding {
    padding: 3.5em 0;
}
  body:not(.home):not(.front-page):not(.title-tagline-hidden) .site-branding-text {
    margin-top: 30px;
  }
}
.site-branding .wrap {
	padding-left: 1em;
    padding-right: 1em;
}

/* Copywrite */
#site-generator {
	font-style: italic;
	font-size: small;
	text-align: center;
}