/*

	Theme Name: Humpton Child

	Theme URI: http://humpton.clapat-themes.com/

	Description: Responsive Wordpress Theme

	Template: humpton

	Version: 1.0

	Author: You

	Author URI: http://your site

	License: Themeforest

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options

	Text Domain: humpton-child

*/





/*------------------------------------------------------------------



Add here your own styles

-------------------------------------------------------------------*/



#show-filters {

	display: none !important;

}

.text-10vw {

	font-size: 10vw;

	line-height: 12vw;

}.text-9vw {

	font-size: 9vw;

	line-height: 10vw;

}

@media only screen and (max-width: 767px) {

	.text-10vw {

		font-size: 16vw;

		line-height: 19vw;

	}.text-9vw {

		font-size: 14vw;

		line-height: 17vw;

	}

}

p {

	font-weight: 300;

	line-height: 150%;

}



.text-light {

	font-weight: 200;

}

.text-normal {

	font-weight: 400;

}



.overflow-hidden {

	overflow: hidden !important;

}



.hero-title {

	font-family:"Buttler Stencil";

	font-size: 7.5vw;

	line-height: 8.5vw;

	overflow: visible;

}



/* Tablet */

@media only screen and (max-width: 1024px) {

    .hero-title {

        font-size: 12vw;

		line-height: 14vw;

    }

	#hero.has-image #hero-caption .inner {

		vertical-align: top;

	}

	#hero.has-image .hero-title-wrapper {

		margin-top: 10vh;

	}

}



/* Mobile */

@media only screen and (max-width: 767px) {

    .hero-title {

        font-size: 14vw;

		line-height: 17vw;

    }

	#hero.has-image #hero-caption .inner {

		vertical-align: top;

	}

	#hero.has-image .hero-title-wrapper {

		margin-top: 10vh;

	}

}





article {

    pointer-events: visible;

}



.news-panel-title {

	color: #000000;

}

.entry-meta li a {

	color: #000000 !important;

}

.home .entry-meta {

	display: none;

}



.front-solution .entry-meta.entry-categories {

	display: none !important;

}

.fs-15 p {

	font-size: 1.5rem;

}

@media only screen and (max-width: 767px) {

	.fs-15 p {

		font-size: 1.25rem;

	}

}



.item-title {

	font-weight: 700;

}



footer nav li.menu-item a.hfe-menu-item {

	padding-bottom:0 !important;

	font-weight:400;

}

footer {

	background-color: rgb(23, 23, 23);

	pointer-events:all;

	height: auto;

	padding-bottom: 150px;

}

footer nav {

	pointer-events: all;

}

footer .copyright, footer a, footer .button-text, footer .socials-wrap, footer .button-icon, footer .socials li a {

	color: #fff;

}



.footer-menu-item nav {

	background-color: rgba(0,0,0,0 ) !important;

}

.footer-menu-item nav ul li a {

	padding: 20px 0 !important;

}



@media only screen and (max-width: 767px) { 

	footer {

		padding-bottom: 80px;

	}

}



.clear-bg nav {

	background-color: rgba(0,0,0,0) !important;

	pointer-events: auto;

}

.big-title {

	font-family:"Buttler Stencil" !important;

}

.butler-stencil {

	font-family: 'Buttler Stencil' !important;

}

.butler-stencil h1, 

.butler-stencil h2, 

.butler-stencil h3, 

.butler-stencil h4, 

.butler-stencil h5, 

.butler-stencil h6 {

	font-family: 'Buttler Stencil';

	line-height: 1.2em;

}

h1, h2, h3, h4, h5, h6 {

	line-height: 1.2em;

}

@media only screen and (max-width: 767px) {

	.butler-stencil h1, 

	.butler-stencil h2, 

	.butler-stencil h3, 

	.butler-stencil h4, 

	.butler-stencil h5, 

	.butler-stencil h6 {

		font-size:2.4rem;

	}

}

#hero.has-image #hero-caption {

	padding-top: 100px;

	min-height: 100vh;

}

#hero.has-image .hero-subtitle {

	top: 20vh;

}

@media only screen and (max-width: 1024px) {

	#hero.has-image .hero-subtitle {

		top: 12vh;

	}

}

@media only screen and (max-width: 767px) {

	#hero.has-image .hero-subtitle {

		top: 15vh;

	}

}

.light-section .sub-tag p {

	color: #909090;

	font-size: 1rem;

}

.card-solu p {

	font-size: 1rem;

	line-height: calc(1rem*1.4);

}

.card-solu h* {

	margin-bottom: 0;

}



/* team */

.team-caption {

	height: 20%;

	padding-top: 30px;

	background: rgb(23,23,23);

	background: linear-gradient(0deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);

}



@media only screen and (max-width: 767px) {

	.team-caption {

		padding-top: 0;

		height: auto;

	}

}



#project-nav .caption-wrapper {

	width: 100vw;

}

#project-nav .next-hero-title, 

#project-nav .next-hero-subtitle {

	opacity: 0;

}

#project-nav .next-hero-title {

	font-family: "Buttler Stencil", serif;

}



#project-nav .next-hero-subtitle {

	font-size: 14px;

}



.next-hero-progress {

	display: none !important;

}



.slowed-image-left img, .slowed-image-right img {

	filter: grayscale(60%) !important;

	filter: brightness(0.5) !important;

}



@media (min-width: 767px) {

    .elementor-element.content-row-elementor .elementor-element.content-row-elementor:first-child {

        padding-left: 10px;

    }

}



.portfolio-wrap {

	margin-top: 100px !important;

	margin-bottom: 100px !important;

}



.video-wrapper .control {

	display: none !important;

}