@import url('https://fonts.googleapis.com/css?family=Sunflower:300');

html, body, * {
  font-family: "Poppins", sans-serif;
}

/* Background */
body {
  background-image: url(https://media.istockphoto.com/id/1360571022/vector/subtle-minimal-abstract-geometric-seamless-pattern-delicate-arabic-ornament.jpg?s=612x612&w=0&k=20&c=ajvFSVH6-9QbLtfjmDnpD_jbz0trpj4JsHa_RXZNOms=);
}

/* Link */
a { color: #F4C430; }
a:hover { color: #D4A017; }

/* Button & galley */
.cmp_button_wire, .obj_galley_link { border-color:#F4C430; }

.cmp_button_wire:hover,
.obj_galley_link:hover {
  background: #F4C430;
  color: #fff;
  border-color: #ffffff;
}

/* Article box */
.obj_article_summary {
  border: 1px solid #F4C430;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 3px 3px #F4C430;
}

/* HEADER */
.pkp_site_name_wrapper {
  background-color: #ffffff;
  padding: 10px 0;
}

.pkp_site_name .is_img img {
  display: block !important;
  max-height: 90px;
  width: auto;
}

.pkp_site_name .is_text {
  font-size: 1.4rem;
  color: #000;
  line-height: normal;
}

/* Navigation */
.pkp_navigation_primary_wrapper {
  background-color: #F4C430;
}

.pkp_navigation_primary_wrapper ul li a:hover {
  background: rgba(0,0,0,.25) !important;
}

.pkp_navigation_primary_wrapper ul li ul {
  background:#D4A017 !important;
}

.pkp_navigation_primary_wrapper ul li ul li a:hover {
  background:#B38B00 !important;
}

.pkp_navigation_user {
  border-bottom: 2px solid #fff;
}

.pkp_navigation_user > li > a {
  color: #fff;
}

.pkp_head_wrapper {
  padding-top: 12rem;
}

/* LAYOUT */
.pkp_structure_page {
  margin: auto;
  width: 1162px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
}

@media (max-width: 1000px) {
  .pkp_structure_page { width: 100%; }
}

/* SIDEBAR */
.pkp_structure_sidebar {
  background: #ffffff;
}

.pkp_block {
  background: transparent;
  color: #111;
  padding: 15px 10px;
}

/* FOOTER FIX */
.pkp_structure_footer {
  width: 1162px;
  margin: 0 auto;
  background: #F4C430;
}

footer {
  width: 100%;
  background: #6B5A00;
}

footer .container,
footer .wrapper {
  max-width: 1162px;
  margin: 0 auto;
}

footer .bottom-details {
  background: #FFF4CC;
}

.bottom-details .bottom_text span,
.bottom-details .bottom_text a {
  color: #5A4A00;
}
