#offcanvas-nav p,#offcanvas-nav h3 {color:#fff}

#changeText {
    opacity: 1;
    transition: opacity 0.5s;
}
.hide {
    opacity: 0 !important;
}
ul.uk-list.def-links li a {color:#444}
ul.uk-list.def-links li a:hover {color:#900;text-decoration:none}
p {color:#444}
span.uk-text-small.uk-text-muted a {color:#444 !important;text-decoration:none}
#our-work h2,#our-work .uk-text-meta a {color:#000}
#top-intro .uk-text-lead {color:#666}
.uk-heading-medium {font-size:3em}
#our-work .top-wrap .uk-position-relative .uk-light{background: linear-gradient(-68deg, #ededed 60%, rgb(247, 247, 247) 30%)}
#faq {background: linear-gradient(68deg, #e6e6e6 30%, #ffffff 30%)}
body:after {content: ' ';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
  opacity: 0.3;
  position:absolute;
  background-image:url("https://elliottscolorbox.com/img/background-1200x600.png");
    background-repeat:no-repeat;max-height:600px;background-size:contain;}
#top-intro {background: linear-gradient(-55deg, #e1e1e1 20%, #ffffff 20%)}
#switchy {background: linear-gradient(100deg, #d6d6d6 30%, #f2f2f2 30%)}
#switchy .uk-list{background:  #ffffff 30%;padding:20px;color:#000;font-size:110%}

.uk-sticky-fixed {background:rgba(246, 246, 246, 0.85)}
.uk-sticky-fixed ul.uk-navbar-nav >li >a,.uk-navbar-nav > li > a {color:#333}

.uk-sticky-fixed .uk-logo img {height:75px}
.uk-button-nav {background:#dcdcdc;margin:0 2px;}
.uk-sticky-fixed .uk-button-nav,.uk-button-secondary {background:#e1e2e2}
.uk-sticky-fixed .uk-button-nav .uk-button-small {border-radius:0px;}
.smaller-text{font-size:85%;}
.larger-text {font-size:120%;}
.uk-accordion-title{background:#690;padding:9px}
.uk-accordion-content{padding:9px 12px 9px 10px;border-left:8px solid #999}
.uk-accordion-content a {color:#000 !important; font-weight:bold}
.uk-navbar-toggle {color:#fff}
footer {background:#fff}




.classOne { /*simple square*/
	background: red;
  }
  .classTwo { /*simple triangle*/
	background: transparent;
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	height: 0;
	width: 0;
	border-bottom: 300px solid blue;
  }
  .classThree { /*simple circle*/
	background: green;
	border-radius: 50%;
  }

	
		input, textarea {min-width:80%;max-width:98%;padding: 15px}
		#message {  padding: 0px 40px 0px 0px; }
		#mail-status {
			padding: 12px 20px;
			width: 100%;
			display:none; 
			font-size: 1em;
			color: rgb(40, 40, 40);
		}
	  .error{background-color: #F7902D;  margin-bottom: 40px;}
	  .success{background-color: #48e0a4; }
	.g-recaptcha {margin: 0 0 25px 0;}



.nav {
	position: absolute;
	top: 15px;
	z-index: 99;
	left: 0;
	right: 0;
}

.uk-sticky-placeholder {
	height: 0 !important;
}


.top-wrap::before, .overlay-wrap::before {
	position: absolute;
	top:0;
	right:0;
	left: 0;
	bottom: 0;
	content: '';
	z-index: 1;
}
.top-wrap-height {
	height: 80vh;
	min-height: 460px;
	transition: height 0.25s;
}
.uk-subnav-pill > * > :first-child {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.04);
}
.top-container {
	z-index: 2;
}
.uk-logo img {
	padding:5px
}
.subtitle-text {
	font-size: 1.2em;
	font-weight: 400;
}
.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(100%);
	transition: filter 0.25s;
}
.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(0);
}
.uk-button-small:not(.uk-button-nav)
   {border-radius:3px;}
.uk-border-pill {border-radius:3px;}

.uk-section-secondary{background:rgb(242, 242, 242);color:#000}
.uk-light .uk-button-secondary {background:rgb(172, 172, 172);color:#fff}
.uk-light .uk-icon-button {background-color:rgba(111, 133, 153, .6)}
.uk-light .uk-icon-button:hover {background-color:rgba(111, 133, 153, .4)}
.uk-light h1{color:#000;text-shadow:.04em .04em .04em #a6a5a5}
.uk-dark h1 {color:#000;text-shadow:.04em .04em .04em #a6a5a5}
h1.uk-light,.h1.uk-heading-medium {font-size:2.3em!important}
#top-intro h1.uk-heading-medium.uk-light {height:70px !important}
@media (max-width: 959px) {
#top-intro h1.uk-heading-medium.uk-light {height:110px !important}
}


.uk-card-default {max-width:320px;height:240px}
html {background:rgba(255,255,255,1)}