/*
Theme Name: Auxiliary Services
Theme URI: https://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.0.2
Author: United Themes
Author URI: https://www.unitedthemes.com
Template: brooklyn
*/

@import url("../brooklyn/style.css");  

/* a:focus-visible, input:focus-visible, .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: 2px solid #990000 !important;
	outline-offset: 4px;
  	border-radius: 3px !important;
} */
/* input, textarea {
	background: black !important;
}
input::placeholder, textarea::placeholder {
	color: white;
	background: black;
} */

/* --------------------------------
 *	Header Style
 * -------------------------------- */
header{text-transform:uppercase;}
.section-title{font-size:36px;letter-spacing: 2px;}
.parallax-title {font-size:36px;letter-spacing: 2px;}


.grid-container {
	max-width: 1280px !important;
	/*padding-left: 0px;
	padding-right: 0px;*/
}
/* --------------------------------
 *	Menu
 * -------------------------------- */
.ha-transparent .ut-mobile-menu a,
.ut-header-dark .ut-mobile-menu a,
.ut-mobile-menu a {color:#999999!important;}

/* --------------------------------
 *	Button
 * -------------------------------- */
 div.aux-btn {margin:30px!important; line-height: 24px!important;text-align: center!important;}
.aux-btn a{padding: 14px 25px!important; color:#000000!important; border: 1px solid #000000!important;background-color:#ffffff;font-family: RalewayRegular!important; font-size: 14px!important;}
.aux-btn a:hover{color:#ffffff!important; border-color:#000000; background-color:#000000;}
.aux-btn a:focus { color:#ffffff!important; border-color:#000000; background-color:#000000; }
.aux-btn a:active{ color:#ffffff!important; border-color:#000000; background-color:#000000; }


/* --------------------------------
 *	Our Bussiness Units
 * -------------------------------- */
#business-units{padding-bottom:0px!important;}


#business-units .vc_column-inner {
    padding-left: 0!important;
    padding-right: 0!important;
}

.wpb_content_element{margin-bottom:0px;}

div#bookstore-hover{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#bookstore-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/01_bu_logos_bookstore_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}
div#hospitality-hover{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#hospitality-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/02_bu_logos_hospitality_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}
div#housing-hover{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#housing-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/03_bu_logos_housing_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}
div#transportation-hover{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#transportation-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/04_bu_logos_transportation_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}
div#radisson-hover{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#radisson-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/07_bu_logos_hotel_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	div#radisson-hover:hover{
		background-image: url("images/07_bu_logos_hotel_320x60_2x.png");
		background-size: 320px 60px;
	}
}

div#hotel-hover{
    height: 100%;
    width: 100%;   
    position: absolute;
    top: 0;
}

div#hotel-hover:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("images/07_bu_logos_hotel_320x60.png");
	background-position: center center;
	background-size:320px 60px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	div#hotel-hover:hover{
		background-image: url("images/07_bu_logos_hotel_320x60_2x.png");
		background-size: 320px 60px;
	}
}

div#lacoliseum-unit{
    height: 100%;
    width: 100%;   
	top: 0;	
    position: absolute;
}

div#lacoliseum-unit:hover{
	height: 100%;
    width: 100%;   
    top: 0;
	background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2019/01/06_bu_logos_coliseum_320x60_2x.png");
	background-position: center center;
	background-size:320px 60px;
}


/* --------------------------------
 *	Careers
 * -------------------------------- */

#careers .hero-title{
	display: block;
	text-align: center;
	color: #ffffff;
}

.career-text-area {
	margin:20px;
}

.career-text-area hr{
	display: block; 
	width: 50px; 
	height:3px; 
	color: #ffffff; 
	margin: 30px auto 30px auto;
}

.career-text-area p{
	text-align: center; 
	font-size: 22px; 
	color: #ffffff;
	letter-spacing: 2px;
}

.text-yellow {color: #f1c330;}

.career-btn a{
	margin:65px auto 100px auto;
	text-align:center;	
	color:#fff; 
	border-width:0px !important;
	letter-spacing: 0.5px!important;
	padding: 15px 35px;
	font-size: 14px!important;
	border-radius:3px;
}
@media screen and (max-width: 767px){	
.block{
	display:block;
    line-height: 28px;}
}
/* --------------------------------
 *	Featured Projects
 * -------------------------------- */

.tp-title-wrap{display:none;}

.sliderButton{
	font-family: RalewayRegular;
	font-size: 14px;
}

@media screen and (min-width: 1025px){	

#featured-projects .project-detail{
	text-align:center!important;
}

#featured-projects .project-detail h2{
	margin:40px 0px 10px!important;
	line-height:26px!important;
	font-size:24px!important; 
	text-align:center!important;
}

#featured-projects .project-detail p{	
	 margin:10px 250px 30px 250px !important;
	 font-size:14px!important; 
	 color:#595959;
	 text-align:center;
} 
ul.tp-revslider-mainul{
	width:100%!important;	
}

.hebe.tparrows.tp-rightarrow:before {
    content: none;
}

div.hebe.tparrows.tp-rightarrow{
	transform: none!important;
	background-image: url(../auxiliary-services/images/dark-arrows.png)!important;
    background-position: 0 -100px !important;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100px;
    opacity: 1;
	visibility: visible;
    position: absolute;
    width: 52px;
	z-index: 300;
	Top:200px;
    right: 0;  
    margin-right: 10px;	
}

.hebe.tparrows.tp-leftarrow:before {
   content: none;
}

div.hebe.tparrows.tp-leftarrow{
	transform: none!important;
	background-image: url(../auxiliary-services/images/dark-arrows.png)!important;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100px;
    opacity: 1;
	visibility: visible;
    position: absolute;
    width: 52px;
    z-index: 300;
    left: 0;
    margin-left: 10px;	
}

#featured-projects div.tp-rightarrow.tparrows.hebe.noSwipe{	
	top:8%!important;	
	left:95%!important;
}

#featured-projects div.tp-leftarrow.tparrows.hebe.noSwipe{	
	top:8%!important;	
}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
h2.parallax-title{
	font-size: 36px!important;
	line-height:125%;
}

#featured-projects .tp-simpleresponsive img,#featured-projects  .rev_slider img{
	width:100%!important;
	height:100%!important;
	
}

#featured-projects .project-detail{
	text-align:center!important;
}

#featured-projects .project-detail h2{
	margin-top:40px!important;
	line-height:26px!important;
	font-size:24px!important; 
	color:#222;
	text-align:center!important;
}

#featured-projects .project-detail p{	 
	 margin:20px 80px 30px 80px !important;
	 line-height:26px!important;
	 font-size:14px!important;
	 color:#595959;
	 text-align:center;
} 

.hebe.tparrows:before{
	background:rgba(255,255,255,0.2)!important;
}
#featured-projects div.tp-rightarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.2)!important;
	top:10%!important;	
	left:110%!important;
}
#featured-projects div.tp-leftarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.2)!important;
	top:10%!important;	
	left:-10% !important;
}

}
@media screen and (max-width: 767px){		
#featured-projects{	
	padding-bottom: 10px!important;
}
#featured-projects h2.parallax-title{
	font-size: 36px!important;
	line-height:125%!important;
}
#featured-projects .tp-simpleresponsive img,#featured-projects  .rev_slider img{
	width:100%!important;
	height:100%!important;
	
}
#featured-projects .project-detail{
	text-align:center!important;
}
#featured-projects .project-detail h2{
	margin-top:40px!important;
	line-height:24px!important;
	font-size:22px!important;
	text-align:center!important;
}

#featured-projects .project-detail p{
	 text-align: center; 
	 margin:10px 0px 30px 0px !important;
	 line-height:24px!important;
	 font-size:14px!important; 
	 color:#595959;	 
} 
.hebe.tparrows:before{
	background:rgba(255,255,255,0.0)!important;
}
#featured-projects div.tp-rightarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.0)!important;
	top:10%!important;	
	left:117%!important;
}
#featured-projects div.tp-leftarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.0)!important;
	top:10%!important;	
	left:-17% !important;
}
}

@media screen and (max-width: 375px){
#featured-projects .project-detail{
	text-align:center!important;
}
#featured-projects .project-detail h2{
	margin-top:40px!important;
	line-height:24px!important;
	font-size:22px!important;
	text-align:center!important;
}

#featured-projects .project-detail p{
	 text-align: center; 
	 margin:10px 0px 30px 0px !important;
	 line-height:20px!important;
	 font-size:14px!important; 
	 color:#595959;	 
} 		
#featured-projects div.tp-rightarrow.tparrows.hebe.noSwipe{	
	top:10%!important;	
	left:120%!important;
}
#featured-projects div.tp-leftarrow.tparrows.hebe.noSwipe{		
	top:10%!important;	
	left:-20% !important;
}
}
@media screen and (max-width: 320px){
#featured-projects .project-detail{
	text-align:center!important;
}
#featured-projects .project-detail h2{
	margin-top:40px!important;
	line-height:24px!important;
	font-size:22px!important;
	text-align:center!important;
}

#featured-projects .project-detail p{
	 text-align: center; 
	 margin:10px 0px 30px 0px !important;
	 line-height:18px!important;
	 font-size:14px!important; 
	 color:#595959;	 
} 	
#featured-projects div.tp-rightarrow.tparrows.hebe.noSwipe{	
	top:10%!important;	
	left:125%!important;
}
#featured-projects div.tp-leftarrow.tparrows.hebe.noSwipe{		
	top:10%!important;	
	left:-25% !important;
}	
}
/* --------------------------------
 *	Footer
 * -------------------------------- */
 .footer-content{font-size:11px;}
 
 .aux-logo{
	height: 25px;
    width: 190px;
	margin:10px auto 15px auto;
	background: url(/wp-content/uploads/2019/01/aux_logo_190x25_2x.png) center center no-repeat;
	background-size: contain;
}
 
/* --------------------------------
 *	Shared Services
 * -------------------------------- */
p.lead-text{
	 color:#595959;
	 text-align: center; 
	 font-size: 18px;
	 line-height:150%;
	 margin:0px 16% 30px 16% !important;
} 
#shared-services .section-header{
	padding-bottom: 0px!important;
}


@media screen and (min-width: 1025px){	
#shared-services .vc_row.wpb_row.vc_row-fluid{padding: 0px 100px 0px 100px;}
#shared-services .vc_column-inner {
    padding-left: 30px!important;
    padding-right: 50px!important;
	padding-bottom: 20px;
}
#shared-services .ut-service-icon{
	margin-top:20px;
	margin-right:30px;
	max-width:55px; /* for 2x icons */
}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
#shared-services .vc_row.wpb_row.vc_row-fluid{padding: 20px;}
#shared-services .ut-service-icon{
	margin-top:20px;
	margin-right:20px;
}
}

@media screen and (max-width: 767px){
#shared-services .vc_row.wpb_row.vc_row-fluid{padding: 0px 10px;}	
#shared-services .ut-service-icon{
	margin-top:20px;
	margin-right:10px;
}
#shared-services .ut-service-column{margin-bottom:30px;}
}

/* --------------------------------
 *	Our Mission Section
 * -------------------------------- */
 #our-mission img.ut-square {
	 max-width: 180px;
 }
 #our-mission .ut-carousel .slides img {
	width: 90px !important;
 }
 #our-mission .ut-nohover-layer {
	display: none;
 }
/* --------------------------------
 *	Our People Section
 * -------------------------------- */
#our-people .ut-carousel .slides img{ 
	width:180px !important; 
	height:180px; 
	margin: 5px auto 5px auto;
}
#our-people .ut-portfolio-menu li a{
	margin-bottom:10px!important;
 }
 
#our-people .ut-portfolio-detail{
	text-align:center; 
 }
 #our-people .ut-portfolio-detail h3{
	 color:#595959;
 }
#ut-portfolio-menu-222{
	margin-top:50px;
 }
 
.ut-portfolio-menu-wrap{
	 margin-top:50px;
}
.portfolio-title{
	padding:20px 20px 10px 20px!important;
}
 .portfolio-jobtitle{
	color:#595959!important;
	font-size:14px; 
	text-align: center;
	margin-left: 50px;
    margin-right: 50px;
 }
 
 .portfolio-excerpt{
	text-align: center; 
	margin-left: 30px;
    margin-right: 30px;
 }
 
 #our-people .vc_column-inner{
	padding-left: 30px!important;
    padding-right: 30px!important; 
 }
 
 div.bodydesc{
	margin-bottom:15px; 
 }
 
 .portfolio-content{
	height:250px; 
 }
 .full-bio-link{
	 margin:5px auto 5px auto;
 }
 
 .ut-carousel.portfolio-style-two .flex-direction-nav a{
	 margin-top:-210px!important;
	 margin-left:-11px!important;
	 margin-right:-11px!important;
 }

.ut-carousel .flex-direction-nav a.flex-next:before
{
	content: none;	
}
.ut-carousel .flex-direction-nav a.flex-next 
{	
    background-image: url(../auxiliary-services/images/dark-arrows.png)!important;
    background-position: 0 -100px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100px;
    opacity: 1;
	visibility: visible;
    position: absolute;
    width: 52px;
    right: 0;
    z-index: 3;
    margin-right: 10px;
}
.ut-carousel .flex-direction-nav a.flex-next:hover
{
	background-position: 0 -100px;
}

.ut-carousel .flex-direction-nav a.flex-prev:before
{
	content: none;	
}
.ut-carousel .flex-direction-nav a.flex-prev
{
	background-image: url(../auxiliary-services/images/dark-arrows.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100px;
    opacity: 1;
    position: absolute;
    width: 52px;
    z-index: 3;
    left: 0;
    margin-left: 10px;
}
.slider-exec-thumb
{
	width:180px!important;
	height:180px!important;
}


/* Contrast Changes */
#header-section.ut-header-dark a {
    color: rgb(255,255,255);
    color: rgba(255,255,255,255);
}
#header-section.ha-transparent a {
    color: rgb(255,255,255);
    color: rgba(255,255,255,255);
}
.dark cite, .dark, .dark .lead {
	color: #595959;
}
.bklyn-btn-holder .bklyn-btn .ut-btn-text {
	color: black !important;
}
.bklyn-btn-holder .bklyn-btn:hover .ut-btn-text {
	color: white !important;
}
/* .ut-btn-text {
	color: #333333;
}
#bklyn_btn_65d912d9957a5.bklyn-btn:hover .ut-btn-text  {
	color: #f1c330 !important;
} */
/* .flex-next, .flex-prev {
	background: white !important;
	color: black !important;
} */
.parallax-overlay-pattern.style_one {
	background-color: black;
}


@media screen and (min-width: 1025px){	
.people_desktop{display:block !important;}
.people_mobile{display:none !important;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
.people_desktop{display:block !important;}
.people_mobile{display:none !important;}
 
 .portfolio-content{height:350px;}
 
}

@media screen and (max-width: 767px){		
.people_desktop{display:none !important;}
.people_mobile{display:block !important;}
#our-people{	
	padding-bottom: 10px!important;
}
p.lead-text{
	margin:0px 10px 20px 10px!important;
}
.people-detail h2{
	margin-top:20px!important;
	 line-height:24px!important;
	 font-size:22px!important; 
	 color:#222;
 }
.people-detail h3{
	 line-height:125%!important;
	 font-size:14px!important; 
	 margin-bottom:15px;
	 color:#595959;
 }
.people-detail p{
	margin:10px 0px!important;
	 line-height:24px!important;
	 font-size:14px!important; 	 
 }
.hebe.tparrows {
	background:rgba(255,255,255,0.0)!important;
}
#our-people div.tp-rightarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.0)!important;	
}
#our-people div.tp-leftarrow.tparrows.hebe.noSwipe{	
	background:rgba(255,255,255,0.0)!important;	
}
}

@media screen and (max-width: 375px){		
.people_desktop{display:none !important;}
.people_mobile{display:block !important;}
#our-people{
	padding-top: 40px!important;
	padding-bottom: 10px!important;
}
.people-detail h2{
	margin-top:20px!important;
	 line-height:24px!important;
	 font-size:22px!important; 
	 color:#222;
 }

.people-detail p{
	margin:10px 0px!important;
	 line-height:20px!important;
	 font-size:14px!important; 	 
 }
}

@media screen and (max-width: 320px){		
.people_desktop{display:none !important;}
.people_mobile{display:block !important;}
#our-people{
	padding-top: 40px!important;
	padding-bottom: 10px!important;
}
.people-detail h2{
	margin-top:20px!important;
	 line-height:24px!important;
	 font-size:22px!important; 
	 color:#222;
 }

.people-detail p{
	margin:10px 0px!important;
	 line-height:18px!important;
	 font-size:14px!important; 	 
 }
}
 /* --------------------------------
 *	Contact Section
 * -------------------------------- */
 #contact-section{color:#fff;}

div.ut-right-footer-area{padding-top:0px!important;}

input.wpcf7-text{height:52px;}

input.wpcf7-form-control{margin-bottom:0px!important;}
 
 .light input[type="submit"]{
	padding: 15px 35px;
	font-size: 14px;
}

@media screen and (min-width: 1025px){
#contact-section .grid-container{
	 
	padding-left: 110px;
    padding-right: 110px;
	
}
 
.grid-45{width:48%}

.suffix-5 {margin-right: 4%;}

.grid-50{width:48%}
}
@media screen and (max-width: 767px){
	#contact-section div.ut-left-footer-area, #contact-section div.ut-right-footer-area{
		padding: 30px 30px 10px 30px!important;
	}
}
/* --------------------------------
 *	Mission Section .ut-carousel  
 * -------------------------------- */
	
.slides img.mission-thumb{ 
	width:90px !important; 
	height:90px; 
	margin: 50px auto 30px auto;
}
.mission-content{
	height:170px;
}

.ut-portfolio-title{text-transform:none;}
h2.portfolio-title{font-size:22px!important;}

@media screen and (min-width: 1025px){	
.mission_desktop{display:block !important;}
.mission_mobile{display:none !important;}
.mission-content
{
	height:170px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
.mission_desktop{display:block !important;}
.mission_mobile{display:none !important;}
.mission-content
{
	height:200px;
}
}
@media screen and (max-width: 767px){		
.mission_desktop{display:none !important;}
.mission_mobile
{
	display:block !important;
	text-align: center;
}

}

.js #main-content section .section-content, .js #main-content section .section-header-holder {
    opacity: 1!important;
}

/* UT Portfolio fixes */
.ut-portfolio-details-wrap {
	display: block!important;
}
.ut-portfolio-detail-loader i {
	position: initial; 
}
.ut-portfolio-title {
	text-align: center;
}

/* Site navigation fixes */
#navigation a.ut-main-navigation-link:hover, #navigation a.ut-main-navigation-link.selected {
	color: #F1C40F;
}

/* Contact section padding */
#contact-section .parallax-overlay {
    padding-top: 80px;
    padding-bottom: 60px;
}

/* Careers section styling */
@media (max-width: 767px) {
	.hero-title, .ut-split-hero .hero-title {
		font-size: 2.143em !important;
	}
}

/* loader/spinner tweaks for updated Brooklyn theme */
.ut-portfolio-detail-loader {
	text-align: center;
	background-color: #FFF;
	border: 1px solid #EFEFEF;
	color: #999;
}
/* site font issues - https://uscauxiliary.zendesk.com/agent/tickets/109084 */
.hero-title {font-family: 'ralewaysemibold', 'sans-serif';}
body {font-family: 'ralewayregular', 'sans-serif';}
