/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/*Header*/
#site-header.fixed.shrink,
#site-header-wrapper.site-header-wrapper-transparent
{background-color: #fff !important;}
.top-area-contacts::before {
	 background-image: url('/wp-content/uploads/2021/09/155-1554611_oshas-voluntary-protection-programs-recognize-and-osha-vpp-1.png');
    background-size: contain;
	left: -10%;
	top: -5px;
	background-repeat: no-repeat;
    display: inline-block;
	position: absolute;
    width: 100%; 
    height: 35px;
    content:"";}

/*Home*/
.h_sec1 {min-height: 600px;}
.h_sec1_title {text-shadow: 3px 3px 3px rgba(0,0,0,0.7); text-transform: uppercase;}
.h_sec1_subtitle {text-shadow: 3px 3px 3px rgba(0,0,0,0.7); text-transform: uppercase; font-style: italic !important;}
.h_sec2 {min-height: 500px !important;}
.h_sec2_title {text-shadow: 3px 3px 3px rgba(0,0,0,0.7); transition: transform .3s;}
.h_sec2_title:hover {transform: scale(.90)}
.mid_sep {border-left: 5px solid #fff; border-right: 5px solid #fff;}
.h_sec4 .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle {background: linear-gradient(to bottom right, rgba(35, 31, 32,0.75) 0%,rgba(0, 0, 0,0.75) 100%) !important;}

@media (max-width: 767px) {
	.mid_sep {border-left: none !important; border-right: none !Important;}
	.h_sec2 {min-height: 300px !important;}
	.h_sec1_title {font-size: 42px !important; line-height: 1 !important;}
	.mobile-btn-adj {margin-top: -30px !important; padding-bottom: 25px !important;}
	.project-title {margin: auto; text-align: center;}
	#page-title {padding-top: 20px !important; padding-bottom: 20px !important;}
}


/*Footer*/
#colophon .widget_nav_menu > div > ul li {border-top: none !important;}
.widget_nav_menu > div > ul {border-left: none !important; border-right: none !important; border-bottom: none !important;}
.widget_nav_menu > div > ul > li > a {font-family: 'Roboto' !important; text-transform: capitalize !important; font-weight: 400 !important;}
#colophon .widget_nav_menu ul.menu li > a {padding: 4px 12px 12px 0px !important;}
#colophon {padding: 40px 0 5px !important;}
.site-footer .widget-title {margin-bottom: 10px !important;}


/*Interior Page*/
.page-title-title h1 {font-size: 25px !important;}
.portfolio-filters a {border-radius: 3px !important;}
.portfolio.background-style-dark .portfolio-item:not(:hover) .wrap > .caption {background-color: #231F20 !important;}
.portfolio.background-style-dark .portfolio-item:not(:hover) .wrap > .caption .caption-sizable-content:after {
    box-shadow: 0 0 30px 45px #000 !important;
}
.caption-separator-line{display: none !important;}
.portfolio-icons {display: none !important;}
.hover-vertical-sliding .portfolio-item .image .links .caption .title {opacity: 1 !important;}
.verbiage_list li:before {background-color: #fff !important;}
.project-btn {background-color: #fff; color: #aa182c; padding: 10px 20px; display: inline; font-weight: 700; border: 2px solid #fff;}
.mobile_pic_adj {flex-direction: row; display: flex;}
.services-picture {min-height: 452px !important;}

@media (max-width: 767px) {
	.mobile_pic_adj {flex-wrap: wrap-reverse !important;}
    .services-picture {min-height: 355px !important; margin-bottom: -43px;}
	.mobile-top-adj {margin-top: -48px !important;}
}

.post-meta-right {float: left !important;}
.post-meta-navigation {margin-top: 10px;}
.single-post-meta .post-meta-right, .post-meta-navigation {margin-left: 0px !important;}
.thegem_pf_item .post-meta-navigation a {color: #aa182c !important; font-size: 30px !important;}


/*Contact Page*/
#cf7_cp_dropdown {background-color: #f4f6f7; height: 46px; padding-left: 20px;}
#cf7_cp_btn {display: block; width: auto; margin: auto; background-color: #00AFAA;}

/*Safety Page*/

.vpp-back-mob {margin: auto 16%;}

@media (max-width: 767px) {
		.mobile-pic-adj {margin-top: 25px !important;}
	.vpp-title-mob {font-size: 22px !important;; line-height: 1 !important;; text-align: center !important;}
	.vpp-back-mob {margin: auto 0px;}
}
}

/*About*/
.about-title-mob-adj {margin-top: 0px !important;}
@media (max-width: 767px) {
		.about-title-mob-adj {margin-top: -50px !important;}
}

.scroll-top-button {
	font-size: 0;
}