/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.9.5
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/


@font-face {
  font-family: 'AileronThin';
  src: url('fonts/Aileron-Thin-webfont.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AileronLight';
  src: url('fonts/Aileron-Light-webfont.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'headlinesbig';
  src: url('fonts/headlinesbig.woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Roboto-Condensed-Regular.woff2') format('woff2'); 
  src: url('/fonts/RobotoCondensed-VariableFont_wght.ttf'); 
  src: url('/fonts/RobotoCondensed-Regular.ttf');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans_Condensed-Regular.ttf');
}

p, body, ul, li, .job_wrapper_main_text{
	font-family: 'AileronThin' !important;
	font-size: 14pt  !important;
}
.ews-home-main-buttons .bklyn-btn.bklyn-btn-normal {
    font-family: 'headlinesbig' !important;
}
h2 {
    font-size: 30px !important;
}
h3{
	font-family: 'AileronLight' !important;
}
p, body,h1,h2,h3,li,ul,a{ font-weight: normal !important }
h1,h2,.hw-banner-section figure.ut-fancy-image h1 {
    font-family: 'Merriweather' !important;
}
.ut-post-thumbnail .entry-thumbnail img{ -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } 

/* Header */
.admin-bar #header-section.ut-header-floating { margin-top: 0 !important }

/*#header-section{ background-color: transparent } */

#ut-header-placeholder{ display: none !important }

.header-active{ background-color: #ffffff !important }

.nobanner{ 
	background-color: #ffffff !important;     
	border-bottom: 1px solid #DDDDDD !important; 
	-webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10) !important;
}

#header-section .sub-menu a{ text-transform: none !important }

.rev-video-section{ width: 100% !important }

	/* Desktop */
	
	@media screen and (min-width: 1024px) {
		
		#header-section a { color: #ffffff !important }
		
		#header-section #navigation.ut-horizontal-navigation ul.sub-menu li > a{ color: #151515 !important }
		
		#header-section.ha-transparent .ut-horizontal-navigation .sub-menu{ background: #fff !important }

		.header-active #navigation.ut-horizontal-navigation a{ color: #000 !important }

		#header-section a:hover, #header-section #navigation.ut-horizontal-navigation ul.sub-menu li > a:hover{ color: #2176b2 !important }
		
		.nobanner #navigation a { color: #151515 !important }
		
	}
	
	/* Mobile */
	@media screen and (max-width: 766px) {
	
		#header-section .sub-menu a{ color: #151515 !important }
				
	}
	
	@media  screen and (max-width: 1024px){
		#header-section #ut-mobile-menu a,
		#header-section .sub-menu a{ text-transform: none !important }
	}


/*** Homepage Banner ***/

.wpb_wrapper .ut-fancy-image-wrap { margin-bottom: 0 !important }

figure.ut-fancy-image figcaption{ text-align: left; -ms-flex-align: normal !important; -webkit-box-align: normal !important; align-items: normal !important;  }

figure.ut-fancy-image h1{ padding-left: calc((100% - 1200px)/2 + 25px) !important; color: #fff; font-size: 25px !important }

figure.ut-fancy-image p{ padding-left: calc((100% - 1200px)/2 + 25px) !important }

/*figure.ut-fancy-image img { max-height: 600px !important }*/

figure.ut-fancy-image figcaption::before, figure.ut-fancy-image figcaption::after{ border: none !important }

figure.ut-fancy-image p { opacity: 1 !important }

figure.ut-fancy-image figcaption::before,
figure.ut-fancy-image figcaption::after{ -webkit-transform: none !important; -ms-transform: none !important; transform: none !important }

.ut-fancy-image{ pointer-events: none !important }

figure.ut-fancy-image p { white-space: revert !important; -webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0) !important }

figure.ut-fancy-image img { width: 100% !important }


	/* Desktop */
	@media screen and (min-width: 767px) {
		
		figure.ut-fancy-image h1{ font-size: 40px !important }

		figure.ut-fancy-image p{ font-size: 20px !important }	
		
		.single_job_listing{ padding-top: 25px }
		
		.job_filters{ margin-bottom: 20px }
		
	}
	
	/* Tablet */
	@media (min-width: 768px) and (max-width: 1024px){
		
		figure.ut-fancy-image p { margin-top: 0 !important }
		
		.ut-fancy-image, figure.ut-fancy-image img{ min-height: 392px !important; object-fit: cover !important }
		
	}
		
	/* Mobile */
	@media  screen and (max-width: 766px){
		
		figure.ut-fancy-image h1{ font-size: 18px !important }
		
		figure.ut-fancy-image p { line-height: 15px; font-size: 12px !important; -o-text-overflow: initial !important; text-overflow: initial !important; overflow: visible !important }
		
		.ut-fancy-image, figure.ut-fancy-image img{ min-height: 392px !important; object-fit: cover !important }
		
		.ut-btn-group .bklyn-btn-holder.bklyn-btn-first .bklyn-btn { margin-bottom: 2px !important }
		.ut-btn-group .bklyn-btn-holder.bklyn-btn-last .bklyn-btn { margin-bottom: 30px !important }
		
		.vc_section { padding-top: 0 !important }
		
		.wpb_content_element{ margin-top: 20px !important }
		
	}
	
	@media (max-width: 320px){
		figure.ut-fancy-image p {
			-webkit-transform: translate3d(0,30px,0) !important;
			transform: translate3d(0,30px,0) !important;
		}
	}
	
	figure.ut-fancy-image h1 { -webkit-transform: translate3d(0,25px,0) !important; transform: translate3d(0,25px,0) !important }
	

/*** Homepage main buttons ***/

.ews-home-main-buttons-section{ margin-top: -10px }

.ews-home-main-buttons .ut-btn-group.ut-btn-group-center>.bklyn-btn-holder{ margin-right: 0 !important }

	/* Desktop */
	@media screen and (min-width: 767px) {
		
		.ews-home-main-buttons .bklyn-btn-holder{ width: calc(50% - 2px); margin-right: 0 !important }

		.ews-home-main-buttons .bklyn-btn-left{ border-right: 2px solid #fff }

		.ews-home-main-buttons .bklyn-btn-holder a{ width: 100% }

		.ews-home-main-buttons .bklyn-btn.bklyn-btn-normal { font-size: 17px }
		
		.ews-home-main-buttons .bklyn-btn:hover{ filter: brightness(80%) !important; color: #fff !important }

	}



/*** Job Manager ***/

.search_jobs{ background-color: #f9f9f9 }

#search_location, #search_keywords{ background-color: #fff }

.search_jobs .search_submit input{ background-color: #2176b2 }

.search_jobs .search_submit input:hover{ color: #2176b2 !important }

.job_filters .search_jobs div.search_remote_position input{ display: inline-block !important; width: 14px !important }

ul.job_listings .meta,
ul.job_listings li.job_listing a img.company_logo, .job-listing-meta{ display: none !important }

.rp4wp-related-job_listing>ul li.job_listing.job_position_filled a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_filled a, ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a {
    opacity: 1 !important;
}

.ews-link{ font-size: 17px; padding-left: 28px; font-weight: bold !important; }

.job_description a{ padding: 0 !important; padding-left: 30px !important; padding-right: 30px !important }

	/* Desktop */
	@media screen and (min-width: 767px) {
		
		ul.job_listings li.job_listing a div.position h3{ font-size: 21px !important }
		
		.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position{
			width: 75% !important;
			padding: 0 !important
		}
		
		ul.job_listings li.job_listing a div.location{ text-align: right !important }
		
		.job_description{ width: 75% !important }

	}
	
	/* Mobile */
	@media screen and (max-width: 766px) {
		
		/*.job_wrapper_text p{ font-size: 13px !important }*/
				
		ul.job_listings li.job_listing a div.location { width: 100% !important; padding: 0 0 0 0em !important; text-align: left !important }
		
		ul.job_listings li.job_listing a div.position{ float: left !important; width: 100% !important }
		
	}
	


/*** Homepage and blogpage latest posts ***/

@media screen and (min-width: 767px) {
	
	.ews-home-latest-posts .ut-blog-grid-article-inner, 
	.ews-latest-blog .ut-blog-grid-article-inner{ display: inline-block !important; border-radius: 10px }

	.ews-home-latest-posts .ut-blog-grid .ut-post-thumbnail,
	.ews-latest-blog .ut-blog-grid .ut-post-thumbnail  { float: left; width: 50% }

	.ews-home-latest-posts article.grid-50,
	.ews-latest-blog article.grid-33{ width: 100% !important }

	.ews-home-latest-posts .ut-blog-grid .entry-meta.entry-meta-top,
	.ews-latest-blog .ut-blog-grid .entry-meta.entry-meta-top{ width: calc(50% - 21px); margin-left: calc(50% - 21px); position: absolute; padding-right: 0; border-bottom: 1px solid #DDDDDD; border-top-right-radius: 10px}

	.ews-home-latest-posts a.ut-blog-link,
	.ews-latest-blog a.ut-blog-link{ margin-top: 44px; height: calc(100% - 90px) }

	.ews-home-latest-posts .ut-blog-grid .entry-meta:not(.entry-meta-top),
	.ews-latest-blog .ut-blog-grid .entry-meta:not(.entry-meta-top){ padding-bottom: 0 !important; width: 50%; margin-left: 50% }

}

.ews-home-latest-posts .ut-blog-grid .entry-header { overflow: visible }

.ut-blog-grid .entry-meta .comments-link, .comments-link, #comments{ display: none !important }

.ut-post-thumbnail-caption-wrap img{ -webkit-transform:scale(1) !important; -moz-transform:scale(1) !important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important }



/*** Blog ***/

/* Desktop */
	@media (min-width: 1025px){
		
		.ews-top-section{ margin-top: 90px }
		
		.sidebar{ margin-top: 104px }
		
	}

/* Tablet */
	@media (min-width: 768px) and (max-width: 1024px){
		
		.ews-top-section{ margin-top: 120px }
		
	}
	
/* Mobile */
	@media (max-width: 766px){
		
		.ews-top-section{ margin-top: 100px }
		
	}

.ut-blog-grid .entry-header { overflow: visible !important }



/* Footer */

#footer-logo img{ width: 60px; margin-bottom: 20px }


/* Infobox */

#infobox{ position: fixed; bottom: 0; z-index: 9999999999; left: calc(96% - 198px); width: 198px; background-color: #efefef; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 17px; text-align: center; line-height: 7px; font-size: 12px; 
	-webkit-box-shadow: 0px -0.5px 0.5px 0px rgba(201,199,201,1);
    -moz-box-shadow: 0px -0.5px 0.5px 0px rgba(201,199,201,1);
    box-shadow: 0px -0.5px 0.5px 0.5px rgba(201,199,201,1);
	padding-left: 0;
    padding-right: 0;
	}

.ib-image img{ border-radius: 50%; width: 63px; margin-top: -76px;-webkit-box-shadow: 0px -0.5px 0.5px 0px rgba(201,199,201,1);
    -moz-box-shadow: 0px -0.5px 0.5px 0px rgba(201,199,201,1);
    box-shadow: 0px -0.5px 0.5px 0.5px rgba(201,199,201,1); }

#ib-container{ margin-top: 15px; margin-bottom: 10px; }

#ib-container p:nth-child(3), #ib-tel{ font-size: 14pt !important }

#ib-title{ font-size: 16pt !important }

#ib-email{ background-color: #2176b2; margin-top: 20px; padding: 7px; border-radius: 6px; padding-left: 15px; padding-right: 15px; font-weight: bold }

a#ib-email{ color: #ffffff !important; font-size: 12pt !important }
/* Mobile */
	@media (max-width: 766px){
		#ib-email { padding-left: 10px; padding-right: 10px; font-size: 11px }
	}

#ib-linkedin{ margin-bottom: 32px; }

#ib-close{ position: absolute; right: 9px; top: 8px; font-size: 13px; font-weight: bold; background-color: #fff; width: 23px; height: 23px; border-radius: 50%; cursor: pointer; }

#ib-close p{ margin-top: 8px }



/* Landing-Page */

/* #ut-sitebody:not(.ut-page-has-no-content) #ut-hero.hero{ min-height: 50px !important; height: 50px !important } */
#ut-sitebody:not(.ut-page-has-no-content) #ut-hero.hero{ display: none !important }

/*.has-hero #header-section .grid-container, .has-hero #header-section{ background-color: #fff !important }*/
/*.has-hero #header-section .grid-container, .has-hero #header-section{ display: none !important }*/

.has-hero .parallax-overlay-pattern.style_three { background-image: none !important }

.has-hero #main-content{ padding-top: 55px }

#ut-hero{ background: #fff !important }

/*
@media (min-width: 768px) and (max-width: 1024px){
	
	.has-hero #header-section .tablet-grid-20 { display: none !important }
	
	.has-hero #header-section .tablet-grid-80 { width: 100% !important }
	
	.has-hero #header-section .site-logo { text-align: center !important }
	
}


@media (max-width: 767px){
	
	.has-hero #header-section .mobile-grid-30 { width: 0 !important }
	
	.has-hero #header-section .site-logo { text-align: center !important }
	
	.hero .parallax-overlay { background-color: #fff !important  }
	
	.has-hero #header-section  .mobile-grid-70 { width: 100% !important }
}
*/	

/*** Video-Banner ***/

@media (min-width: 1200px){

	.gc-centered{ margin-left: calc( (100% - 1200px)/2 ) !important; left: 0 !important; padding-left: 0 !important; }

}

.grid-container-fullwidth{ width: 100% !important; height: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 }

.grid-container-fullwidth .tablet-grid-100:nth-child(1), .grid-container-fullwidth .mobile-grid-100:nth-child(1){ padding: 0 !important }

.grid-container .tablet-grid-100:nth-child(1), .grid-container .mobile-grid-100:nth-child(1){ padding: 0 20px 0 20px !important }

.rs-parallax-wrap{  }

.grid-container-fullwidth .vc_section{ width: 100% !important; margin-left: 0; margin-right: 0 !important; padding-left: 0 !important; padding-left: 0 !important }

.rs-parallax-wrap{ width: 100% !important; left: 0 !important }

.rs-layer-video, .rs_html5vidbasicstyles video{ width: 100% !important }


#header-section {
    border-bottom: none;
}

#header-section{
    background: transparent;
}

.ha-header{
	transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#slider-2-slide-2-layer-6{
	padding-left: 3.1em !important;
	white-space: unset !important;
}
@media screen and (max-width: 766px){
	#banner-video1 {
		font-size: 18px !important;
	}
	#slider-2-slide-2-layer-6{
		line-height: 15px !important;
		font-size: 12px !important;
	}
	#banner-video1{
		padding-left: 2em !important;
	}
}
@media screen and (min-width: 767px){
	#banner-video1{
		font-size: 4vw !important;
	}
	#slider-2-slide-2-layer-6{
		font-size: 2vw !important;
	}
	#banner-video1{
		padding-left: 6vw !important;
	}
}
@media screen and (min-width: 1024px){
	#banner-video1{
		font-size: 45px !important;
	}
	#slider-2-slide-2-layer-6{
		font-size: 23px !important;
	}
	#banner-video1{
		padding-left: 6vw !important;
	}
}
@media screen and (min-width: 1200px){
	#banner-video1, #slider-2-slide-2-layer-6{
		padding-left: calc((100% - 1200px)/2 + 25px) !important;
	}
}

ul.job_listings li.job_listing a{ padding-left: 1.6em !important; }


.testimonialavatar {
	max-width: 160px !important;
  	max-height: 160px !important;
  	height: 160px !important;
  	width: 160px !important;
}

.wpb_wrapper .bklyn-single-testimonial .ut-st-avatar img {
	width: auto !important;
	height: auto !important;
}

.cfb_wrapper .flipbox-front-description h4 {
	font-family: Open Sans !important;
	font-size: 20px !important;
}

.cfb_wrapper .flipbox-back-layout p {
	color: #ffffff !important;
}

.ut-cf7-dark-skin label {
	font-family: Open Sans Condensed !important;
}

.ut-btn-text {
	font-family: Open Sans !important;
}

.ut-counter-box.ut-counter-box-center.ut-counter.ut-initialized .ut-count {
	font-family: Open Sans !important;
}

.wpcf7 .wpcf7-submit:disabled {
	font-family: Open Sans !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	font-family: Open Sans !important;
}

.footer-content a, .copyright a, .footer-content, .copyright {
	font-family: Open Sans !important;
}