/* body fonts & colors */
html {
font-size: 14px;
}
body {
font-family: 'Montserrat', sans-serif;
color: rgba(255,255,255,);
background-color: rgba(255,255,255,1.0);
background-image: url("../images/pngs/white.png");
line-height: 100%;
}
/* header */
header {
background-color: rgba(255,255,255,0);
font-family: 'Montserrat', sans-serif;
line-height: 100%;
}
div.slider {
background-color: rgba(137,111,52,1);
padding-bottom: 8px;
}
div.logotype {
font-family: 'Montserrat', sans-serif;
color: rgba(137,111,52,0.9);
line-height: 100%;
}
img.logo {
padding: 7.0% 0px 5.0% 0px;
max-width: 100%;
}
div.tel {
color: rgba(0,0,0,1);
line-height: 230%;
}
div.slogan {
font-family: 'Nunito', sans-serif;
color: rgba(255,255,255,1);
line-height: 110%;
padding: 7.25% 0px 0px 0px;
}
article div.social {
color: rgba(255,255,255,0.9);
}
/* nav */
/* main site navigation (nav_main) */
nav, .sb-slidebar {
color: rgba(255,255,255,1);
font-family: 'Montserrat', sans-serif;
line-height: 320%;
background-color: rgba(137,111,52,1);
}
.sb-slidebar {
background-color: rgba(82,67,31,1);
}
.sb-slidebar a, .sb-slidebar a:visited {
color: rgba(255,255,255,0.8);
background-color: transparent;
}
.sb-slidebar a:hover {
color: rgba(255,255,255,1);
background-color: transparent;
}
#sbnav {
box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.15);
margin-top: 0px;
max-width: 90%;
}
#sbnav li {
background-color: rgba(137,111,52,1);
border: 1px solid rgba(82,67,31,1);
}
#nav li a, #nav li a:visited, #sbnav li a, #sb-ul li a:visited {
color: rgba(255,255,255,1);
}
#nav li a:hover, #sbnav li a:hover {
color: rgba(255,255,255,1);
background-color: rgba(255,255,255,0.3);
}
#sbnav li a:hover {
color: rgba(255,255,255,1);
box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.15);
}
#nav li a.thisback, #nav li a.thisback:visited, #sbnav li a.thisback, #sb-ul li a.thisback:visited, #nav li a.thisback:hover, #sbnav li a.thisback:hover {
background-color: rgba(255,255,255,0.3);
}
#nav li a.thisbackgroup, #nav li a.thisbackgroup:visited, #sbnav li a.thisbackgroup, #sb-ul li a.thisbackgroup:visited, #nav li a.thisbackgroup:hover, #sbnav li a.thisbackgroup:hover {
background-color: rgba(255,255,255,0.3);
}
#nav li:hover > ul {
background-color: rgba(137,111,52,0.9);
line-height: 300%;
}
#nav ul.firstflyout {
background-image: linear-gradient(rgba(14,11,5,0.05), rgba(14,11,5,0.2));
}
#nav ul.firstflyout li {
background-color: rgba(137,111,52,0);
}
#nav ul.firstflyout li a, .firstflyout li a:visited {
color: rgba(255,255,255,1);
background-color: rgba(255,255,255,0);
}
#nav ul.firstflyout li a:hover {
color: rgba(0,0,0,1);
background-color: rgba(255,255,255,0.5);
}
#sbnav li div {
margin: 2% 0px 10% 10%;
text-align: left;
padding: 0px;
border-left: 1px solid rgba(82,67,31,1);
}
#sbnav li div div {
border: none;
padding: 0px;
margin: 1px 0px;
}
#sbnav li div div a {
line-height: 160%;
border-left: 1px solid rgba(255,255,255,0);
}
#sbnav li div div a:hover {
line-height: 160%;
border-left: 1px solid rgba(255,255,255,1);
}
/* sidebar mobile navigation (nav_sidebar)*/
#sb-site, .sb-site-container {
background-color: rgba(255,255,255,1.0); /* same as body back - cannot be transparent */
background-image: url("../images/pngs/white.png"); /* same as body back */
}
/* footer */
footer {
color: rgba(128,128,128,1);
font-family: 'Montserrat', sans-serif;
line-height: 100%;
}
footer a, footer a:visited {
color: rgba(0,0,0,1);
}
footer a:hover {
color: rgba(255,8,29,1);
}
section.footer_extra {
color: rgba(128,128,128,1);
}
div.footnote {
color: rgba(128,128,128,1);
font-family: 'Montserrat', sans-serif;
line-height: 130%;
text-align: center;
}
section.copyright {
color: rgba(128,128,128,1);
line-height: 120%;
}
section.copyright a, section.copyright a:visited {
color: rgba(128,128,128,1);
}
section.copyright a:hover {
color: rgba(0,0,0,1);
}
/* content section */
section.main {
font-family: 'Nunito', sans-serif;
color: rgba(0,0,0,1);
line-height: 150%;
max-width: 1000px;
min-height: 100px;
font-weight: 300;
}
.text_default_color { color: rgba(0,0,0,1); }
article.pagetitle {
font-family: 'Montserrat', sans-serif;
color: rgba(0,0,0,1);
line-height: 200%;
text-align: left;
}
article.pagetitle div {
position: relative; top: 0px; left: 0px; padding: 0px; margin: 0px; width: auto; max-width: 100%;
}
article.pagetitle div div {
position: position: absolute; float: left; margin: 0em 0em 0em 1%; text-align: left; line-height: 0px; color: rgba(255,255,255,1); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.note {
color: rgba(69,56,26,0.7);
line-height: 130%;
}
.attention_color {
color: rgba(128,4,15,1);
}
.highlighter_color {
background-color: rgba(255,8,29,0.5);
}
figcaption {
color: rgba(69,56,26,0.7);
line-height: 130%;
}
.googlemaps {
border: 1px solid rgba(69,56,26,0);
}
div.videocontent {
border: 1px solid rgba(69,56,26,0.75);
}
div.videocaption {
color: rgba(161,140,93,0.75);
line-height: 130%;
}
.shadow {
box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.15);
}
.slide-viewer {
box-shadow: 0px 3px 5px 0px rgba(14,11,5,0.40);
}
.slider {
background-color: rgba(137,111,52,0);
}
.slide-buttons {
background-color: rgba(137,111,52,0.6);
border-radius: 15px;
box-shadow: 0px 3px 4px 0px rgba(14,11,5,0.4);
}
.slide-btn {
color: rgba(41,33,16,1);
}
.slide-btn.active, .slide-btn:hover {
color: rgba(161,140,93,1);
}
.back_body { background-color: rgba(137,111,52,0.8); color: rgba(255,255,255,1); }
.back_content { background-color: rgba(179,179,179,1); color: rgba(255,255,255,1); }
.back_highlighter { background-color: rgba(255,8,29,1); color: rgba(255,255,255,1); }
.back_black { background-color: rgba(0,0,0,1); color: rgba(255,255,255,1); }
.back_white { background-color: rgba(255,255,255,1); color: rgba(14,11,5,1); }
.back_black2 { background-color: rgba(0,0,0,0.5); color: rgba(255,255,255,1); }
.back_white2 { background-color: rgba(255,255,255,0.5); color: rgba(14,11,5,1); }
.border_body { border: 1px solid rgba(137,111,52,0.8); }
.border_content { border: 1px solid rgba(179,179,179,1); }
.border_highlighter { border: 1px solid rgba(255,8,29,1); }
.border_black { border: 1px solid rgba(14,11,5,1); }
.border_white { border: 1px solid rgba(230,230,230,1); }
.border_left_body { border-left: 0.8em solid rgba(137,111,52,1); }
.border_right_body { border-right: 0.8em solid rgba(137,111,52,1); }
.border_top_body { border-top: 0.8em solid rgba(137,111,52,1); }
.border_bottom_body { border-bottom: 0.7em solid rgba(137,111,52,1); }
.border_left_content { border-left: 0.8em solid rgba(0,0,0,1); }
.border_right_content { border-right: 0.8em solid rgba(0,0,0,1); }
.border_top_content { border-top: 0.8em solid rgba(0,0,0,1); }
.border_bottom_content { border-bottom: 0.7em solid rgba(0,0,0,1); }
.border_left_highlighter { border-left: 0.8em solid rgba(255,8,29,1); }
.border_right_highlighter { border-right: 0.8em solid rgba(255,8,29,1); }
.border_top_highlighter { border-top: 0.8em solid rgba(255,8,29,1); }
.border_bottom_highlighter { border-bottom: 0.7em solid rgba(255,8,29,1); }
.border_left_black { border-left: 0.8em solid rgba(14,11,5,1); }
.border_right_black { border-right: 0.8em solid rgba(14,11,5,1); }
.border_top_black { border-top: 0.8em solid rgba(14,11,5,1); }
.border_bottom_black { border-bottom: 0.8em solid rgba(14,11,5,1); }
.border_left_white { border-left: 0.8em solid rgba(243,241,235,1); }
.border_right_white { border-right: 0.8em solid rgba(243,241,235,1); }
.border_top_white { border-top: 0.8em solid rgba(243,241,235,1); }
.border_bottom_white { border-bottom: 0.8em solid rgba(243,241,235,1); }
.text_body { color: rgba(137,111,52,1); }
.text_content { color: rgba(0,0,0,1); }
.text_highlighter { color: rgba(255,8,29,1); }
/* More Button */
span.arrow-right {
width: 0px; height: 0px; font-size: 0px; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 14px solid #ffffff; vertical-align: middle; font-size: 4%;
}
div.more-button, div.more-button:visited {
background-color: rgba(255,8,29,1);
background-image: linear-gradient(170deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
color: rgba(255,255,255,1);
text-align: center;
border-radius: 10px;
padding: 1px 14px 1px 16px;
border-top: 1px solid rgba(255,57,74,1);
border-left: 1px solid rgba(255,57,74,1);
box-shadow: 2px 2px 3px 2px rgba(14,11,5,0.3);
display: table;
}
div.more-button:hover {
background-color: rgba(179,179,179,1);
background-image: linear-gradient(170deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
color: rgba(255,255,255,1);
border-top: 1px solid rgba(204,204,204,1);
border-left: 1px solid rgba(204,204,204,1);
box-shadow: -2px -2px 3px 2px rgba(14,11,5,0);
cursor: pointer;
}
div.more-button a.more, div.more-button a.more:hover, div.more-button a.more:visited {
color: rgba(255,255,255,1);
background: rgba(255,255,255,0);
border-bottom: 2px solid rgba(255,255,255,0);
}
div.more-button a.more:hover {
cursor: pointer;
}
div.arrow {
background-color: rgba(0,0,0,1);
color: #ffffff;
height: 1.0em;
line-height: 1.0em;
text-align: center;
width: 15%;
min-width: 60px;
max-width: 90px;
height: 2.0em;
line-height: 2.0em;
display: block;
}
div.arrow a, div.arrow a:visited {
color: rgba(255,255,255,1);
background: rgba(255,255,255,0);
border-bottom: 2px solid rgba(255,255,255,0);
font-variant: small-caps;
}
div.arrow:hover {
background: rgba(179,179,179,1);
}
div.prev {
margin: 0px 15px;
padding-right: 0.3em;
}
div.prev:before {
border-color: transparent rgba(0,0,0,1) transparent transparent;
border-style: solid;
border-width: 1.6em 2.6em 1.6em 0px;
content: "";
display: block;
float: left;
height: 0px;
margin: -0.50em -2.4em;
width: 0px;
}
div.prev:hover:before {
border-color: transparent rgba(179,179,179,1) transparent transparent;
}
div.prev:after {
}
div.next {
float: right;
margin: 0px 15px;
padding-left: 0.3em;
}
div.next:after {
border-color: transparent transparent transparent rgba(0,0,0,1);
border-style: solid;
border-width: 1.6em 0px 1.6em 2.6em;
content: "";
display: block;
float: right;
height: 0px;
margin: -0.50em -2.4em;
width: 0px;
}
div.next:hover:after {
border-color: transparent transparent transparent rgba(179,179,179,1);
}
article.left, article.right {
min-height: auto;
padding: 0%;
width: 50%;
}
article.left { float: left; }
article.right { float: right; }
/* links - regular */
section.main a, section.main a:visited {
color: rgba(255,8,29,1);
background: rgba(230,230,230,0);
border-bottom: 1px dotted rgba(110,89,42,0);
}
section.main a:hover {
color: rgba(255,255,255,1);
background: rgba(255,8,29,1);
border-bottom: 1px solid rgba(255,8,29,0);
}
section.main table td a, section.main table td a:visited, section.main table td a:hover {
border-bottom: 1px solid rgba(255,255,255,0);
}
div a.none, div a.none:visited, div a.none:hover, section a.none, section a.none:visited, section a.none:hover {
color: rgba(14,11,5,0.9);
background: rgba(255,255,255,0);
border-bottom: 2px solid rgba(255,255,255,0);
}
div.logotype a, div.logotype a:visited , div.logotype a:hover {
color: rgba(255,255,255,0.9);
background: rgba(255,255,255,0);
border-bottom: 2px solid rgba(255,255,255,0);
}
figure a, figure a:visited, figure a:hover, figure a.popup-youtube, figure a.popup-youtube:visited, figure a.popup-youtube:hover {
background: rgba(255,255,255,0);
color: rgba(69,56,26,0.7);
border-bottom: 2px solid rgba(255,255,255,0);
}
figcaption a, figcaption a:visited, figcaption a:hover, figcaption a.popup-youtube, figcaption a.popup-youtube:visited, figcaption a.popup-youtube:hover {
background: rgba(255,255,255,0);
color: rgba(69,56,26,0.7);
border-bottom: 2px solid rgba(255,255,255,0);
}
/* Services Relevant Projects Nav Box*/
div.projects {
width: 94%;
max-width: 500px;
margin: 4% auto 4% auto;
padding: 0px;
color: rgba(255,255,255,1);
font-weight: 400;
text-align: left;
}
div.projects div.proj_heading {
background-color: rgba(137,111,52,0.8);
font-weight: bold;
font-size: 1.3em;
padding: 4.0%;
}
div.projects ul {
margin: 0px;
}
div.projects ul li {
display: block;
padding: 0px;
font-size: 1.1em;
background-color: rgba(179,179,179,1);
margin-bottom: 1px;
}
div.projects ul li:hover {
background-color: rgba(255,8,29,1);
}
div.projects a, div.projects a:hover, div.projects a:visited {
display: inline-block;
color: rgba(255,255,255,1);
background: none;
width: 94%;
margin: 0px;
padding: 5%;
transition: all 1.0s ease;
text-decoration: none;
}
div.projects a:hover {
color: rgba(255,255,255,1);
}
/* contact forms */
::-webkit-input-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; }
:-moz-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; }
::-moz-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; } /* firefox 19+ */
:-ms-input-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; } /* ie */
input:-moz-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; }
textarea::-moz-placeholder { color: rgba(14,11,5,0.6); font-family: 'Montserrat', sans-serif; }
input[type=text], input[type=password], select, textarea {
background-color: rgba(230,230,230,0.5);
border: 1px dotted rgba(137,111,52,1);
font-family: 'Montserrat', sans-serif;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
border: 1px dotted rgba(255,0,0,1.0);
background-color: rgba(255,255,255,1.0);
box-shadow: 2px 2px 2px 1px rgba(123,100,47,0.2);
font-family: 'Montserrat', sans-serif;
}
input[type=submit] {
color: rgba(255,230,232,1);
background-color: rgba(255,8,29,1);
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
box-shadow: 2px 2px 4px 1px rgba(26,1,3,0.4);
font-family: 'Montserrat', sans-serif;
border-radius: 20px;
cursor: pointer;
}
input[type=submit]:focus, input[type=submit]:hover {
color: rgba(255,255,255,1);
background-color: rgba(179,179,179,1);
background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
box-shadow: 0px 0px 0px 0px rgba(14,11,5,0);
font-family: 'Montserrat', sans-serif;
}
input[type=text].inputerror, input[type=password].inputerror, textarea.inputerror, select.inputerror {
border: 1px dotted rgba(255,0,0,1.0);
}
input[type=text].inputok, input[type=password].inputok, textarea.inputok, select.inputok {
border: 1px dotted rgba(0,153,0,1.0);
}
.response{
background-color: rgba(230,230,230,0.8);
border: 1px dotted rgba(255,8,29,1);
box-shadow: 2px 2px 3px 1px rgba(14,11,5,0);
}
/* doWebby */
.dowebby {
color: rgba(0,0,0,1);
}
.dowebby a, .dowebby a:visited {
color: rgba(0,0,0,0.8);
}
.dowebby a:hover {
color: rgba(0,0,0,1);
}