/*  --------------------------------------------------------
SELECTION COLOR
-------------------------------------------------------- */
::-moz-selection { /* Code for Firefox */
    background: gold;
}
::selection {
    background: gold;
}

/*  --------------------------------------------------------
BACKGROUND COLOR
-------------------------------------------------------- */
.navbar-pasific .navbar-toggle .icon-bar,
.bg-pasific,
.button-pasific-o:hover,
.button.button-pasific,
.button-3d.button-pasific,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills-vertical li.active a,
a.add-to-cart:hover,
#blog form.blog-form-search button,
.badge-pasific,
.price-three .price-badge,
#sidebar ul.tag li:hover,
.irs-from, .irs-to, .irs-single,
input[type=checkbox]:checked + label:before,
.button-pasific.hover-fade:hover, .button-pasific.hover-fade:focus, .button-pasific.hover-fade:active,
.button-pasific.hover-back-pulse:hover, .button-pasific.hover-back-pulse:focus, .button-pasific.hover-back-pulse:active,
.button-pasific.hover-sweep-to-right:before,
.button-pasific.hover-sweep-to-left:before,
.button-pasific.hover-sweep-to-bottom:before,
.button-pasific.hover-sweep-to-top:before,
.button-pasific.hover-bounce-to-right:before,
.button-pasific.hover-bounce-to-left:before,
.button-pasific.hover-bounce-to-top:before,
.button-pasific.hover-bounce-to-bottom:before,
.button-pasific.hover-radial-out:before,
.button-pasific.hover-rectangle-out:before,
.button-pasific.hover-shutter-out-horizontal:before,
.button-pasific.hover-shutter-out-vertical:before {
    background-color: gold !important;
}

/* From Uiverse.io by Nawsome */ 
.continue-application {
  --color: #232f7d;
  --background: #fff;
  --background-hover: #3A4059;
  --background-left: #2B3044;
  --folder: #F3E9CB;
  --folder-inner: #BEB393;
  --paper: #FFFFFF;
  --paper-lines: #BBC1E1;
  --paper-behind: #E1E6F9;
  --pencil-cap: #fff;
  --pencil-top: #275EFE;
  --pencil-middle: #fff;
  --pencil-bottom: #5C86FF;
  --shadow: rgba(13, 15, 25, .2);
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  font-size: 2em;
  font-weight: 900;
  line-height: 19px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding: 17px 29px 17px 69px;
  transition: background 0.3s;
  color: var(--color);
  background: var(--bg, var(--background));
  width: 324px !important
}

.continue-application:hover {
color:#fff 
}

.continue-application > div {
  top: 0;
  left: 0;
  bottom: 0;
  width: 53px;
  position: absolute;
  overflow: hidden;
  border-radius: 5px 0 0 5px;
  background: var(--background-left);
}

.continue-application > div .folder {
  width: 23px;
  height: 27px;
  position: absolute;
  left: 15px;
  top: 13px;
}

.continue-application > div .folder .top {
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  transform: translateX(var(--fx, 0));
  transition: transform 0.4s ease var(--fd, 0.3s);
}

.continue-application > div .folder .top svg {
  width: 24px;
  height: 27px;
  display: block;
  fill: var(--folder);
  transform-origin: 0 50%;
  transition: transform 0.3s ease var(--fds, 0.45s);
  transform: perspective(120px) rotateY(var(--fr, 0deg));
}

.continue-application > div .folder:before, .continue-application > div .folder:after,
.continue-application > div .folder .paper {
  content: "";
  position: absolute;
  left: var(--l, 0);
  top: var(--t, 0);
  width: var(--w, 100%);
  height: var(--h, 100%);
  border-radius: 1px;
  background: var(--b, var(--folder-inner));
}

.continue-application > div .folder:before {
  box-shadow: 0 1.5px 3px var(--shadow), 0 2.5px 5px var(--shadow), 0 3.5px 7px var(--shadow);
  transform: translateX(var(--fx, 0));
  transition: transform 0.4s ease var(--fd, 0.3s);
}

.continue-application > div .folder:after,
.continue-application > div .folder .paper {
  --l: 1px;
  --t: 1px;
  --w: 21px;
  --h: 25px;
  --b: var(--paper-behind);
}

.continue-application > div .folder:after {
  transform: translate(var(--pbx, 0), var(--pby, 0));
  transition: transform 0.4s ease var(--pbd, 0s);
}

.continue-application > div .folder .paper {
  z-index: 1;
  --b: var(--paper);
}

.continue-application > div .folder .paper:before, .continue-application > div .folder .paper:after {
  content: "";
  width: var(--wp, 14px);
  height: 2px;
  border-radius: 1px;
  transform: scaleY(0.5);
  left: 3px;
  top: var(--tp, 3px);
  position: absolute;
  background: var(--paper-lines);
  box-shadow: 0 12px 0 0 var(--paper-lines), 0 24px 0 0 var(--paper-lines);
}

.continue-application > div .folder .paper:after {
  --tp: 6px;
  --wp: 10px;
}

.continue-application > div .pencil {
  height: 2px;
  width: 3px;
  border-radius: 1px 1px 0 0;
  top: 8px;
  left: 105%;
  position: absolute;
  z-index: 3;
  transform-origin: 50% 19px;
  background: var(--pencil-cap);
  transform: translateX(var(--pex, 0)) rotate(35deg);
  transition: transform 0.4s ease var(--pbd, 0s);
}

.continue-application > div .pencil:before, .continue-application > div .pencil:after {
  content: "";
  position: absolute;
  display: block;
  background: var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));
  width: var(--w, 5px);
  height: var(--h, 20px);
  border-radius: var(--br, 2px 2px 0 0);
  top: var(--t, 2px);
  left: var(--l, -1px);
}

.continue-application > div .pencil:before {
  -webkit-clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
  clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
}

.continue-application > div .pencil:after {
  --b: none;
  --w: 3px;
  --h: 6px;
  --br: 0 2px 1px 0;
  --t: 3px;
  --l: 3px;
  border-top: 1px solid var(--pencil-top);
  border-right: 1px solid var(--pencil-top);
}

.continue-application:before, .continue-application:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background: var(--color);
  transform-origin: 9px 1px;
  transform: translateX(var(--cx, 0)) scale(0.5) rotate(var(--r, -45deg));
  top: 26px;
  right: 16px;
  transition: transform 0.3s;
}

.continue-application:after {
  --r: 45deg;
}

.continue-application:hover {
  --cx: 2px;
  --bg: var(--background-hover);
  --fx: -40px;
  --fr: -60deg;
  --fd: .15s;
  --fds: 0s;
  --pbx: 3px;
  --pby: -3px;
  --pbd: .15s;
  --pex: -24px;
}


/*  --------------------------------------------------------
BORDER COLOR
-------------------------------------------------------- */
.heading-icon,
.heading-icon-o,
.button-o.button-pasific,
blockquote,
blockquote.blockquote-reverse,
blockquote.blockquote-pasific,
blockquote.blockquote-pasific-reverse,
.navbar-pasific .navbar-toggle,
.nav-tabs-vertical li a:hover,
.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a,
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-pasific:after,
.button-pasific-o,
.button-pasific-o:hover,
.heading-divider,
.hover-ripple-out:before,
.hover-ripple-in:before,
.button-pasific.hover-ripple-out:before,
.button-pasific.hover-ripple-in:before,
a.add-to-cart:hover,
input[type=checkbox]:checked + label:before,
#sidebar ul.tag li:hover,
.copyright a:hover {        
    border-color: gold;
}


/*  --------------------------------------------------------
TEXT COLOR
-------------------------------------------------------- */
a:hover,
a[class*="color-"]:hover,
.heading,
.heading-red,
.heading-icon-o,
.button-o.button-pasific,
.header-search:hover,
.color-pasific,
.button-o.button-pasific,
.w3_megamenu .dropdown-menu .withoutdesc ul li a:hover,
.nav-tabs-vertical li a:hover,
.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a,
.testimonial .testimonial-header i,
.testimonial .testimonial-footer,
.box-content a:hover,
.modal-footer a:hover,
.testimonial-container a:hover,
#portfolioGrid .portfolio .portfolio-item a span:hover,
#portfolioMasonry ul li a.active,
#portfolioGrid ul li a.active,
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask a,
#portfolioGrid .portfolio .portfolio-item a span:hover,
#blog a:hover i.fa,
#blog nav ul li a:hover,
#blog nav ul li.active a,
#blog ul.pagination li a:hover,
.blog-one .blog-one-attrib .blog-author-name,
.blog-one .blog-one-footer i,
.blog-one .blog-one-footer a:hover,
.blog-attrib-container a:hover,
.blog-post-read-tag a:hover,
#blog .blog-sidebar-popular-post-container a:hover,
.shop-item-price,
.shop-layout:hover,
.shop-control-prev:hover,
.shop-control-next:hover,
#portfolio ul li a.active,
#portfolioNoGutter ul li a.active,
#portfolio .portfolio-mask p a,
#portfolio .portfolio-mask .portfolio-mask-attr span a:hover,
#shop .shop-layout ul li.active a,
#shop ul.pagination li a:hover,
#shop ul.shop-sidebar li.active a,
#shop ul.shop-sidebar li a:hover,
.feature-container-in:hover > div.feature-icon,
#footer ul li a:hover,
.copyright i.fa,
.typed-cursor {
    color: gold;
}

.top-nav-collapse .navbar-nav li a:hover,
.top-nav-collapse .navbar-nav li a.active:hover,
.top-nav-collapse .navbar-nav li a.active,
.navbar-pasific .navbar-brand:hover,
.navbar-pasific .navbar-brand:focus,
a.color-light:hover,
.blog-title a:hover,
.megamenu .dropdown .dropdown-menu li a:hover {
    color: gold !important;
}

.top-nav-collapse .navbar-nav li.active a {
    color: red !important
}
/*  --------------------------------------------------------
OTHER
-------------------------------------------------------- */
.irs-from:after, .irs-to:after, .irs-single:after {
    border-top-color: gold;
}
.heading,
.heading-solid-icon div,
.heading-dotted-icon div,
.heading-dashed-icon div,
.heading-solid-icon div div,
.heading-dotted-icon div div,
.heading-dashed-icon div div,
.heading-double-icon div,
.heading-double-icon div div {
    border-top-color: #fff !important;
    color: #fff !important;
}
.megamenu .dropdown-submenu:hover>a:after{
	border-left-color:gold;
}

.heading-red,
.heading-solid-icon-red div,
.heading-dotted-icon-red div,
.heading-dashed-icon-red div,
.heading-solid-icon-red div div,
.heading-dotted-icon-red div div,
.heading-dashed-icon-red div div,
.heading-double-icon-red div,
.heading-double-icon-red div div {
    border-top-color: gold !important;
    color: gold !important;
    margin-bottom: 20px;
}

