```css id="zh0h1m"
/* ===================================================
   BIG HEADER BANNER
=================================================== */

/* container logo */

.site-name{

  width:100%;

  background:
  linear-gradient(
    135deg,
    #0F4C3A,
    #145C47
  );

  padding:0px 0 20px;

  text-align:center;

  overflow:visible!important;
}

/* IMPORTANT */

.site-name h1{
  margin:0!important;
}

/* REMOVE SMALL LOGO LIMIT */

.site-name img{

  display:block!important;

  width:100%!important;

  max-width:1500px!important;

  max-height:none!important;

  height:auto!important;

  margin:auto!important;

  padding:0!important;

  border:none!important;

  box-shadow:none!important;
}

/* remove bootstrap brand sizing */

.navbar-brand,
.navbar-brand img{

  max-height:none!important;
    padding:0!important;

  height:auto!important;
}

```css id="tastura-navbar-final"
/* ===================================================
   TASTURA PREMIUM NAVBAR FINAL
=================================================== */

.navbar{

  margin-top:-4px!important;

  border:none!important;

  border-radius:0 0 22px 22px!important;

  background:
  linear-gradient(
    135deg,
    #0F4C3A,
    #145C47
  )!important;

  box-shadow:
  0 10px 30px rgba(15,76,58,.14);

  overflow:visible!important;

  position:relative;

  z-index:9999;
}

/* collapse */

.navbar-collapse{

  overflow:visible!important;

  padding:0px 28px!important;
}

/* nav */

.navbar-nav{

  overflow:visible!important;
}

/* item */

.navbar-default .navbar-nav > li{

  position:relative!important;

  margin-right:10px;
}

/* menu */

.navbar-default .navbar-nav > li > a{

  color:white!important;

  font-size:16px;

  font-weight:700;

  letter-spacing:.2px;

  padding:14px 20px;

  border-radius:14px;

  transition:all .3s ease;
}

/* hover */

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{

  background:
  rgba(255,255,255,.08)!important;

  color:#C8A96B!important;

  transform:translateY(-1px);
}

/* active */

```css id="force-green-navbar-real"
/* ===================================================
   FORCE COSMO NAVBAR OVERRIDE
=================================================== */

.navbar.navbar-default{

  background:#0F4C3A!important;

  background-image:none!important;

  border:none!important;

  box-shadow:
  0 10px 30px rgba(15,76,58,.14)!important;
}

/* collapse */

.navbar.navbar-default .navbar-collapse{

  background:#0F4C3A!important;

  background-image:none!important;

  border:none!important;
}

/* container */

.navbar.navbar-default .container{

  background:#0F4C3A!important;
}

/* nav */

.navbar.navbar-default .navbar-nav{

  background:transparent!important;
}

/* menu */

.navbar.navbar-default .navbar-nav > li > a{

  color:white!important;

  background:transparent!important;
}

/* hover */

.navbar.navbar-default .navbar-nav > li > a:hover,
.navbar.navbar-default .navbar-nav > li > a:focus{

  background:
  rgba(255,255,255,.08)!important;

  color:#C8A96B!important;
}

/* active */

.navbar.navbar-default .navbar-nav > .active > a,
.navbar.navbar-default .navbar-nav > .open > a{

  background:
  rgba(255,255,255,.10)!important;

  color:#C8A96B!important;
}

/* remove all black gradients */

.navbar *,
.navbar-default *{

  background-image:none!important;
}
```



/* ===================================================
   DROPDOWN
=================================================== */

.dropdown-menu{

  display:none;

  position:absolute!important;

  top:100%!important;

  left:0;

  min-width:260px;

  margin-top:14px!important;

  border:none!important;

  border-radius:20px!important;

  padding:12px;

  background:white!important;

  box-shadow:
  0 18px 40px rgba(0,0,0,.14);

  overflow:hidden!important;

  z-index:999999!important;
}

/* show */

.open > .dropdown-menu{

  display:block!important;
}

/* dropdown item */

.dropdown-menu li a{

  display:block;

  padding:14px 18px;

  border-radius:14px;

  color:#1E293B!important;

  font-weight:700;

  transition:.3s;
}

/* hover */

.dropdown-menu li a:hover{

  background:
  rgba(15,76,58,.08)!important;

  color:#0F4C3A!important;

  transform:translateX(2px);
}

/* ===================================================
   SEARCH
=================================================== */

.navbar-form{

  margin-top:2px!important;
}

/* input */

.navbar-form .form-control{

  height:48px!important;

  min-width:280px;

  border:none!important;

  border-radius:16px 0 0 16px!important;

  padding:12px 18px;

  background:
  rgba(255,255,255,.95);

  box-shadow:none!important;
}

/* button */

.navbar-form .btn{

  height:48px!important;

  border:none!important;

  border-radius:0 16px 16px 0!important;

  background:#C8A96B!important;

  color:white!important;

  font-weight:800;

  padding:0 24px;

  transition:.3s;
}

.navbar-form .btn:hover{

  background:#B89355!important;
}

/* ===================================================
   MOBILE
=================================================== */

.navbar-toggle{

  border:none!important;
}

.navbar-default .navbar-toggle .icon-bar{

  background:white!important;
}

@media(max-width:768px){

  .navbar{

    border-radius:0 0 16px 16px!important;
  }

  .navbar-form .form-control{

    min-width:140px;
  }

}
```css id="green-navbar-force"
/* FORCE GREEN NAVBAR */

.navbar,
.navbar-default,
.navbar-collapse{

  background:
  linear-gradient(
    135deg,
    #0F4C3A,
    #145C47
  )!important;

  border:none!important;
}

/* remove black */

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{

  background:
  rgba(255,255,255,.10)!important;

  color:#C8A96B!important;
}

/* menu text */

.navbar-default .navbar-nav > li > a{

  color:white!important;
}

/* hover */

.navbar-default .navbar-nav > li > a:hover{

  background:
  rgba(255,255,255,.08)!important;

  color:#C8A96B!important;
}
```

```


/* ===================================================
   SEARCH BOX
=================================================== */

.navbar-form{

  margin-top:4px!important;
}

/* input */

.navbar-form .form-control{

  height:46px!important;

  border:none!important;

  border-radius:14px 0 0 14px!important;

  padding:12px 18px;

  box-shadow:none!important;

  background:
  rgba(255,255,255,.95);

  min-width:260px;
}

/* button */

.navbar-form .btn{

  height:46px!important;

  border:none!important;

  border-radius:0 14px 14px 0!important;

  background:#C8A96B!important;

  color:white!important;

  font-weight:700;

  padding:0 22px;

  transition:.3s;
}

.navbar-form .btn:hover{

  background:#B89355!important;
}

/* ===================================================
   CONTENT CONTAINER
=================================================== */

.pkp_structure_content.container{

  background:white!important;

  border-radius:24px;

  padding:50px!important;

  margin-top:40px!important;

  margin-bottom:50px!important;

  box-shadow:
  0 10px 40px rgba(15,76,58,.08);

  border:1px solid rgba(0,0,0,.03);
}

/* ===================================================
   PAGE TITLE
=================================================== */

.page-header h1,
.page-header h2{

  color:#0F4C3A;

  font-weight:800;

  line-height:1.2;
}

/* subtitle */

.page-header + p em{

  color:#64748B;

  font-size:1.1em;
}

/* ===================================================
   ARTICLE CONTENT
=================================================== */

p{

  line-height:1.9;

  color:#374151;
}

/* ===================================================
   RESPONSIVE
=================================================== */

@media(max-width:768px){

  .site-name img{

    border-radius:12px 12px 0 0!important;
  }

  .navbar{

    border-radius:0 0 12px 12px!important;
  }

  .pkp_structure_content.container{

    padding:24px!important;

    border-radius:18px;
  }

  .navbar-form .form-control{

    min-width:160px;
  }

}
```

```css id="remove-banner-padding"
/* ===================================================
   FULL WIDTH HEADER
=================================================== */

.site-name{

  padding:0!important;

  margin:0!important;

  width:100%!important;
}

/* remove container spacing */

.site-name .container{

  width:100%!important;

  padding:0!important;

  margin:0!important;
}

/* banner image */

.site-name img{

  width:100%!important;

  max-width:100%!important;

  border-radius:0!important;

  display:block;
}

```css id="remove-navbar-gap"
/* remove tiny white gap */

.navbar{

  margin-top:0!important;
}
```

```
/* ===================================================
   TASTURA SIDEBAR BLOCK
=================================================== */

.pkp_block{

  background:#ffffff;
  border-radius:18px;
  padding:22px;
  margin-bottom:24px;

  border:1px solid #E8ECEA;

  box-shadow:
    0 8px 24px rgba(15,76,58,.06);

  transition:.3s;
}

.pkp_block:hover{

  transform:translateY(-3px);

  box-shadow:
    0 14px 34px rgba(15,76,58,.10);
}

/* ===================================================
   SIDEBAR TITLE
=================================================== */

.pkp_block .title,
.pkp_block h2{

  font-size:18px;
  font-weight:800;

  color:#0F4C3A;

  margin-bottom:18px;

  border-left:5px solid #C8A96B;

  padding-left:12px;
}

/* ===================================================
   SIDEBAR MENU
=================================================== */

.pkp_block ul{

  list-style:none;

  margin:0;

  padding:0;
}

.pkp_block li{

  margin-bottom:8px;
}

/* ===================================================
   SIDEBAR LINK
=================================================== */

.pkp_block a{

  display:block;

  padding:11px 14px;

  border-radius:12px;

  color:#334155!important;

  font-weight:600;

  text-decoration:none!important;

  transition:.25s;
}

/* hover */

.pkp_block a:hover{

  background:
    rgba(15,76,58,.08);

  color:#0F4C3A!important;

  padding-left:18px;
}

/* active */

.pkp_block .current a,
.pkp_block .active a{

  background:
    linear-gradient(
      135deg,
      #0F4C3A,
      #145C47
    );

  color:white!important;
}

/* ===================================================
   REMOVE DEFAULT BULLET
=================================================== */

.pkp_block li::marker{

  content:"";
}

/* ===================================================
   CUSTOM ICON
=================================================== */

.pkp_block li a::before{

  content:"›";

  color:#C8A96B;

  font-weight:bold;

  margin-right:10px;

  transition:.25s;
}

.pkp_block li a:hover::before{

  margin-right:14px;
}

/* ===================================================
   BLOCK SEPARATOR
=================================================== */

.pkp_block + .pkp_block{

  margin-top:18px;
}