@charset "utf-8";

/* Layout styles
 * Created by: RYC
 * Project: United Buddy Bears Penang
 */

/* header */
/**********/
.header {
  width: 100%;
  padding: 5px 0;
}

.headerbackcolor-1 {
  background-color: #f37124;
}

.headerbackcolor-2 {
  background-color: #0abbb5;
}

.headerbackcolor-3 {
  background-color: #ee2732;
}

.headerbackcolor-4 {
  background-color: #5c4197;
}

.headerbackcolor-5 {
  background-color: #5a5f64;
}

.headerbackcolor-6 {
  background-color: #4aa344;
}

.header .logo {
  margin-top: 8px;
  width: 200px;
  height: 160px;
  float: left;
}

.header .topnavi-container {
  min-width: 250px;
  float: right;
}

.header .socialmedia {
  margin: 8px 0 10px 0;
  text-align: right;
}

.header .topnavi {
  margin: 15px 0px 0px 15px;
}

.header .topnavi a,
.header .topnavi a:active,
.header .topnavi a:hover,
.header .topnavi a:visited {
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.header .topnavi ul {
  margin-top: 85px;
}

.header .topnavi ul li {
  margin: 0 30px 0 0;
  padding: 3px 0 4px 0;
  float: left;
}

.header .topnavi ul li:last-child {
  margin: 0;
}

/* mobile */
.header .logo-mobile {
  margin-top: 8px;
  max-width: 120px;
  height: 160px;
  float: left;
}

.header .topnavi-container-mobile {
  min-width: 100px;
  float: right;
}

.header-socialmedia-mobile {
  padding: 10px 0 0 0;
}

.header-socialmedia-mobile .socialmedia {
  width: 50px;
  margin: 0 auto;
}

.header-socialmedia-mobile .socialmedia ul li {
  padding: 0 5px;
  float: left;
}



/* footer */
/**********/
.footer {
  width: 100%;
  padding: 10px 0;
  background-color: #ffffff;
}

.footer .copyright {
  margin: 5px 0 10px 0;
  font-size: 11px;
  color: #f37124;
}