/* Global Styles */
html,
body {
height: 100%;
font-family: 'Poppins', sans-serif;
background: #f6fafc;
}
@media(min-width: 992px){
html, body {
background: #9fcbe0 url('../images/sitebg-top.gif') top left repeat-x;
background-attachment: fixed;
}
}
body {
padding-top: 60px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
color: #222;
}
a {
color: #3377b0;
text-decoration: none;
}
main a {
text-decoration: underline;
}
main a.btn {
text-decoration: none;
}
.lb-data .lb-number {
color: #dddddd !important;
}
span.navbar-brand {
font-family: 'Sorts Mill Goudy', serif;
font-size: 30px;
font-weight: bold;
color: #9fcbe0 !important;
}
.navbar-inverse .navbar-nav > li > a {
color: #adadad;
}
.innerrow {
background-color: #f6fafc;
}
#inset {
min-height: 385px;
background: url('../images/insetbg.png') top left no-repeat;
z-index: 100;
font: 15px Calibri, 'Gill Sans MT', Corbel, 'Bell Gothic Std', 'TW Cen MT', 'Arial Narrow', sans-serif;
color: #000;
}
#p1, #p2 {
left: 15px;
position: absolute;
width: 221px;
height: 306px;
top: 12px;
opacity: 1;
}
#content {
height: auto !important;
min-height: calc(100vh - 100px) !important;
text-align: justify;
padding-bottom: 40px;
}
.insetpic, .showcasepic {
font-size: 0.9em;
text-align: center;
}
.showcasepic strong {
font-weight: 600;
font-size: 1.4em;
}
.insetpic.pull-right {
margin: 3px 0 7px 20px;
}
.insetpic.pull-left {
margin: 3px 20px 7px 0;
}
.insetpic img {
width: 100%;
border: 1px solid #888;
}
.showcasepic img {
border: 1px solid #888;
}
i.fa-external-link {
font-size: 70%;
vertical-align: top;
margin-top: 3px;
}
@media (max-width: 480px) {
#inset {
display: none;
}
}
@media (max-width: 767px) {
#inset {
min-height: calc(30vw * 1.4);
background: transparent;
float: right;
margin: 10px 30px 0 0;
width: 28%;
height: auto;
position: relative;
}
#p1, #p2 {
width: 100%;
height: auto;
}
#content {
min-height: calc(100vh - 90px) !important;
}
.insetpic {
display: none;
}
}
@media (min-width: 768px) {
#inset {
margin: 50px 0px 40px -50px;
}
.innerrow {
margin-left: 60px;
}
#contentholder {
width: calc(58.3% + 60px) !important;
margin-left: -10px;
}
.insetpic {
max-width: 200px;
}
}
@media (min-width: 992px) {
#inset {
margin: 80px 0px 40px -80px;
}
#contentholder {
width: calc(75% + 25px) !important;
margin-left: -25px;
}
.insetpic {
max-width: 280px;
}
footer {
margin: 0 0 0 60px !important;
}
}
@media (min-width: 1200px) {
#contentholder {
width: calc(75% + 80px) !important;
margin-left: 0px;
}
.insetpic {
max-width: 340px;
}
}
.i {
display: none;
}
/* Responsive Styles */
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
.navbar-brand {
padding: 5px 0 0 5px;
}
.navbar-brand img {
height: 40px;
}
}
img {
max-width: 100%;
}
h1, h2 {
font-family: 'Sorts Mill Goudy', 'Minion Pro', Minion, 'Times New Roman', serif;
font-size: 2.5em;
font-weight: bold;
margin: 0;
padding: 20px 0;
color: #1f5c15;
text-align: left;
}
h2 {
font-size: 1.69em;
padding-bottom: 14px;
}
p, #content li {
font-size: 1.2em;
line-height: 1.7em;
padding-bottom: 0.8em;
}
#content li {
padding-bottom: 8px;
}
/*******************************\
* *
* Navbar Customization *
* *
\*******************************/
.navbar {
font-family: 'Oxygen', sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
font-weight: 700;
}
@media(min-width: 768px) {
.nav li, .nav li.sfHover:first-child {
display: inline-block;
}
.nav li:hover, #menu li.selected, #menu li.sfHover {
color: black;
}
.nav > li > a {
padding: 20px 22px;
}
.nav > li.selected > a {
color: #9fcbe0 !important;
}
.nav li ul {
position: absolute;
width: auto;
text-align: left;
height: auto;
padding: 0;
display: none;
z-index: 9999999;
border-radius: 0 0 8px 8px !important;
}
.nav li:hover ul, .nav li.sfHover ul{
display: block;
}
.nav li ul li, .nav li ul li:hover, .nav li.selected ul li, .nav li ul li.sfHover, .nav li.selected ul li.sfHover {
display: block !important;
text-align: left;
}
.nav li ul li:hover {
background: transparent;
}
.nav li ul li a, .nav li.selected ul li a, .nav li ul li.sfHover a, .nav li.selected ul li.sfHover a, .nav li.sfHover ul li.sfHover a, .nav li li a:last-child, .nav li li:last-child {
display: block;
}
.nav li ul li a, .nav li.selected ul li a, .nav li ul li.sfHover a, .nav li.selected ul li.sfHover a, .nav li.sfHover ul li.sfHover a, .nav li li a:last-child {
padding: 10px 17px;
}
.nav i {
width: 8px;
}
.nav li ul li:last-child, .nav li ul li:last-child a {
border-radius: 0 0 8px 8px !important;
}
}
/****************************\
* *
* Responsive Navbar *
* *
\****************************/
@media (max-width: 767px) {
body {
padding-top: 51px;
}
.navbar-nav {
margin-top: 0px;
}
.navbar-header {
height: 51px;
}
span.navbar-brand {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.navbar-default {
height: 60px;
}
.navbar-brand {
padding: 0 0 0 5px;
}
span.navbar-brand {
padding: 25px !important;
}
}
@media (min-width: 1200px) {
.navbar-default {
font-size: 14px;
}
}
/***********************\
* *
* Footer Styles *
* *
\***********************/
footer {
background: black;
color: #e1e1e1;
text-transform: uppercase;
font-weight: 700;
padding: 8px 15px 0;
font-size: 0.8em;
margin: 0;
}
footer ul {
margin-left: 0;
padding-left: 0;
}
footer ul li {
list-style-type: none;
padding-bottom: 20px;
margin-left: 0;
padding-left: 0;
}
footer a {
color: #e1e1e1;
}
footer a:hover {
text-decoration: none;
color: #bf1e2e;
}
footer img {
margin-bottom: 45px;
}
footer p {
color: white;
padding-bottom: 0;
}
.footer {
padding: 0;
}
.clear {
clear: both;
}
.spacer50 {
height: 50px;
}
.border-bottom {
border-bottom: 1px solid black;
}
.big {
font-size: 1.15em;
font-weight: 700;
}
.error {
color: red;
font-weight: bold;
}
.form-control.ui-state-error {
border-color: red;
}
.panel-default .panel-heading {
background: #e0f0e8;
}