HOME


Mini Shell 1.0
DIR: /var/www/rhodeworks/wp-content/plugins/ocean-extra/assets/css/
Upload File :
Current File : /var/www/rhodeworks/wp-content/plugins/ocean-extra/assets/css/footerBottom.css
/*------------------------------------*
  $FOOTER BOTTOM
*------------------------------------*/
#footer-bottom {
  background-color: #1B1B1B;
  padding: 15px 0;
  font-size: 12px;
  line-height: 1;
}

#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
  width: 50%;
}

#footer-bottom #footer-bottom-menu {
  float: right;
  text-align: right;
  padding-left: 15px;
}

#footer-bottom #footer-bottom-menu ul {
  display: inline-block;
  margin: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-bottom #footer-bottom-menu li {
  float: left;
}

#footer-bottom #footer-bottom-menu li:after {
  content: '|';
  margin-left: 5px;
  margin-right: 5px;
}

#footer-bottom #footer-bottom-menu li:last-child:after {
  content: '';
  margin-left: 0;
  margin-right: 0;
}

#footer-bottom #footer-bottom-menu a {
  color: #fff;
}

#footer-bottom #footer-bottom-menu a:hover {
  color: #13aff0;
}

#footer-bottom.no-footer-nav #copyright {
  float: none;
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#footer-bottom #copyright {
  float: left;
  text-align: left;
  padding-right: 15px;
}

#footer-bottom a {
  color: #fff;
}

#footer-bottom a:hover {
  color: #13aff0;
}

/*------------------------------------*
  All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
  /* center footer bottom */
  #footer-bottom #copyright,
  #footer-bottom #footer-bottom-menu {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
  #footer-bottom #footer-bottom-menu {
    margin-bottom: 15px;
  }
  #footer-bottom #footer-bottom-menu li {
    float: none;
    display: inline-block;
  }
}

/*------------------------------------*
  Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
  /* footer bottom links menu */
  #footer-bottom #footer-bottom-menu li {
    margin-bottom: 8px;
  }
}