/* CUSTOM CSS for GEMPHIL */

/* PRESETS */
/* Margin All Sides */
.m-0    { margin: 0 !important; }
.m-1    { margin: 0.25rem !important; }
.m-2    { margin: 0.5rem !important; }
.m-3    { margin: 1rem !important; }
.m-4    { margin: 1.5rem !important; }
.m-5    { margin: 3rem !important; }
.m-auto { margin: auto !important; }

/* Margin Top */

.mt-0    { margin-top: 0 !important; }
.mt-1    { margin-top: 0.25rem !important; }
.mt-2    { margin-top: 0.5rem !important; }
.mt-3    { margin-top: 1rem !important; }
.mt-4    { margin-top: 1.5rem !important; }
.mt-5    { margin-top: 3rem !important; }
.mt-6    { margin-top: 4rem !important; }
.mt-auto { margin-top: auto !important; }

/* Margin Bottom */
.mb-0    { margin-bottom: 0 !important; }
.mb-1    { margin-bottom: 0.25rem !important; }
.mb-2    { margin-bottom: 0.5rem !important; }
.mb-3    { margin-bottom: 1rem !important; }
.mb-4    { margin-bottom: 1.5rem !important; }
.mb-5    { margin-bottom: 3rem !important; }
.mb-6    { margin-bottom: 4rem !important; }
.mb-auto { margin-bottom: auto !important; }

/* Margin Start (Left in LTR) */
.ms-0    { margin-left: 0 !important; }
.ms-1    { margin-left: 0.25rem !important; }
.ms-2    { margin-left: 0.5rem !important; }
.ms-3    { margin-left: 1rem !important; }
.ms-4    { margin-left: 1.5rem !important; }
.ms-5    { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

/* Margin End (Right in LTR) */
.me-0    { margin-right: 0 !important; }
.me-1    { margin-right: 0.25rem !important; }
.me-2    { margin-right: 0.5rem !important; }
.me-3    { margin-right: 1rem !important; }
.me-4    { margin-right: 1.5rem !important; }
.me-5    { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

/* Margin X (Left + Right) */
.mx-0    { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1    { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2    { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3    { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4    { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5    { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Margin Y (Top + Bottom) */
.my-0    { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1    { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2    { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3    { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4    { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5    { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Padding All Sides */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Padding Top */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Padding Start (Left in LTR) */
.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

/* Padding End (Right in LTR) */
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

/* Padding X (Left + Right) */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

/* Padding Y (Top + Bottom) */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.divider-top-2 {margin-top: 2em;}
.divider-top-4 {margin-top: 4em;}
.divider-top-6 {margin-top: 6em;}
.divider-top-8 {margin-top: 8em;}
.divider-top-10 {margin-top: 10em;}
.divider-top-12 {margin-top: 12em;}

.divider-bottom-2 {margin-bottom: 2em;}
.divider-bottom-4 {margin-bottom: 4em;}
.divider-bottom-6 {margin-bottom: 6em;}
.divider-bottom-8 {margin-bottom: 8em;}
.divider-bottom-10 {margin-bottom: 10em;}
.divider-bottom-12 {margin-bottom: 12em;}

.line-height-14 {line-height: 14px;}
.line-height-20 {line-height: 20px;}
.line-height-24 {line-height: 24px;}
.line-height-normal {line-height: normal;}


/* TEXT casing  */
.text-all-caps {text-transform: uppercase;}

/* TEXT COLORS  */

.text-green, .text-green a {color:#016605;}
.text-dark, .text-dark a {color:#484848;}
.text-white, .text-white a, .text-light, .text-light a {color:#016605;}
.text-yellow, .text-yellow a {color:#f7c20a;}


/* BOOTSTRAP overrides */

body {
    font-size: 18px !important;
    line-height: 2 !important;
}

	@media (min-width: 1200px) {
		.container {
			width: 1400px !important;
		}
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #484848;
}



/* 5 columns on large screens */
@media (min-width: 1300px) {
  .col-lg-5ths {
    width: 20%;
    /*float: left;*/
  }
}

/* Optional spacing */
.col-lg-5ths,
.col-md-4,
.col-sm-6 {
  padding: 10px;
}




/* FONT overrides */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
.gavias_sliderlayer .slide-style-1, #gavias_slider_single .slide-style-1, 
.gavias_sliderlayer .slide-style-4, #gavias_slider_single .slide-style-2, 
.gavias_sliderlayer .slide-style-4, #gavias_slider_single .slide-style-3,  
.gavias_sliderlayer .slide-style-4, #gavias_slider_single .slide-style-4, 
.gavias_sliderlayer .btn-slide, .gavias_sliderlayer .btn-slide-white, #gavias_slider_single .btn-slide, #gavias_slider_single .btn-slide-white {
    font-family: "Open Sans", sans-serif !important;
}



/* HEADER overrides */

header .header-main {
    padding: 12px 0;
}
header.header-v1 {
    position: relative;
    background: #fff;
    margin-top: 1px;
    z-index: 88;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
header.header-v1 .sticky-wrapper {
    background: #ffffff;
}

header.header-v1 .header-inner {
    padding-right: 48px;
}
header .site-branding-logo {
    padding: 24px 0 16px;
}
header .area-main-menu .gva-search-region {
    top: 46%;
    margin-top: -13px;
}
header .area-main-menu .gva-search-region .search-content {
    width: 305px;
    top: 88px;
    right: 0;
    margin-top: -1px;
    padding: 20px;
}
header .area-main-menu .gva-search-region .icon {
    font-size: 18px;
}
#search-block-form input.form-submit {
    font-size: 14px;
	height: 35px;
    padding-left: 18px;
    padding-right: 18px;
}


/* MENU overrides */

	@media (min-width: 992px) and (max-width: 1200px) {
		header .area-main-menu .navigation ul.gva_menu {
			margin-top: -16px;
		}
		header.header-v1 .header-inner {
			padding-right: 30px;
		}
		.navigation .gva_menu > li > a {
			/*font-size: 18px;
			padding: 20px 14px;*/
			font-size: 15px;
        	padding: 20px 8px;
		}
		header .area-main-menu .gva-search-region {
			top: 22%;
    		margin-top: 0;
		}
	}

	@media (min-width: 1201px) and (max-width: 1400px) {
		.navigation .gva_menu > li > a {
			font-size: 16px;
        	padding: 20px 8px;
		}
	}

/* SLIDESHOW SLIDER overrides 
temporarily hide all text from slides*/


.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
			display: none;
}


.tp-caption.text.slide-heading {
    background: green;
    padding: 8px 28px !important;
    font-size: 42px !important;
    text-transform: none;
    line-height: normal !important;
			display: none;
}

.tp-caption.text.text-center.slide-style-4.skrollable.skrollable-between, .tp-caption.text.slide-style-4.skrollable.skrollable-between {
    letter-spacing: 0 !important;
	text-transform: capitalize; 
			display: none;
}

.gavias_sliderlayer .btn-slide.inner, .gavias_sliderlayer .btn-slide a, .gavias_sliderlayer .btn-slide-white.inner, .gavias_sliderlayer .btn-slide-white a, #gavias_slider_single .btn-slide.inner, #gavias_slider_single .btn-slide a, #gavias_slider_single .btn-slide-white.inner, #gavias_slider_single .btn-slide-white a, 

.gavias_sliderlayer .btn-slide, .gavias_sliderlayer .btn-slide-white, #gavias_slider_single .btn-slide, #gavias_slider_single .btn-slide-white {
	border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;	
			display: none;
}


/* REGION and NODE overrides */

.page-node-132 .content-main-inner {
    margin-top: 88px;
}

article.node {
    margin-bottom: 4em;
}



/* HEADINGS and TITLE overrides */

.field-content.title.job-vacancy a {color: #016605;}

.h2-item-title {font-size: 30px;}

h5, .h5 {font-size: 18px;}

.breadcrumb-content-inner .gva-breadcrumb-content .page-title {
    text-transform: inherit;
}

.widget.gsc-heading .title {
    margin: 0;
    padding-bottom: 28px;
    line-height: 42px;
}
.widget.gsc-heading .sub-title {
    /*  font-size: 16px */
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}
.widget.gsc-call-to-action.button-bottom .title {
    font-weight: 700;
}

h2.block-title.text-white:after {
    background: #ffffff;
}






/* SIDEBAR overrides */

.sidebar-inner .content.block-content .post-style-list {
    margin-bottom: 0;
}
.sidebar-inner .content.block-content .post-style-list li.view-list-item {
    padding: 0 0 18px;
    border-bottom: solid thin #dedede;
}

.sidebar-colored ul li.menu-item--active-trail > a {
    color: #ffffff !important;
}

.company-presentation {
    /*background: #FFC107;*/
    color: #484848;
    padding: 30px;
    background: linear-gradient(180deg, #ffc107 0%, #fbd404 100%);
}
.contact-link {
    background: linear-gradient(180deg,rgba(0, 87, 3, 1) 0%, rgba(1, 102, 5, 0.89) 100%);
    color: #fff;
    padding: 30px;
}



/* ABOUT/COMPANY */

/*.hero-company-text .column-content-inner {
    padding: 1.82em 2em;
    max-width: 52em;
    margin: auto;
    max-height: 520px;
}
	@media (min-width: 1920px) {
		.hero-company-text .column-content-inner {
			padding: 1.44em 2em;
		}
	}

.hero-company-slide .image {
    height: 486px;
}*/


.hero-company-slide-text .row-wrapper.clearfix {
    /*display: flex;*/
}

/* === Base CSS for equal-height columns and responsive video === */
.hero-company-slide,
.hero-company-text {
    display: flex;
    flex-direction: column;
}

.hero-company-slide .column-inner,
.hero-company-text .column-inner {
    display: flex;
    flex-direction: column;
    flex: 1; /* stretch to match sibling */
}

.hero-company-slide .video-responsive-container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 55vh !important; /* default for most screens */
}

.hero-company-slide .video-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fill container nicely */
}

	/* === Media Queries for desktop adjustments === */
	
	/* Medium desktop 1441px to 1679px */
	@media (min-width: 1441px) and (max-width: 1679px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 58vh !important;
		}
	}
	
	/* Large desktop 1680px to 1919px */
	@media (min-width: 1680px) and (max-width: 1919px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 48vh !important;
		}
	}
	
	/* Extra large desktop 1920px */
	@media (min-width: 1920px) and (max-width: 1920px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 55.8vh !important;
		}
	}
	
	/* Ultra large desktop 1921px and above */
	@media (min-width: 1921px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 70vh !important;
		}
	}


	/* === Media Queries for mobile and tablet === */
	
	/* Small mobile phones up to 360px */
	@media (max-width: 360px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 32vh !important;
		}
	}
	
	/* Standard mobile phones 361px to 480px */
	@media (min-width: 361px) and (max-width: 480px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 26vh !important;
		}
	}
	
	/* Large phones and small tablets 481px to 767px */
	@media (min-width: 481px) and (max-width: 767px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 36vh !important;
		}
	}
	
	/* Small tablets / large phones landscape 768px to 834px */
	@media (min-width: 768px) and (max-width: 834px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 48vh !important;
		}
	}
	
	/* Standard tablets portrait 835px to 912px */
	@media (min-width: 835px) and (max-width: 912px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 62vh !important;
		}
	}
	
	/* Large tablets portrait / iPad Pro 913px to 1023px */
	@media (min-width: 913px) and (max-width: 1023px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 62vh !important;
		}
	}
	
	
	/* Tablets landscape / small laptops 1024px to 1440px */
	@media (min-width: 1024px) and (max-width: 1440px) {
		.hero-company-slide .video-responsive-container {
			padding-bottom: 68vh !important;
		}
	}



/* Make text column a flex container and stretch */
.hero-company-text .column-inner {
    display: flex;
    flex-direction: column;
    flex: 1;               /* stretch to match video */
}

/* Stretch inner content and center vertically */
.hero-company-text .column-content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical center */
    flex: 1;
}



/* Fix GB Rows HOMEPAGE */

.gbb-row-sliders-home {
    z-index: 2;
    position: relative;
}
.gbb-row-services-banners {
    z-index: 2;
    position: relative;
}
.gbb-row-home-gemphil-heading.gbb-row.bg-size-cover {
    z-index: 1;
    position: relative;
}



/* GLOBAL PAGE BANNERS  */

.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
    padding: 8em 0 8em !important;
    margin-bottom: 98px;
	background-size: cover;
}



/* SERVICES and PRODUCTS overrides */

.service-block.v1 .service-content .service-body h3 {
    font-weight: 700;
    font-size: 22px;
    color: #087711;
}

.widget.gsc-call-to-action.container.cta-what-we-manufacture.button-bottom.text-dark {
    max-width: 88%;
    float: left;
}

.service-block.v2 .service-image .counter {
    font-size: 18px;
    background: #016605;
}
.service-title h3 {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: none;
    /* line-height: 42px; */
}

.service-block.v1 .service-image .service-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}
.service-block.v1 .service-image .service-title:after {
    height: 4px;
    background: #f7c20a;
}

.service-block.v1 .service-content {
    padding: 8px 8px;
	height: 12em;
}
.service-block.v2 .service-content {
    padding: 8px 30px;
    height: 6em;
    text-align: center;
}

	@media (min-width: 1920px) {
		.service-block.v2 .service-content {
			padding: 8px 30px;
			height: 5em;
		}
	}
	@media (min-width: 1680px) {
		.service-block.v1 .service-content {
			padding: 8px;
			height: 12em;
		}
	}


.service-block img {
    margin: auto;
    display: block;
}

.service-block.v1 .service-content .counter, 
.service-block.v2 .service-image .counter {
	display: none;
}
.service-block.v1 .service-content .service-body {
	padding-left: 0;
		height: 8em;
}


.portfolio-item.v1 .content-inner .title a, 
.portfolio-item.v1 .content-inner .title {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 40px;
    font-weight: 600;
}
.portfolio-item.v1 .content-inner .category a, 
.portfolio-item.v1 .content-inner .category {
    color: #f7c20a;
    /*  font-size: 16px */
	font-size: 18px;
    letter-spacing: 1px;
}


.views-field-image-wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.product-item-wrapper {
	position: relative;
    overflow: hidden;
}


.product-title-grid-block {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0 1px;
    background: rgba(0,0,0,0.55);

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 90px;
	border: solid 1px #ffffff;
}
.product-title-grid-block h3 {
	/*  font-size: 16px */
	font-size: 18px;
    margin: 0;
    color: #fff;
    line-height: 1.38;

    min-height: 42px;
	
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.custom-caption-overlay {
	position: static;
    background: #036605;
}
.custom-caption-overlay a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    display: block;
    cursor: pointer;
}
.custom-caption-overlay:hover {background: #f7c20a;}

.custom-caption-overlay a:hover {color: inherit;}


	/* Ultra-wide screens (4K and above) */

	@media (max-width: 2560px) {
		.custom-caption-overlay {
		    padding: 3px;
		    margin: 0;
		}
	}


	
	/* Very large desktops */
	@media (max-width: 1920px) {
	}
	
	/* Large desktops */

	@media (max-width: 1680px) {
		.custom-caption-overlay {
		    padding: 3px;
		    margin: 0;
		}
	}
	
	/* Standard desktops */
	@media (max-width: 1440px) {
	}
	
	/* Small desktops / large laptops */
	@media (max-width: 1024px) {
	}
	
	/* Tablets */
	@media (max-width: 768px) {
	}
	
	/* Large phones */
	@media (max-width: 576px) {
	}
	
	/* Small phones */
	@media (max-width: 360px) {
	}



/* PRODUCTS */

.grid-product-item {
    background: #ffffff;
}
.grid-product-title h3 {
    font-size: 18px;
}
	@media screen and (min-width: 1024px) and (max-width: 1900px) {
		.grid-product-title h3 {
			height: 2.5em;
		}
	}

.grid-product-title.view-pdf {
    background: #016605;
    padding: 4px;
}
.grid-product-title.view-pdf a {
    color: #ffffff;
}
.grid-product-title.view-pdf:hover {
    text-decoration: inherit;
    background: #f7c20a;
}
.grid-product-title.view-pdf:hover a {
    color: #484848;
}



/* PRODUCTS FILTER Views Grouped Filters */



.views-exposed-form .bef-links li {
    list-style: none;
}

.views-exposed-form .bef-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.views-exposed-form .bef-links {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 25px;
}

.views-exposed-form .bef-links a {
    display: block;
    padding: 12px 20px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-right: 5px;
    font-size: 14px;
    transition: all 0.2s ease;
}





/* PRODUCTS FILTER overrides */

.gsc-tab-views.style-1 ul.nav-tabs > li {
    padding: 8px 8px;
    width: 280px;
}
.gsc-tab-views.style-1 ul.nav-tabs > li > a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    background: #016605;
}
.gsc-tab-views.style-1 ul.nav-tabs > li.active a, .gsc-tab-views.style-1 ul.nav-tabs > li:hover a, .gsc-tab-views.style-1 ul.nav-tabs > li:focus a, .gsc-tab-views.style-1 ul.nav-tabs > li:active a {
    color: #484848;
    text-decoration: inherit;
    background: #f7c20a;
}

.portfolio-filter ul.nav-tabs {
    display: inline-block;
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    background: #333333;
}
.portfolio-filter ul.nav-tabs > li {
    display: inline-block;
    float: none;
    padding: 0 20px;
    position: relative;
}
.portfolio-filter ul.nav-tabs > li:after, 
.portfolio-filter ul.nav-tabs > li:before {
    content: "";
    width: 2px;
    height: 18px;
    background: rgb(255 255 255 / 65%);
    position: absolute;
    right: 0;
    z-index: 1;
}
.portfolio-filter ul.nav-tabs > li > a {
    color: #ffffff !important;
    /*  font-size: 16px */
	font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    background: none;
}
.portfolio-filter ul.nav-tabs > li > a:hover, 
.portfolio-filter ul.nav-tabs > li > a:focus, 
.portfolio-filter ul.nav-tabs > li > a:active {
    color: #f7c20a !important;
}



/* SERVICES and PRODUCTS Popup modal - PAGE version*/

.page-node-type-page .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .views-field-title {
    display: none;
}
.page-node-type-page .ui-widget-header {
    border: none;
    background: none;
}
.page-node-type-page .ui-dialog .ui-dialog-title {
    display: none;
}
.page-node-type-page  .ui-dialog.ui-corner-all {
    border-radius: 0;
}




/* SERVICES and PRODUCTS Popup modal - BLOCK, disabled/backup */

/* Center Drupal AJAX modal vertically and horizontally */
.ui-dialog {
  margin: 0 auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 90%;
  width: auto !important;
  box-sizing: border-box;
}

/* Ensure modal content scrolls on smaller screens */
.ui-dialog .ui-dialog-content {
  max-height: 80vh; /* 80% of viewport height */
  overflow-y: auto;
}

/* Make modal wider on small screens (mobile) */
	@media (max-width: 600px) {
	  .ui-dialog {
		width: 95% !important;    /* nearly full-screen */
		max-width: 95% !important;
	  }
	}

.ui-widget-overlay {
    background: #000000 /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/ !important;
    opacity: 0.6/*{opacityOverlay}*/ !important;
}
.ui-widget-content {
    color: #333333;
    text-align: center;
}



/* NEWS Custom and Overrides */

.page-node-type-article .node--view-mode-full .post-title {
    margin-top: 10px;
    font-size: 30px;
    margin-bottom: 18px;
    color: #016605;
}

.page-node-type-article .node--view-mode-full .post-thumbnail img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 50px;
    width: 98%;
    margin-top: 18px;
}


.post-list-v2 .post-block .post-content {
    padding-bottom: 40px;
    border-bottom: solid thin #dedede;
}
	@media (max-width: 767px) {
		.post-list-v2 .post-block .post-content .content-inner .view-node {
			display: inherit;
			margin-top: 12px;
		}
	}

.sidebar-inner .post-style-list.small .post-title a {
    font-size: 18px;
    margin-top: -5px;
    line-height: 28px;
}
.sidebar-inner .post-style-list .post-block .post-image img {
    padding: 0 !important;
    margin-top: 8px;
}





/* CLIENTS, PARTNERS Overrides */

.clients-partners-logos-block .views-row {margin-bottom: 0;}

.exclusive-distributors .widget.gsc-image {
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: auto;
}




/* BRANCHES */

.branches .gsc-column.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    margin-bottom: 80px;
	height: 48em;
}
.branches img {
    width: 100%;
    margin-right: 30px;
	margin-bottom: 30px;
}
.branches .gsc-box-info .title {
    clear: both;
}



/* BUTTON overrides */

.btn, .btn-white, .btn-theme, .btn-flat, .view-node a {
    font-size: 16px;
    width: 200px;
    margin: 1em 0;
	text-align: center;
}

.btn-green {
    background: #016605;
    color: #222;
    border-color: #fff;
}



/* HYPERLINKS LINKS overrides */

.views-field-body a, 
.gbb-row-wrapper .content a {
    color: #016605;
}

.gbb-row-wrapper .content a:hover, 
.gbb-row-wrapper .content a:focus, 
.views-field-body a:hover {
	text-decoration:underline;
}



/* CERTIFICATIONS, MEMBERSHIPS, COMPLIANCE */

.block-certification-membership .views-view-responsive-grid__item {
    margin: 4px;
}

.seipi-logo-cropped-block .gsc-image-content .image {margin-bottom: 24px;}
.seipi-logo-cropped-block img {padding: 0 12rem 2rem;}



/* PRODUCT APPLICATIONS */





/* CAREERS, JOB VACANCIES */

.page-node-73 .breadcrumb-style, 
.page-node-type-job_vacancy .breadcrumb-style {
    background-image: url('/sites/default/files/page-headers/page-header-gemphil-facility-latest-green-light.jpg') !important;
    background-position: center center !important;
    padding: 8em 0 8em !important;
}
.page-node-73 .breadcrumb-content-inner .gva-breadcrumb-content .page-title, 
.page-node-type-job_vacancy .breadcrumb-content-inner .gva-breadcrumb-content .page-title {
	color: #f7c20a !important;
}
.page-node-73 .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a, 
.page-node-73 .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li, 
.page-node-type-job_vacancy .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a, 
.page-node-type-job_vacancy .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li {
    color: #ffffff !important;
}


/* PAGE and BLOCKS spacing custom */

.content.block-content .post-style-list {
    margin-bottom: 100px;
}
.content.block-content .post-style-list li.view-list-item {
    padding: 0 0 38px;
    border-bottom: solid thin #dedede;
}
.content.block-content .post-style-list .post-block .post-image img {
    padding: 14px;
}

.block-views-job-vacancy {
    margin-top: -88px !important;
    margin-bottom: 133px;
}
.block-product-applications-grid {
    margin-top: -22px;
    margin-bottom: 30px;
}
.block-cta-products-what-we-manufacture {
    margin-bottom: 40px;
}
.block-text-trusted-by-international {
    padding-top: 68px;
}




/* CONTACT FORM Overrides */

.special-margin-top {margin-top: 0 !important;}

.gsc-box-info.text-light {
    color: rgb(255 255 255 / 88%);
}




/* SOCIALS Custom */

.topbar i {
    color: #087613;
}
.topbar i:hover {
    color: #606060;
}

ul.inline.footer-social {
    padding-left: 0;
}
ul.inline.footer-social li {
    list-style: none;
    margin-left: 0;
    margin-right: 32px;
}
ul.inline.footer-social .fa {
	font-size: 30px;
    margin-top: 6px;
}



/* OWL CAROUSEL overrides */

.views-element-container .owl-carousel.owl-loaded {
    margin: auto;
}




/* ACCORDION overrides */

.gsc-accordion .panel-group.skin-white-border .panel {
    padding: 8px 0 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 18px !important;
}

.panel-heading .panel-title > a {
    font-size: 24px !important;
    line-height: 38px !important;
}
.gsc-accordion .panel-group.skin-white-border {
    border: none;
    padding: 34px 0;
}





/* IFRAME overrides */

iframe {
    margin-bottom: -18px;
}


/* BOX SHADOW */

.box-shadow-82-mac {box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;}




/* FOOTER overrides */

.footer {
	margin-top: -70px;
    padding: 40px 0 50px;
    /*  font-size: 16px */
	font-size: 18px;
    color: #FFFFFF;
    background: linear-gradient(180deg,rgba(0, 87, 3, 1) 0%, rgba(1, 102, 5, 0.89) 100%);
}

.footer a {color: #ffffff;}

.footer a:hover {color: #f7c20a !important;}

.footer-first.col-lg-6 {margin-right: 4em;}

.footer .contact-info img {
    margin-bottom: 12px;
}

.copyright {
    background: transparent;
    margin-top: 20px;
}




/* SCROLL BACK TO TOP overrides */
#scrollTopButton-image {
    bottom: 6em;
    right: 16px;
    width: 38px;
    height: 38px;
}

/* ADMIN BACKEND overrides */

.logged-in .gavias-blockbuilder-content .link-edit-blockbuider,
.logged-in a.link-edit-blockbuider {
    top: 450px !important;
	    position: fixed !important;
		z-index: 999999 !important;
}




/* CAPTCHA and RECAPTCHA overrides */

@media (max-width: 480px) {
	.grecaptcha-badge {display: none !important;}
}









/* DESKTOP DISPLAYS */


@media (min-width: 1420px) {
	.block-views-blockbanner-block-1 img {
	    padding: 8px 20px;
	}
}





/* TABLET, MOBILE, SMALL DEVICES */


@media (min-width: 992px) {

	.navigation .gva_menu .sub-menu {
	    right: 0 !important;
		left: -244px;
	}
}


@media (max-width: 991px) {

	header.header-v1 .header-inner {
	    padding-right: 2px;
	}
    header .area-main-menu .gva-search-region {
        margin-top: -10px;
        top: 30px;
        right: 64px;
    }

    .menu-bar {
	    height: 32px;
	    width: 36px;
	    margin-top: 2rem;
	    top: -7px;
	}

	.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
	    line-height: 40px;
	    /*  font-size: 16px */
		font-size: 18px;
	    text-transform: uppercase;
	    font-weight: 700;
	    text-transform: uppercase;
	    color: #383838 !important;
	}

	.gva-offcanvas-mobile .block {
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 20px 30px;
	}

	.gva-offcanvas-mobile .close-offcanvas {
	    text-align: center;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 15px 0;
	    color: #383838;
	}


	.gbb-row-home-gemphil-heading.gbb-row.bg-size-cover {
	    padding-right: 56px;
	}

	.gbb-row .bb-inner {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}

}


@media (max-width: 820px) { 

	.block-cta-products-what-we-manufacture {text-align: center;}

	.widget.gsc-call-to-action.container.cta-what-we-manufacture.button-bottom.text-dark {
	    max-width: 95%;
        margin-left: 20px;
        margin-right: 20px;
	}

	.widget.gsc-heading {padding: 0 14px 30px;}

}


@media screen and (min-width: 768px) and (max-width: 820px) {
	.contact-form-inner {
		padding: 3em 0 1em;
	}
}


@media (min-width: 768px) { 

	/*.container {
	    width: 720px;
	}*/

}


@media (max-width: 480px) { 

	.hero-company-text .column-inner {padding: 2em 0;}

	.gsc-tab-views.style-1 ul.nav-tabs > li {
		display: inline-block;
		float: none;
		padding: 5px 10px;
		position: relative;
		width: 100%;
	}

	.block-certification-membership .views-view-responsive-grid, 
	.block-views-blockbanner-block-1 .views-view-responsive-grid  {
	    --views-responsive-grid--column-count: 2 !important;
	}

	.seipi-logo-cropped-block {
	    margin-bottom: 3em !important;
	}
	.seipi-logo-cropped-block .gsc-image-content .content {
		padding-right: 0;
	}
	.seipi-logo-cropped-block .gsc-image-content .image {
		margin-bottom: 0;
		margin-right: 0;
	}
	.seipi-logo-cropped-block img {
	    padding: 0 9rem 2rem;
	}

	.block-text-trusted-by-international {
	    padding-top: 58px;
	    padding-bottom: 1em;
	    background: #f0f0f0;
	}

	.block-text-trusted-by-international .title {
	    text-align: center;
	}

	.block-partners-clients {
	    padding: 1em 1em 0;
	}
	.banner-grid.clients-partners-logos-block img {
	    padding-top: 14px;
	    padding-bottom: 14px;
	}
	
	.block-certification-membership img {
	    padding: 4px;
	}
	
	.branches .gsc-column.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
		margin-bottom: 0;
        height: auto;
        border-top: solid thin #f0f0f0;
        padding-top: 14px;
	}
	.branches .gsc-box-info {
	    margin-top: 0;
	}
	.branches .gsc-image-content .image {
	    margin-right: auto;
	}
	
	article.node {
		margin-bottom: 0;
	}

	.footer {
	    margin-top: 0;
	}

}




/* PRODUCTS FILTERS, Mobile */


@media (max-width: 820px) {
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
	.portfolio-filter ul.nav-tabs > li {
	    display: flex;
	    padding: 0px 20px;
	    width: 100%;
	}
	.portfolio-filter ul.nav-tabs {
	    width: 100%;
	    padding: 2em 0;
	}
	.block-view-products-filter img {
	    padding: 3rem 2rem 1rem;
	}
	.custom-caption-overlay {
	    top: 2rem;
	}
	.block-views-job-vacancy, 
	.block-product-applications-grid {
		margin-top: -48px !important;
	}
	.content.block-content .post-style-list {
	    margin-bottom: 42px;
	}
	.sidebar .block {
	    margin-bottom: 60px;
	}

}


@media (max-width: 360px) {
	.custom-caption-overlay {
		top: 5rem;
	}
	.service-block.v1 .service-content {
	    padding: 8px;
	    height: 20rem;
	}
}

@media (max-width: 320px) {
    .custom-caption-overlay {
	    top: 6rem;
	}
}


/* USER, LOGIN */

#user-login-form, #user-register-form, #user-pass {
    margin-bottom: 140px;
}
.messages.messages--status {
    padding: 2em;
}