/* Enter Your Custom CSS Here */
/*Set a top margin to the nav bar search form*/
form#searchform .form-group > div {
    margin-top: 7px;
}

/*Set the position of the search icon to the right*/
.fa {
    right: 75px;
}

/*Sticky Search Icon*/
/*Set a top margin so it's vertically aligned*/
.et-search-trigger.search-dropdown {
    margin-top: 20px;
}

/**************NAVIGATION MENU BEGINS**************/
/*Nav Menu outer container*/
/*Center align its content*/
.collapse.navbar-collapse.needBelow .container {
    text-align: center;
}

/*Set a width so the parent container size is equal to that of its children*/
ul#menu-main-menu li {
    width: 200px;
}

/*Dropdown menu*/
	/*Add a negative top margin so there's no gap*/
	.nav-sublist-dropdown {
		margin-top: -10px !important;
	}
	
	/*Set border color to white*/
	.menu .nav-sublist-dropdown ul {
		border: #fff;
	}

	/*Text align dropdown menu to the left
	* and add a top margin so it is aligned with its parent container
	*/
	#menu-main-menu .nav-sublist-dropdown .container ul {
		text-align: left;
		margin-top: 1.5px;
	}
	
	/*Set background on hover*/
	ul#menu-main-menu li:hover,
	.nav-sublist ul	{
		/*background: rgb(235, 235, 237) !important;*/
	}

	/*Set background of dropdown list.
	* This will make the effect that it's connected to the parent menu item by color.
	*/
	.nav-sublist-dropdown div {
		/*background: rgb(235, 235, 237);*/
	}	

/*Nav Menu*/
/*Set container to be the size of its content*/
.collapse.navbar-collapse.needBelow .container .menu-main-container {
    display: inline-block;
}

/*Allow the navbar-right to be displayed inline at the top when screen is small but before mobile layout small*/
.clearfix.visible-md.visible-sm.visible-xs {
    display: inline-block !important;
}

/*Set font family, and size*/
.menu-main-container a {
    font-family: GothamHTF-Med !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
}

@media (min-width:1200px) {
  /*Set the navbar-right to always float right, even when the screen is small but before mobile layout small*/
  .navbar-header.navbar-right {
      width: 470px !important;
      float: right !important;
  }
  
  /*Set width of sticky right nav (search bar/icon)*/
  .fixed-already .navbar-header.navbar-right {
    width: 180px !important;
  }
}

/*Nav Menu*/
/*Don't display the mobile menu bars since it's broken*/
div#st-trigger-effects {
    visibility: hidden !important;
}

@media (min-width:993px) {
  .collapse.navbar-collapse.needBelow .container .menu-main-container {
      position: relative;
      top: -60px;
      z-index: 9999;
  }

  /*On the homepage, pull revolution slider up so there's no gap after the menu*/
  .wpb_revslider_element.wpb_content_element {
      margin-top: -55px;
  }
  
	/*Center align the menu based on the navbar-right container as per client's request*/
	.collapse.navbar-collapse.needBelow .container {
		/*text-align: right;*/
	}
	
	/*Position the nav menu to the right as per client's request*/
	.collapse.navbar-collapse.needBelow .container .menu-main-container {
		right: -310px;
	}
	
	/*This css is not needed if we set a width for each menu item in "ul#menu-main-menu li"
	ul#menu-main-menu > li:nth-child(2) {
		margin: 0px 40px;
	}
	*/
}
/**************NAVIGATION MENU ENDS**************/

/************************HOME PAGE BEGINS************************/
/*Set background on columns row*/
.vc_row.wpb_row.vc_row-fluid.ult-vc-hide-row {
    background: rgb(235, 235, 237);
}

/*This will remove the extra padding added at the bottom of the columns row when resized 
from small to big. This will overwrite the javascript dynamic height function*/
.upb_row_bg {
    min-height: initial !important;
}
/************************HOME PAGE ENDS************************/

/**************CONTACT US PAGE BEGINS**************/
/*Set color of contact form labels*/
form#contact-form label {
    color: black;
}

/*Remove "Sending..." message*/
span.spinner {
    display: none !important;
}

/*Contact Form 7*/
/*Set input width*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    width: 90%;
}

/*Set submit bg color*/
input.wpcf7-form-control.wpcf7-submit {
    background: #ee1c25;
}

/*Set font family*/
form.wpcf7-form p {
    font-family: GothamHTF-Light;
}


/**************CONTACT US PAGE ENDS**************/