/* 
 Theme Name:     Employer Assist
 Author:         Employer Assist
 Author URI:     https://employerassist.com.au
 Template:       Divi
 Version:        V 1.0.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.4
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Coming Soon Background Image */
.page-id-46 {
    background-image: url("http://employerassist.com.au/wp-content/uploads/2018/02/Coming-Soon-Buildings.jpg");
   background-size: cover;
}

.page-id-56 {
    background-image: url("https://employerassist.com.au/wp-content/uploads/2018/02/Coming-Soon-Buildings-Light.jpg");
   background-size: cover;
}

/* Select Membership Background */
.page-id-362 {
   background-color: #75C697! important;
   background-size: cover;
}

/* Register Background */
.page-id-530 {
   background-color: #75C697! important;
   background-size: cover;
} 

/* AAAA Register Background */
.page-id-1814 {
   background-color: #75C697! important;
   background-size: cover;
}

/* EROS Register Background */
.page-id-1824 {
   background-color: #75C697! important;
   background-size: cover;
}

/* HVIA Register Background */
.page-id-1818 {
   background-color: #75C697! important;
   background-size: cover;
}

/* NewsXpress Register Background */
.page-id-1822 {
   background-color: #75C697! important;
   background-size: cover;
}

/* Optometry Australia Register Background */
.page-id-1832 {
   background-color: #75C697! important;
   background-size: cover;
}

/* SAPA Register Background */
.page-id-1827 {
   background-color: #75C697! important;
   background-size: cover;
}

/* WACOSS Register Background */
.page-id-1829 {
   background-color: #75C697! important;
   background-size: cover;
}

/* Login Page Background */
.page-id-669 {
   background-color: #75C697! important;
   background-size: cover;
}

/* Page Builder Sections Transparent */
.et_pb_section {
  background-color: transparent;
}

/* Row Vertical Align */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #cecece; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 450px;
    background-color: #555;
    color: #fff;
    text-align: center!important;
    padding: 10px 10px 10px 10px;
    border-radius: 6px;
	align-content: center;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 15%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Blurb Box-Shadow Hover */
#blurb-hover:hover{
	box-shadow: 0px 10px 40px #e0e0e0;
	position: relative;
	top: -3px;
	transition: 0.2s;
}

/* Change Logo for Fixed Header */
.et-fixed-header #logo {
content: url(https://employerassist.com.au/wp-content/uploads/2018/02/Logo-After-Scroll-Small-Left.png);
}

/* Remove line & shadow below Divi menu */
#main-header {
    box-shadow: none !important;
}
/*#main-header.et-fixed-header {
    box-shadow: none !important;
}*/

/* Footer Bar Style */
#footer-bottom {
padding-top: 20px;
	padding-bottom: 10px;
}
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

/*  Select Membership Toggle Icon Style */
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "3";
transition:all 0.2s ease-in-out 0s;
color:#cecece! important;
}
.et_pb_toggle_title:before {
content: "3";
font-size:1.2em;
transition:all 0.2s ease-in-out 0s;
color:#cecece! important;
}

/*  Dropdown Link "Select Membership" Color Style */
a.greenlink{
	color: #414042;
}
a.greenlink:hover{
	color: #75C697;
}

/* Navigation Link Hover Color */
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #F2B544 !important; 
    opacity:1 !important;
}

/* Registration Button Style */
.mepr-submit{
	background-color: #F2B544;
	padding: 12px 50px 12px 50px;
	border: none! important;
	border-radius: 60px;
	font-family: open sans;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #fff;
	align-content: center! important;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.mepr-submit:hover{
	background-color: #75C697;
	cursor: pointer;
}

/*styles form fields and text form field text*/
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type=text], .mp_wrapper input[type=url], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper input[type=number], .mp_wrapper input[type=password] {
    border: 1px solid rgba(71,74,182,0.12)!important;
    color: rgba(65,44,66,0.91)!important;
    padding: 12px 10px !important;
    background: #f8f8f8;
    font-family: open sans;
}

/* Login Form Button Style */
.button-primary, .mepr-share-button{
	background-color: #F2B544! important;
	padding: 12px 50px 12px 50px;
	border: none! important;
	border-radius: 60px;
	font-family: open sans;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #fff;
	align-content: center! important;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.button-primary:hover{
	background-color: #75C697! important;
	cursor: pointer;
}

/*Logo and Navigation Position*/

@media only screen and (min-width: 980px) {
#logo {
margin-left: -50px;
}
}

@media only screen and (min-width: 980px) {
#top-menu {
margin-right: -50px;
}
}

/****** Mobile Menu Full-screen ******/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important;
 }
.et_mobile_menu .menu-item-has-children > a:after { 
	font-family: "ETmodules";
         font-size: 22px;
         font-weight: 800;
         content: "3"; 
	position: absolute; 
	right: 55px;

}

/* Font Awesome */
.fa {
    margin: 10px ;
  }

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    background-color: transparent !important;
  }
}
.et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  overflow: scroll !important;
  background-color: rgb(255,255,255) !important;
  margin-left: -30px;
  padding: 25% 0;
  height: 100%;
  width: calc( 100% + 60px);
  border-top: none;
}
.et_mobile_menu li a {
  text-align: center;
  font-size: 1.55em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.mobile_nav ul#mobile_menu .current_page_item > a {
  color: #F2B544;
  background-color: rgba(255,255,255, 0.1);
}
.mobile_nav ul#mobile_menu li ul li a {
  font-size: 1.05em !important;
  margin: auto;
  padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
  color: #75C697;
}
span.mobile_menu_bar {
  z-index: 9999;
}

/* Back To Top Style*/
.et_pb_scroll_top.et-visible:hover{
	background-color: #75C697;
}

/*Account Page Style*/
#mepr-account-nav {
    text-align: center;
	padding-bottom: 20px;
}

.mepr-active-nav-tab a {
    color: #ffffff!important;
    border-width: 10px!important;
    border-color: #7272ff;
    border-radius: 100px;
    font-size: 16px;
    padding-left: 2em;
    padding-right: 2em;
    background-color: #75C697 !important;
	font-weight: 700;
}

.mepr-nav-item a, .mepr-payments a {
    background: #cecece;
    padding: 0.5em 1.2em;
    border-radius: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 3.0;
}

.mepr-nav-item a:hover, .mepr-payments a:hover, .mepr-home a:hover{
    background: #F2B544!important;
}

/*Remove "Subscriptions" and "Payments" Tab from Account Page*/
.mepr-subscriptions a{
	display: none!important;
}
.mepr-payments a{
	display: none!important;
}

/*  Remove Cart Icon */
.et-cart-info{
	display:none;
}

/* Blog Page Style */

.elegantdesign a.more-link {
    font-size: 14px;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
    float: none;
    display: inline-block;
    padding: 10px 46px;
    border-radius: 60px;
    background-color: #75C697;
    border: 0px solid #e9eff5;
}
 
.elegantdesign a.more-link:hover {
color: #ffffff;
      background-color: #F2B544!important;

}

/*Drop Down Menu Font Weight*/
.sub-menu{
	font-weight: normal;
}