/*
 Theme Name:   WebGatha Child
 Theme URI:    http://webgatha.potenzaglobalsolutions.com
 Description:  WebGatha Child Theme
 Author:       TeamWP @Potenza Global Solutions
 Author URI:   http://www.potenzaglobalsolutions.com
 Template:     webgatha
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, e-commerce, blog, grid-layout
 Text Domain:  webgatha-child
*/

.HPbanner{
	background-repeat: repeat-x;
}
.HPbanner #home-slider_wrapper{
	z-index: 11;
}

header:has(.whb-header-sticky){
	z-index: 100;
}

header .HPheader .header-main-desktop_main_right{
	align-self: flex-start;
  padding-top: 15px;
}
header .HPheader .site-title img{
	max-height: 120px;;
}

@media only screen and (max-width: 991px) {
  header.site-header {
    z-index: 100;
  }
	header .HPheader .site-title img{
		max-height: 80px;
	}
}

.flip img{
	transform: scaleX(-1);
}

.HPvideo .wpb_video_wrapper:before,
.HPvideo .wpb_video_wrapper:after {
  content: "";
  position: absolute;
  top:0;
  width:100%;
  height: 116%;
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (min-width:768px) {
.HPvideo .wpb_video_wrapper:before {
  left: -99%; 
	transform: scaleX(-1);
  background-image: url("img/side-decoration.png");
}

.HPvideo .wpb_video_wrapper:after {
  right: -99%; 
  background-image: url("img/side-decoration.png");
}
}

.HPvideo .wpb_wrapper:after{
 	content: "";
  position: absolute;
  top:0;
  width:100%;
  height:30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("img/bottom-decoration.png");
	top: 103%;
	transform:scaleX(1.1)
}

.leftFooterBlock h5{
	margin-top:0;
}

 h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
 .section-sub-title.text-uppercase {
    text-transform: capitalize !important;
}

.pdfs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #7b3500;
    color: white;
    padding: 5px 5px 5px 72px;
    position: relative;
    margin: 20px 0;
    text-decoration: none;
}

.pdfs a:after {
    content: "";
    background: url("img/pdf.png") top left no-repeat;
    position: absolute;
    width: 48px;
    height: 59px;
    top: -8px;
    left: 11px;
}
.pdfs a:hover {
    background-color: #a44d01;
	color: white;
}



header .header-wrapper .whb-header-sticky .header-main .header-item-wrapper{
	transition: all 0.3s ease-in-out;
}

header .site-title-wrapper .site-title{
	opacity: 0;
	transform: translateY(-20px);
	animation: fadeInTop 0.5s ease forwards;
}
header .site-title-wrapper .sticky-site-title{
	opacity: 0;
	transform: translateY(40px);
	animation: fadeInBottom 0.5s ease forwards;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeInTop {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInBottom {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 992px) {
    .site-header.header-above-content + .site-content .page-header.header-intro {
        padding-top: 6%;
    }
}
.page-header.header-intro {
    min-height: 200px;
	height:auto;
}
.page-header-breadcrumbs ul li a {
    color: #3f4348;
}
.page-header.breadcrumb-style-3 .page-header-breadcrumbs ul li.current-item .item-element {
	display: inline-block;
    max-width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.page-header .page-header-title .entry-title{
	padding: 15px 0;
}