n/*
 Theme Name:   Mobility Child
 Theme URI:    http://ferreum.net
 Description:  Mobility Child Theme
 Author:       Ferreum Mod
 Author URI:   http://ferreum.net
 Template:     mobility
 Version:      1.0.0
 Tags:         staffing solutions, employment opportunities
 Text Domain:  mobility
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#home_top {
  min-height: 400px; /* overrides height and inx-height */
  /*background-color: #990033;*/
  /*border: 1px solid red;*/
  /*opacity: 0.6;*/
  /*filter: alpha(opacity=60);*/ /* For IE8 and earlier */
}

#top-menu a {
font-size: 16px;
font-weight:700;
color:000;
}

#repair_top {
  min-height: 700px; /* overrides height and max-height */
  /*background-color: #990033;*/
  /*border: 1px solid red;*/
  /*opacity: 0.6;*/
  /*filter: alpha(opacity=60);*/ /* For IE8 and earlier */
}

#repeat
{
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#990033;
background-size:16px 16px;
}

#repeat_large
{
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#990033;
background-color: rgba(153, 0, 51, 0.6);
background-size:16px 16px;
line-height: 36px;
padding: 40px;
}

#light_green
{
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#b4f7cf;
background-color: rgba(180, 247, 207, 1);
background-size:16px 16px;
line-height: 36px;
padding: 40px;
}

#dark_green
{
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#96f7bd;
background-color: rgba(150, 247, 189, 1);
background-size:16px 16px;
line-height: 36px;
padding: 40px;
}
#et_top_search {display:none !important;}
.et_pb_section {
padding: 0;
}
@media only screen and (max-width: 479px){
.et_pb_slide_content, .et_pb_more_button {
display: block !important;
}
}
@media only screen and (min-width: 394px) and (max-width: 767px)
{ 
.et_secondary_nav_two_panels #et-secondary-menu {
    margin-top: 0px;
    /* text-align: center; */
    margin: 0 auto;
    text-align: center !important;
    padding-right: 60px;
    padding-top: 0px;
}
/*
.et_fixed_nav #logo {
max-height: 80px;
margin-bottom: -14px;
margin-top: 0px;
} */
/*
#et-secondary-nav {
display: block;
font-size: 16px;
line-height: 1.1em;
} 

#top-header .container {
    padding-top: 10px !important;
    min-height: 0px !important;
    text-align: center !important;
}
#et-secondary-menu {
/* float: none; */
padding-bottom: 10px;
font-size: 2em;
line-height: 1.3em;
/* margin: 0 auto; */
width: 100%;
text-align: center;
min-height: 80px !important;
}
*/
*/
.et_secondary_nav_only_menu #main-header {
top: 90px  !important;
}
*/
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
/*
#et-secondary-nav {
display: block;
font-size: 22px;
line-height: 1.1em;
}
*/
}
@media only screen and (min-width: 980px) and (max-width: 3200px) {
/*
.et_fixed_nav #logo {
max-height: 80px;
margin-bottom: 0;
margin-top: -18px;
}
*/
}
@media only screen and (min-width: 768px) and (max-width: 3200px) {
#main-header {
/*min-height: 103px;*/
}
/*
#page-container {
padding-top: 100px !important;
}
*/
/*
.et_fixed_nav #logo {
max-height: 120px;
margin-bottom: -18px;
margin-top: -18px;
}
*/
/*
#et-secondary-menu {
/*float: none;*/
padding-bottom: 10px;
font-size: 2em;
line-height: 1.3em;
/*margin: 0 auto;*/
width: 100%;
text-align:center;
}
*/
/*
#home_top h1 {
font-size: 64px !important;
color: #fff;
-webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
*/
/*
#repair_text h1 {
font-size: 94px !important;
color: #fff;
-webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
*/
/*
#repair_text h2 {
font-size: 94px !important;
color: #fff;
-webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
*/
/*
#stroke h2 {
font-size: 46px;
color: #fff !important;
-webkit-text-fill-color: #fff !important; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
*/
}
@media only screen and (max-width: 980px) {
/*
.et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header {
top: !important;}
.et_secondary_nav_only_menu #top-header {
display: block;
}
*/
/*
.et_secondary_nav_only_menu #main-header {
top: 90px  !important;
}
*/
#top-header .container {
    padding-top: 0px;
    min-height: 0px;
text-align: center !important;
}
}
@media (max-width: 980px) {
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100% !important;
    max-height: 80px !important;
}
#et-secondary-nav, #et-secondary-menu {
    display: inline-block !important;
    padding-top: 4px;
}
#top-header .container {
    padding-top: 0px;
    min-height: 0px;
text-align: center !important;
}
}
@media only screen and (min-width: 1px) and (max-width: 393px)
{ 
.et_secondary_nav_two_panels #et-secondary-menu {
    margin-top: 0px;
    /* text-align: center; */
    margin: 0 auto;
    text-align: center !important;
    padding-right: 10px !important;
    padding-top: 0px;
}
@media(max-width:920px){
ul#top-menu li {
display: none !important;
}

ul#top-menu li.centered-inline-logo-wrap {
display: inline-block !important;
}
#et_mobile_nav_menu {
display: block !important;
}
}