body, html { font-family: 'Montserrat', sans-serif; font-optical-sizing: auto; font-size: 16px; font-weight: 400; font-style: normal; line-height: 1.5; }


/** Layout **/
.uk-container { max-width:1200px; padding-left: 30px; padding-right: 30px; }
.uk-section { display: flow-root; box-sizing: border-box;  }

.uk-section-primary { background: #182e4f; }
.uk-section-primary:not(.uk-preserve-color) { color:#fff; }
.uk-section-secondary { background: #f4ece1; }
.uk-section-muted { background: #f4f4f4; }


/** Typography **/
h1, .uk-h1, h2, .uk-h2,  h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 { font-weight: 700; color: #000; }
h1, .uk-h1 { font-size:1.875rem; }
h2, .uk-h2 { font-size:2.125rem; }
h3, .uk-h3 { font-size:1.75rem; }
h4, .uk-h4 { font-size:1.5rem; }
h5, .uk-h5 { font-size:1.25rem; }
h6, .uk-h6 { font-size:1.125rem; }

h2 span { font-size:1.125rem; text-transform: uppercase; font-weight: 600 }

#residential-painting-services h2 span { color:rgb(160,50,130); }
#commercial-painting-services h2 span { color:rgb(240,130,50); }
#industrial-maintenance-services h2 span { color:rgb(130,200,70); }

p { font-weight: 400; font-size: 16px; line-height: 1.5; color: #000; }
.uk-text-small { font-size:0.875rem; color: #000; }
.uk-text-lead { font-size:1.125rem; color: #000; }
.uk-text-large { font-size:1.125rem; color: #000; }
.uk-text-bold { font-weight: 700; }
.uk-text-semibold { font-weight: 600; }

a, a:link, a:hover, a:visited, a:focus { color: #000; }

ul { list-style:disc }


#header * { color:white; }
#header { 
    background: 
    url("../img/header-painting-background.jpg") top right no-repeat,
    linear-gradient(90deg, rgba(17,39,86,1) 0%, rgba(14,85,144,1) 100%), rgb(17,39,86);
    background-size: cover, auto, auto;
 }
#header .uk-card-primary { border-radius:6px; border:1px solid rgb(255,255,255,.2); background:unset; padding:16px; box-shadow:unset; transition: ease background .5s; }
#header .uk-card-primary:hover { background:rgb(255,255,255,.1); }



/** Navigation **/
.uk-navbar-nav>li>a { text-transform: none; color: #072e50; }
.uk-navbar .uk-icon { color:#bf955f; }
.uk-offcanvas-bar { background-color:#072e50; width:100% }
.uk-off-canvas>li>a { padding: 16px 0; }
.uk-off-canvas.uk-button { font-size: 1rem; font-weight: 600 }
@media (min-width: 440px) { .uk-offcanvas-bar { width:440px; } }


/** Form **/
.uk-form-label { display:block; font-weight: 600; margin-bottom: 10px; }
.uk-input, .uk-select, .uk-select:not([multiple]):not([size]) { height:50px; }
.uk-input, .uk-select, .uk-textarea { border-radius: 8px; background: unset; border: 1px solid #ccc; }
.uk-input:focus, .uk-select:focus, .uk-textarea:focus { border: 1px solid #bf955f; color: #bf955f; }


/** Buttons **/
.uk-button { text-transform: none; border-radius: 8px; padding: 12px 25px; line-height:30px; margin-bottom:10px !important }
.uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default { background-color: #fff; color:#072e50; font-weight: 600; font-size: 1rem }
.uk-button-primary { background-color: #072e50; }
.uk-button-primary:hover { background-color: #072e50; }
.uk-button-secondary { background-color: #bf955f; }
.uk-button-secondary:hover { background-color: #bf955f; }


/** Utility **/
.uk-padding-large-top { padding-top:70px !important; }
.uk-padding-large-bottom { padding-bottom:70px !important; }
.uk-box-shadow-large { box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.filter-shadow { -webkit-filter: drop-shadow(0 15px 8px #d7dce1); filter: drop-shadow(0 15px 8px #d7dce1); }




.card-container { padding:60px; }
@media (max-width: 1199px) {
.card-container { padding:60px 30px; }
}

@media (max-width: 1319px) {
#header-container { 
background:
  linear-gradient(0deg, rgba(179, 211, 217, 1) 0%, rgba(233, 243, 245, 1) 100%),
  rgb(179, 211, 217);

background-size: auto, auto;
}
}



/* Ensure slideshow images fill the container */
.uk-slideshow-items {
  height: 100%;
}
.uk-slideshow-items img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}