File: /home/awaldron/public_html/archive/mg/css/main.css
/* ==========================================================================
custom styles
========================================================================== */
html {
margin: 0 !important;
padding: 0 !important;
}
body {
font-family: sans-serif;
font-weight: normal;
font-size: 14px;
color: #10141b;
padding-top: 47px;
margin-top:0;
}
a { color: #ae2128; }
a:hover { color: #e21b25; }
/* Define some colors */
.red { color: #ae2128; }
.blue { color: #18355e; }
.ltblue { color: #428BCA; }
.gray { color: #565656; }
.text { color: #10141b; }
.yellow { color: #ffd200; }
.bgblue { background-color: #e2e5e8; }
/* Some fixes */
form.form-horizontal label.control-label { padding-top:0; }
form.form-horizontal label.control-label.single { padding-top:7px; }
label { color:#565656; font-weight: normal; }
/*******************************************************************************************************************/
/*******************************************************************************************************************/
h1 {
font-family: 'Myriad Pro Regular';
color: #565656;
font-size:2em;
font-weight: normal;
letter-spacing: -0.03em;
}
h1 b {
font-family: 'Myriad Pro Bold';
color: #18355e;
font-weight: normal;
}
#servreq h3 {
font-family: 'Myriad Pro Regular';
color:#FFFFFF;
font-size:1.4em;
letter-spacing: -0.03em;
margin:0px;
padding:0;
}
h3 {
font-family: 'Myriad Pro Regular';
color: #18355e;
}
hr {
width:10%;
height:6px;
background-color: #18355e;
margin:15px auto;
}
/*******************************************************************************************************************/
/*******************************************************************************************************************/
#page-nav {
height: 47px;
background-color: #e2e5e8;
position: fixed;
top:0;
left:0;
background: #FFFFFF url('/img/bg-nav-off.gif') top center repeat-x;
width:100%;
z-index: 10;
-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0);
box-shadow:inset 0 0 5px 0 rgba(0,0,0,0);
overflow:visible;
}
ul#nav {
margin: 0;
padding: 0;
float: right;
position: absolute;
top:0;
right:0;
}
ul#nav > li {
display:inline;
float: left;
position: relative;
color:#FFFFFF;
/* text-transform: uppercase; */
}
ul#nav > li > a {
display:block;
padding:14px 20px 0;
height:47px;
text-align: center;
background: #FFFFFF url('/img/bg-nav-off.gif') top center repeat-x;
color: #18355e;
font-size:0.9em;
font-weight: bold;
letter-spacing: -0.03em;
}
ul#nav > li > a:hover {
background: #FFFFFF url('/img/bg-nav-over.gif') top center repeat-x;
color: #18355e;
text-decoration: none;
}
ul#nav > li > a.active {
background: #FFFFFF url('/img/bg-nav-on.gif') top center repeat-x;
color: #ae2128;
}
ul#nav > li > a.active:hover {
background: #FFFFFF url('/img/bg-nav-on.gif') top center repeat-x;
color: #ae2128;
}
ul#nav > li:hover {
}
ul#nav > li:hover > a {
background: #FFFFFF url('/img/bg-nav-over.gif') top center repeat-x;
color: #18355e;
text-decoration: none;
}
ul.subnav {
display: none;
position: absolute;
float:left;
top:47px;
-webkit-box-shadow: 0 4px 4px 0 #6E6E6E;
box-shadow: 0 4px 4px 0 #6E6E6E;
padding:0;
margin:0;
}
ul.subnav li {
display:block;
float: none;
min-width:200px;
max-width:300px;
background: #eeeff1;
font-size:0.75em;
}
ul.subnav li.active {
background: none;
}
ul.subnav li > a {
display:block;
padding:5px 5px 3px;
border-top:solid 1px #DDDDDD;
height:intrinsic;
text-align: left;
text-decoration: none;
color: #18355e;
}
ul.subnav li > a:hover {
background-color: #18355e;
color:#FFFFFF;
}
ul.subnav li:hover {
}
ul#nav li:hover ul {
display: inline;
}
/*******************************************************************************************************************/
/*******************************************************************************************************************/
#page-logo {
height: 110px;
background-color: #ffffff;
border-bottom: solid 5px #ae2128;
margin-bottom: 2px;
z-index: 20;
}
#logo {
margin:15px 0;
visibility: hidden;
}
#logo2 {
max-width: 100%;
}
#logo-head-div {
overflow: hidden;
}
#logo-head {
margin-top:63px;
}
#splasho .fa-circle {
color:#ae2128;
cursor:pointer;
font-size:1.3em;
margin:6px 0px;
}
#splasho .fa-circle-o {
color:#18355e;
cursor:pointer;
font-size:1.3em;
margin:6px 0px;
}
#page-splash {
background: url('/img/bg-jumbo.jpg') top center fixed no-repeat;
height: 430px;
position: relative;
-webkit-box-shadow:inset 0 0 70px 0 #011128;
box-shadow:inset 0 0 70px 0 #011128;
overflow: visible;
}
#page-splash .guards {
position: absolute;
bottom: 0px;
right: 0px;
}
#page-splash .col-sm-6 {
height: 430px;
}
.arr-prev {
position: absolute;
top:0;
left:-40px;
cursor: pointer;
display:none;
}
.arr-next {
position: absolute;
top:0;
right:-40px;
cursor: pointer;
display:none;
}
.arr-prev img { max-height: 100%; }
.arr-next img { max-height: 100%; }
.splashtext h1 {
color:#FFFFFF;
font-family: 'Myriad Pro Regular';
text-transform: uppercase;
letter-spacing: 0em;
font-size:2.2em;
text-shadow: -1px 2px 8px #000000;
padding-top:30px;
}
.splashtext h1 b {
font-family: 'Cambria Italic';
font-size:1.6em;
color:#FFFFFF;
}
.splashtext p {
color:#FFFFFF;
margin:35px 10px;
font-size:1.2em;
}
.splashtext .mgbtn {
font-size: 1.2em;
margin-left:30px;
}
#page-mid {
min-height: 395px;
background: url('/img/bg-mid.png') center center repeat-x;
overflow: visible;
}
#page-mid #servreq {
background-color: #ae2128;
-webkit-box-shadow: 0 2px 4px 0 #6E6E6E;
box-shadow: 0 2px 4px 0 #6E6E6E;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
height:380px;
padding-top:15px;
color:#FFFFFF;
}
#page-mid #servreq p {
font-size:0.85em;
line-height: 1.1em;
background-color: #7c0d13;
padding:8px;
margin:10px 0 14px 0;
}
#page-mid #servreq table {
width:100%;
border:0;
}
#page-mid #servreq table td {
padding:3px;
}
#page-mid #servreq input,
#page-mid #servreq textarea {
width:100%;
color:#333333;
padding:0px 2px;
font-size:0.9em;
}
#page-mid #servreq .mgbtn {
float:right;
font-size:0.9em;
margin-top:6px;
}
#page-foot1 {
background-color: #e2e5e8;
padding:20px 0;
color: #565656;
}
#page-foot1 a {
color: #565656;
}
#page-foot1 a:hover {
color: #428BCA;
}
#page-foot2 {
background-color: #274367;
color:#FFFFFF;
padding:40px 0;
text-transform: uppercase;
font-size:0.9em;
}
#page-foot2 a {
color: #FFFFFF;
margin-right:20px;
}
#page-foot2 a:hover {
color: #ffd200;
}
#page-foot2 a.active {
color: #ffd200;
}
p.up {
font-size: 1.1em;
margin:auto 10%;
}
.rel { position: relative; }
.abs { position: absolute; }
.container.padded {
padding: 40px 0;
}
.lpad {
margin-left: 10%;
}
ul.checks {
list-style-image: url('/img/check.png');
margin-top: 25px;
margin-bottom: 25px;
}
.mgbtn {
background-color: #10141b;
color: #FFFFFF;
font-family: 'Myriad Pro Regular';
padding:5px 8px;
display: inline-block;
}
.mgbtn:hover {
background-color: #274367;
color: #FFFFFF;
font-family: 'Myriad Pro Regular';
padding:5px 8px;
display: inline-block;
text-decoration: none;
}
.mgbtn > i {
margin-left:10px;
position: relative;
top:1px;
}
.home-icon {
font-family: 'Myriad Pro Bold';
font-size:1.5em;
}
.home-icon a {
text-decoration: none;
color: #18355e;
}
.home-icon a:hover {
text-decoration: none;
color: #428BCA;
}
.home-icon a span {
font-size:2.2em;
color: #ae2128;
}
.home-icon a:hover span {
color: #e9000d;
}
.home-news {
border-top: solid 1px #18355e;
margin-top:45px;
text-align:left;
line-height: 1.2em;
padding-top:12px;
height:155px;
position: relative;
font-size:0.9em;
}
.home-news a.headline {
font-family: 'Myriad Pro Bold';
font-size:1.2em;
color:#ae2128;
}
.home-news .mgbtn {
float:right;
position: absolute;
bottom:0;
right:0;
font-size:0.9em;
}
.home-news p {
margin-top:1em;
}
/*******************************************************************************************************************/
/*******************************************************************************************************************/
#sub-splash {
background: url('/img/bg-jumbo.jpg') top center fixed no-repeat;
height: 200px;
position: relative;
-webkit-box-shadow:inset 0 0 40px 0 #011128;
box-shadow:inset 0 0 40px 0 #011128;
overflow: visible;
}
#sub-splash .col-sm-4 {
height:200px;
}
#sub-splash h1 {
text-align: center;
font-family: 'Cambria Italic';
font-size: 3em;
color: #FFFFFF;
text-shadow: -1px 2px 8px #000000;
letter-spacing: 0.01em;
}
#sub-splash h2 {
text-align: center;
font-family: 'Myriad Pro Regular';
font-size: 1.3em;
color: #FFFFFF;
text-shadow: -1px 2px 8px #000000;
border-top: solid 1px #E2E5E9;
border-bottom: solid 1px #E2E5E9;
width:40%;
padding:7px 0px 5px;
margin:30px auto 20px;
text-transform: uppercase;
}
#sub-photo {
position: absolute;
bottom:0;
right:0;
max-height:275px;
}
#sub-body {
margin-top:50px;
}
#sub-body h1 {
font-family: 'Myriad Pro Bold';
font-size: 2em;
color: #18355e;
font-weight: normal;
margin-top:2em;
}
#sub-body h1:first-child {
margin-top:0;
}
#sub-body h2 {
font-family: 'Myriad Pro Bold';
font-size: 1.4em;
color: #18355e;
font-weight: normal;
margin-top:2em;
}
#sub-body .well h2:first-child {
margin-top:0;
}
#sub-body h3 {
color: #ae2128;
font-size:1.0em;
font-weight: bold;
line-height: 1.1em;
margin-bottom:0;
}
#sub-body p {
margin-bottom: 1em;
}
#sub-body b {
/*
font-family: 'Myriad Pro Bold';
font-weight: normal;
*/
}
#sub-body .col-sm-9 {
padding-bottom: 60px;
}
/*******************************************************************************************************************/
/*******************************************************************************************************************/
ul#sub-nav {
margin:0 0 80px 0;
padding:0;
list-style-type: none;
}
ul#sub-nav li a {
padding:4px 0px 2px 16px;
background: url('/img/point.png') left center no-repeat;
margin:0;
display:block;
font-size:0.9em;
color: #18355e;
}
ul#sub-nav li a:hover {
color:#ae2128;
text-decoration: none;
}
ul#sub-nav li a.on {
background: url('/img/point-on.png') right center no-repeat;
color:#FFFFFF;
}
ul#sub-nav li a.sub-nav-head {
font-family: 'Myriad Pro Bold';
font-size: 1.4em;
color: #18355e;
font-weight: normal;
margin-top:0;
list-style-type: none;
padding-left:0px;
background: #FFFFFF;
}
.service-image {
max-width:35%;
background-color: #FFFFFF;
padding:10px;
-webkit-box-shadow: 0 4px 4px 0 #6E6E6E;
box-shadow: 0 4px 4px 0 #6E6E6E;
float:right;
margin:0 0 15px 35px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
.service-image:hover {
position: relative;
-webkit-transform: scale(1.25) rotate(4deg);
-moz-transform: scale(1.25) rotate(4deg);
}
.locpage h2 {
background-color: #DDDDDD;
padding:4px 6px;
}
.locpage img {
float:left;
margin-right:12px;
}
.pooh {
display: none;
}
.topfix {
visibility: hidden;
}
#logo-resp {
display: none;
}
#responsive {
display:inline;
position: fixed;
bottom:0;
left:0;
background-color: #FFFFFF;
}
.entry-meta .panel-default {
margin-top:80px;
}
.widget-title {
color: #18355e;
}
#main-container article {
margin-bottom:60px;
}
.entry-content p {
margin-top:1.7em;
}
.entry-content ul li {
margin-bottom: 1em;
}
article.page h4 {
padding-bottom:0;
margin-bottom:6px;
margin-top:2.5em;
}
article.page .entry-content p {
margin-top:4px;
}