@charset "UTF-8";
/* CSS Document */

.creme {
    color: rgba(244, 240, 226, 0.9);
}
.dark-brown {
    color: #302B2A;
}
.tm-toolbar {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #302B2A;
    font-size: 12px;
    color: rgba(244, 240, 226, 0.9);
    font-weight: 600;
}
.uk-logo {
    font-size: 24px;
    font-family: Taviraj;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
}
.uk-search-default .uk-search-input {
    font-family: Roboto;
}
.tm-header {
    padding: 0
}
.uk-navbar-container {
    padding: 1rem 0
}
.uk-navbar-container li.uk-active a:before, .uk-navbar-container li a:before {
    bottom: 20px;
}
.uk-navbar-dropdown-nav>li>a {
    color: rgba(255,243,230,.9);
    padding: 8px 0 6px 0;

  
}

.uk-navbar-dropdown-nav > li.uk-parent > a {
    padding: .5em 0;
    font-size: 1.3em;
	letter-spacing: 1px;
	cursor : default;
}
.uk-navbar-dropdown-nav > li.uk-parent > .uk-nav-sub a {
   
    font-size: 1.1em;

}

.uk-navbar-dropdown-nav .uk-nav-sub {
    padding-left: 0px;
    padding-top: .4em;
}
.uk-navbar-dropdown-nav .uk-nav-sub > li.uk-parent ul {
    padding-left: 2em;
    padding-top: .5em;
    font-size: .9em;
    font-weight: 500
}


h1, h1.uk-h2 {
	font-size:2.6em;
}

.uk-h3, .uk-h4, .uk-h5, .uk-h6, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: Roboto;
    font-weight: 500;
    text-transform: inherit;
    letter-spacing: 1px;
}
h3.uk-h2 , h3, .uk-h3 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 0px;
	font-family: Taviraj;
}

h4, .uk-h4 {
    font-size: .95em;
    font-weight: 500;
    letter-spacing: 0px;
}


#top.banner h2, #top.banner h3 {
    color: rgba(244, 240, 240, 0.9);
}
#top.banner h2.uk-h4 {
    font-family: Montserrat!important;
    font-size: .80em;
    letter-spacing: 3px;
    font-weight: 700;
    color: rgba(244, 240, 226, .8)
}
.home #home-message .intro {color: rgba(244, 240, 226, 0.9); font-weight: 400; max-width: 90%; text-align: left; margin: 0 auto;}
.home h2.services-intro {
    font-size: 2.2em;
    font-family: Taviraj;
    font-weight: 300;
    text-transform: none;
    color: rgba(244, 240, 226, .9);
    letter-spacing: .01em;
}
.home .services a.uk-button-primary.uk-button {
    background-color: transparent;
    color: rgba(244,240,226,.8);
    background-image: none!important;
    padding: .5em 1em!important;
    border: 1px solid rgba(244,240,226,.7);
}
.home a.uk-button-primary.uk-button:focus, .a.uk-button-primary.uk-button:hover {
    color: rgba(244,240,226,1);
    background: #6d4e26 !important;
}
.home .services .uk-text-lead {
    font-size: 14px
}


.uk-text-meta {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(244, 240, 226, 0.89);
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 2px;
	margin:10px
}

.uk-section-muted.uk-section-xsmall {
    padding-top: 10px;
    padding-bottom: 10px;
}
.uk-section-secondary.uk-section-small {
    padding-top: 30px;
    padding-bottom: 30px;
}

div.uk-section-secondary blockquote {font-size:1.3em !important}
div.uk-section-muted.portfolio em {color:#7e4d22}
div.uk-section-secondary a, div.uk-section-muted a {color:#7e4d22;font-weight:bold}

div.uk-section-muted.portfolio h2 {
    font-size: 1.8em;
    line-height: 1.1;
    font-family: Taviraj;
    font-weight: 400;
    color: #302B2A;
}
div.uk-section-muted.portfolio h2 span {
    font-size: .7em
}


.uk-text-lead {
    font-weight: 300;
}
#tm-main.uk-section-default {
    background: #eee;
}



/*.project-hdr a.uk-button, .portfolio a.uk-button {
    background-color: rgba(244, 240, 240, 1);
    color: rgba(43,48,48,1);
    border: 1px solid rgba(43,48,48,.8);
    border-radius: 2px;
    font-weight: 500;
}
*/
.portfolio a.uk-button, .copy a.uk-button{
    color: rgba(244, 240, 240, 1)!important;
    background-color: #302B2A;
    border-radius: 3px;
    font-weight: 500;
    font-size: .8em;
    padding: .3em .8em;
    font-family: Roboto;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #A94A1D;
}
.uk-breadcrumb a, .uk-breadcrumb>li:last-child>* {
    display: inline-block;
    font-size: 11px;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #A94A1D;
}
.breadcrumbs {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .7em;
    letter-spacing: 1px;
}
.footer-section::before {
    background-image: url(/wp-content/uploads/2018/01/orange-down-arrow-notext.png);
    position: absolute;
    width: 412px;
    height: 94px;
    content: "";
 left: calc(50% - (412px/2));
}
.footer-section .el-content.uk-margin{margin-top:10px!important}
.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 368px;
    padding: 20px 20px;
    background: #312a2a;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    box-shadow: 2px 3px 6px 0 rgba(25,20,17,.35);
}
.phone-only {
    display: none
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    -webkit-appearance: none!important;
    font-size: 1.4em;
    padding: .5em 1em;
}

.uk-offcanvas-bar .uk-nav.uk-nav-default > li.menu-item > a, .uk-offcanvas-bar .uk-nav.uk-nav-default > li.uk-parent.uk-nav-header, .uk-offcanvas-bar  ul.uk-nav-default >li> a {
    font-size: 1.3em!important;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top:0;
}
.uk-offcanvas-bar .uk-nav.uk-nav-default > li.uk-parent.uk-nav-header > ul.uk-nav-sub > li.uk-parent {
    font-size: .9em;
    font-weight: 500;
    letter-spacing: 2px;
}
.uk-offcanvas-bar .uk-nav.uk-nav-default > li.uk-parent.uk-nav-header > ul.uk-nav-sub li ul li a {
    font-size: .8em;
    font-weight: 400;
    padding-left: 20px;
	letter-spacing: 0px;
}


blockquote {color:#302B2A }

@media only screen and (min-width: 320px) and (max-width: 780px) and (orientation: landscape) {
div.phone-only.uk-flex-middle.uk-grid {
    display: flex!important;
}
div.big-display.uk-flex-middle.uk-grid {
    display: none!important;
}
.uk-h2, h2 {
    font-size: 1.8em;
    line-height: 1.1;
    font-family: Taviraj;
    font-weight: 300;
}
}

@media only screen and (min-width : 320px) and (max-width : 780px) and (orientation: portrait) {
div.phone-only.uk-flex-middle.uk-grid {
    display: flex!important;
}
div.big-display.uk-flex-middle.uk-grid {
    display: none!important;
}
.uk-h2, h2 {
    font-size: 1.8em;
    line-height: 1.1;
    font-family: Taviraj;
    font-weight: 300;
}
}

@media only screen and (min-width: 694px) and (max-width: 1024px) and (orientation: portrait) {
.portfolio .uk-inline-clip {
    max-width: 300px!important;
}
}

@media only screen and (min-device-width: 694px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
div.phone-only.uk-flex-middle {
    display: flex!important;
}
div.big-display.uk-flex-middle {
    display: none!important;
}
.portfolio .uk-inline-clip {
    max-width: 300px!important;
}
	.uk-search-default .uk-search-icon {
    width: 20px;
}

	
}

@media only screen and (min-device-width: 694px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
div.phone-only.uk-flex-middle {
    display: flex!important;
}
div.big-display.uk-flex-middle {
    display: none!important;
}
	
.uk-navbar-center, .uk-navbar-center-left>*, .uk-navbar-center-right>*, .uk-navbar-left, .uk-navbar-right {
    display: flex;
    align-items: flex-start; 
}
.uk-navbar-nav>li>a {
	font-size:.85em;
 	letter-spacing: 0;
}
.uk-logo {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
}
}

@media (min-width: 800px) and (max-width: 1280px) {
div.phone-only {
    display: none;
}
}

@media (min-width: 900px) and (max-width: 1440px) {
div.phone-only {
    display: none;
}
}

@media (min-width: 960px) {
.uk-section-xlarge {
    padding-top: 300px;
    padding-bottom: 300px;
}
}

@media (min-width: 1280px) {
.uk-section.copy {
    max-width: 70vw;
    margin: 0 auto
}
}