/*
Theme Name: Maynard O'Connor Smith & Catalinotto LLP - Personal Injury
Theme URI: http://www.maynardinjurylaw.com/
Description: Maynard O'Connor Smith & Catalinotto LLP - Personal Injury Theme
Author: IntelliSites Web Design
Author URI: http://www.intellisites.com/
Version: 1.0
*/
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/*@import 'forms.css';*/
html, button, input, select, textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
font-family: 'MuseoSans300Regular';
src: url('fonts/museosans_300-webfont.eot');
src: url('fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_300-webfont.woff') format('woff'), url('fonts/museosans_300-webfont.ttf') format('truetype'), url('fonts/museosans_300-webfont.svg#MuseoSans300Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans500Regular';
src: url('fonts/museosans_500-webfont.eot');
src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#MuseoSans500Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans700Regular';
src: url('fonts/museosans_700-webfont.eot');
src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_700-webfont.woff') format('woff'), url('fonts/museosans_700-webfont.ttf') format('truetype'), url('fonts/museosans_700-webfont.svg#MuseoSans700Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* GLOBAL */
* {
margin:0;
padding:0;
}
div, ul, ol, li, p, blockquote {
margin:0;
padding:0;
}
html {
width:100%;
margin:0;
padding:0;
}
body {
width:100%;
font-family:'MuseoSans300Regular', Arial, Helvetica, sans-serif;
font-size:14px;
background:#2f3e5d url(../images/body_bg.jpg) repeat-x left top;
color:#252525;/*max-width:960px; 020515*/
}
button {
border:none;
font-family:'MuseoSans300Regular', Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
color:#252525;
}
a:hover {
cursor:pointer;
}
ul li {
list-style-type: none;
}
ol.ordered-list {
margin:0 0 0 20px;
padding:0;
}
ol.ordered-list li {
background:none !important;
border-bottom:1px solid #cccccc;
padding:0 0 10px 0;
margin:10px 0 0 0;
color:#1d3c4f !important;
}
ol.ordered-list li p {
margin:0 !important;
padding:0 !important;
font-weight:100 !important;
color:#252525 !important;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 15px;
margin-top: 4px;
}
.alignright, img.alignright {
display: inline;
float: right;
margin-left: 15px;
margin-top: 4px;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}
.wp-caption {
line-height: 18px;
margin-bottom: 20px;
max-width: 100% !important; /* prevent too-wide images from breaking layout */
text-align: center;
border-bottom: solid 1px #e1e1e1;
}
.wp-caption img {
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 9px;
margin: 5px;
text-transform: uppercase;
}
.wp-smiley {
margin: 0;
}
strong, b {
font-weight: bold;
color: #555;
}
a strong, a b {
color:#a76e02;
}
i, em {
font-style: italic;
}
#top-header, header, #banner, #content, .question, footer, .extralinks {
position:relative;
/*width:960px; 020515*/
margin:0 auto;
}
/************************ TOP HEADER *********************/
div#top-header {
margin-bottom:45px;
background-color:none;
}
/* SEARCH FORM */
#search-form {
margin-top:5px;
}
#search-form input[type=image] {
position:relative;
top:7px;
color: white;
margin-left:-25px;
}
#search-form input[type=text] {
height:20px;
width:120px;
padding-right:25px;
border:none;
font-family: Georgia;
color:#252525;
font-size:11px;
padding-left:5px;
background:#fff url('../images/searchicon.png') no-repeat right center;
}
#searchsubmit {
display:none;
}
/* SOCIAL ICONS */
.social {
position:absolute;
overflow: hidden;
right:130px;
top:5px;
}
.social a {
display:block;
float:left;
margin-right: 10px;
}
.contact-phone {
/*position:absolute;
right:5px;
top:5px; 020515*/
color:#fff;
font-size:17px
}
/********************** HEADER *********************/
header {
background-color:#f7f7f7;
position:relative;
margin-bottom:25px;
}
/* lOGO */
#logo {
/*width:290px;
height:67px;
position:relative;
top:10px;
margin-left:35px;
background:url(../images/logo.jpg) no-repeat left top;020515*/
}
#logo a {
display:block;
color:#000;
text-indent:-90000px;
outline:none;
min-height:67px;
}
#tag-line {
/*float:left;
padding:20px 0 0 50px;*/
}
/* SITE MAP */
.sitemap {
/*position:absolute;
right:120px;
top:10px;
border-right:1px solid #c6c6c6; 020515*/
}
.sitemap ul li {
/*display:inline-block;*/
display:inline;
color:black;
padding-right:20px;/*padding-top:10px;*/
/*padding-top:20px;*/
}
.sitemap ul {
padding-top:7px;
}
.sitemap a {
color:#000;
text-transform: lowercase;
}
.sitemap a:hover {
text-decoration:underline;
}
/* SHEDULE */
.shedule {
width:100px;
position:absolute;
right:0;
top:15px;
}
.shedule-button span {
/*display:block;*/
/*width:100px;*/
/*position:absolute;*/
font-family: 'MuseoSans100Regular', Arial, Helvetica, sans-serif;
font-style: italic;
/*font-size:10px;*/
text-transform: none;
color:#fff;
}
.shedule-button, .link-button {
font-family: 'MuseoSans500Regular', Arial, Helvetica, sans-serif;
}
.shedule {
width: 100px;
position: absolute;
right: 0;
top: 0px;
background: #a76e02;
height: 26px;
padding: 20px 10px;
}
.shedule:hover {
background:#a76e02;
}
.shedule-button {
display:block;
width:100px;
position:absolute;
/*font-family: 'MuseoSans500Regular',Arial, Helvetica, sans-serif;*/
font-style:normal;
text-transform: uppercase;
font-size:13px;
color:#fff;
}
.shedule-button a {color:#fff;}
.homebadges {
margin: 0 0 20px 0;
border-bottom: 8px solid #e3e3e3 ;
text-align: center;
width: 67%;
}
.homebadges img { margin:10px 20px; max-height:45px;}
/* NAVIGATION MENU DESKTOP
@media only screen and (min-width: 960px) { */
#main-nav {
float: right;
}
#main-nav ul li {
display: inline-block;
background:#252525;
float:left;
}
#main-nav ul li a {
display:block;
color:#fff;
text-transform: uppercase;
font-size:14px;
padding:20px 15px;
}
#main-nav ul li.current-menu-item {
background:#a76e02;
}
#main-nav ul li.current_page_item {
background:#a76e02;
}
#main-nav ul li a:hover {
background:#a76e02;
}
#main-nav ul ul {
display: none;
background: #5f6975;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
list-style: none;
}
#main-nav ul:after {
content: "";
clear: both;
display: block;
}
#main-nav ul ul li {
list-style: none;
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
z-index: 100;
display:block;
}
#main-nav ul li:hover > ul {
display: block;
}
/* }
NAVIGATION MENU MOBILE
@media only screen and (max-width: 959px) {
/*#bmain-nav {
text-align:center;
width:100%;
background-image: url(images/menu.png); background-position: right; background-repeat: no-repeat; background-color: #5d182d;color:white;padding:10px;border-top:1px solid #ccc;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;
}
}*/
/***************************** BANNER ****************************/
/* ACCORDION SLIDER */
.hpfeaturedwrap { width:960px; margin:0 auto;}
.hpfeaturedleft {
float: left;
width: 640px;
}
.hpfeaturedright {
width: 320px;
float: right;
}
#accordion-slider {
width:max-width960px;
height:auto;/*300px;*/
/* background:url(../images/slider_img.jpg) no-repeat left top;*/
overflow:hidden;
}
#splash div {
position:absolute;
bottom:50px;
background:#451222;
background-color:rgba(60,9,25,0.7);
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
max-width:150px;
padding:12px 15px 15px 20px;
opacity: .9;
}
#splash strong {
color:white;
font-size:15px;
font-weight:normal;
/*text-transform:uppercase;*/
text-shadow:none;
display:block;
margin:5px 0 10px 0;
line-height:20px;
}
#splash p {
color:#cf96a8;
font-size:16px;
line-height:14px;
margin:0!important;
text-shadow:none;
font-family:'MuseoSans300Regular', Arial, Helvetica, sans-serif;/*margin-bottom:10px !important;*/
}
#splash div a.linkto {
position:absolute;
left:100%;
top:0;
bottom:0;
width:35px;
background:#451222 url(../images/linktoarrow.png) no-repeat center center;
}
.acc_banner-text {
}
.acc_banner-text a {
color: #cf96a8;
}
.acc_banner-text a:hover {
color: #BC6C85;
}
/* ACCIDENT LINKS */
#accident-links {
margin-top:25px;
text-transform: center;
padding-bottom:25px;
}
#accident-links a {
display:block;
font-family: 'MuseoSans500Regular', Arial, Helvetica, sans-serif;
padding:7px 10px;
margin-left:5px;
float:left;
background:#1d3c4f;
color:#fff;
width:168px;
}
#accident-links a:hover {
background:#193545;
}
#accident-links div:first-child a {
margin-left:0;
}
#accident-links div a.last-child {
margin-right:0;
}
#accident-links em {
color:#7891a1;
font-size:11px;
}
/*div#accident-links {
display:table;
width:100%;
margin:35px 0 35px;
}
div#accident-links div{
display:table-cell;
text-align: center;
}*/
/*div#accident-links div a{
display:table-cell;
width:100%;
font-family: 'MuseoSans500Regular',Arial, Helvetica, sans-serif;
padding:15px 20px;
background:#1d3c4f;
color:#fff;
}*/
/**************************** CONTENT ************************/
#content-wrapper {
background-color:#fff;
font-size:14px;
padding-bottom:25px;
background:#fff url(../images/senka.jpg) no-repeat center bottom;
}
#content-wrapper .top-content h1 {
float:left;
/*width:410px; 020515*/
padding-left:25px;
}
#content-wrapper.inside {
/*padding-bottom:35px;*/
}
#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4 {
font-family: 'MuseoSans700Regular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:normal;
margin-bottom:15px;
}
#content-wrapper h1, div#content-wrapper h3 {
color:#444;
}
#content-wrapper h1 a, div#content-wrapper h3 a {
color:#da900b;
}
#content-wrapper h2, div#content-wrapper h4 {
color:#1d3c4f;
}
#content-wrapper h2 a, div#content-wrapper h4 a {
color:#1d3c4f;
}
#content-wrapper h1 {
font-size:20px;
margin-bottom:0;
margin-top:10px;
/*width:550px; 020515*/
word-wrap:break-word;
}
#content-wrapper.inside aside h3 {
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
color:#252525;
text-transform: none;
font-size:15px;
margin-bottom:0;
padding-bottom:10px;
background:url(../images/doubleborder.png) repeat-x left bottom;
}
#content-wrapper h2 {
font-size:16px;
}
#content-wrapper h3 {
font-size:14px;
}
#content-wrapper h4 {
font-size:14px;
text-transform: none;
}
#main-content {
padding-top:25px;
}
#main-content .inner-main, #main-content .main-info-box {
float:left;
}
#main-content .main-info-box p {
color:#252525;
margin-bottom:10px;
}
#main-content .main-info-box .position {
font-style:italic;
}
#main-content .main-info-box img {
margin-bottom:10px;
margin-top:5px;
width:200px;
height:262px;
}
#main-content .inner-main {
/*width:440px; 020515*/
}
#main-content .main-info-box .mailinfo p {
color:#444;
font-size:11px;
}
#main-content .main-info-box .down-vcard a {
display:block;
background:#da900b;
padding:10px 12px;
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
color:#fff;
}
#main-content p, #main-content li {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#252525;
}
#main-content p {
margin-bottom:25px;
}
.inside #main-content li {
padding-left: 25px;
background:url(../images/linkarrow.png) no-repeat left center;
}
#main-content li {
padding-left:25px;
background:url(../images/linkarrow.png) no-repeat left center;
}
.top-content {
background-color:#e3e3e3;
}
.inner-top-cont {
/*width:960px; 020515*/
margin:0 auto;
background-color:#f7f7f7;
}
.inner-top-cont h1 p {
font-size: 10px !important;
}
.hpcontent {
/*width: 610px;*/
padding-right: 20px;
float:left;
}
.hpblogfeed {
/*width:320px;
float:right; 020515*/
}
#content-wrapper .hpblogfeed h3 {
font-size:20px;
color:#1d3c50;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
padding-bottom:5px;
}
#content-wrapper .hpblogfeed h4 {
margin:0 0 10px 0;
}
#content-wrapper .hpblogfeed h4 a:hover {
text-decoration:underline;
}
#main-content .hpblogfeed .post {
padding-right:0px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
margin-right:0px;
}
#main-content .hpblogfeed .postdate {
color:#999;
font-size:14px;
}
/************* BREAD CRUMB ****************/
.breadcrumbs {
float:right;
line-height: 49px;
padding-right:10px;
}
.breadcrumbs a {
display:block;
float:left;
padding:0px 25px 0px 15px;
margin-right:5px;
background:url(../images/test.png) no-repeat right center;
}
.breadcrumbs a:last-child {
/* background:none;*/
}
/* MAIN CONTENT*/
#main-content {
width:100%;
clear: both;
}
#main-content .post {
padding-right:20px;
border-bottom:1px solid #ccc;
margin-bottom:30px;
margin-right:30px;
}
#main-content a {
color:#a76e02;
}
#content-wrapper .box a {
color:#252525;
}
#content-wrapper .box .link-button {
color:#fff;
}
#content-wrapper .box .link-button:hover {
color:#fff;
}
#main-content .box a:hover {
color:#193545;
}
#main-content .post h2 {
margin-bottom:0px;
}
.meta a {
color:#333;
}
.meta a:hover {
text-decoration:underline;
}
.post .meta {
margin-bottom:10px;
}
.inside #main-content, aside {
float:left;
}
.inside #main-content {
/*width:660px; 020515*/
/*height:500px;*/
/*background:#ccc;*/
padding:25px 40px 25px 20px;
}
.inside .contactpage #main-content {
width:auto;
padding-right:20px;
}
aside .widget_search {
background:#252525;
padding:5px;
}
aside {
width:240px;/*height:500px;*/
/*background:#333;*/
}
#content-wrapper.inside aside .our-attorneys h2 {
background:none;
}
#content-wrapper.inside aside h2 {
margin-bottom:0;
padding-bottom:10px;
font-size:20px;
color:#444;
font-weight: normal;
background:url(../images/doubleborder.png) repeat-x left bottom;
}
aside ul li a {
display:inline-block;
padding:10px 10px 15px 0;
font-size:11px;
font-weight: normal;
text-transform: uppercase;
color:#252525;
-webkit-transition: padding-left 0.5s;
transition: padding-left 0.5s;
width:189px;
}
aside ul li:hover a {
/* padding-left:12px;*/
color:white;
padding-left:12px;
}
aside h2 span {
display:block;
color:#1d3c4f;
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
font-size:13px;
text-transform:none;
}
aside .menu .current-menu-item {
background-color:#1d3c4f;
}
aside .menu .current-menu-item a {
padding-left:12px;
color:white;
}
aside ul {
padding-bottom:10px;
margin-bottom:30px;
background:url(../images/doubleborder.png) repeat-x left bottom;
}
aside ul li a:hover {
/* padding-left:12px;*/
background-color:#1d3c4f;
color:#fff;
}
aside ul li:hover {
background-color:#1d3c4f;
}
aside ul li {
border-bottom:1px solid #d7cdd0;
}
aside ul li:last-child {
border-bottom:none;
}
.box {
max-width:33.33333333%;
float:left;
}
.last-child div.innerhelp {
padding-right:0;
}
.last-child div.innerhelp button {
max-width:315px;
}
/******** MOZE SE IZBRISATI AKO SE IZBRISE &DIV.BOX BUTTON.LINK-BUTTONS **************/
.box {
position:relative;
height:300px;
padding-bottom:125px;
}
#main-content .hpbox a.hpbutton, #content-wrapper #hpbox2 #gform_submit_button_1, #gform_submit_button_4, #main-content .hpblogfeed a.hpbutton {
background:#5f7ebe;
text-align:center;
width:180px;
padding:10px 20px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
margin:15px auto;
display:block;
clear:both;
position:relative;
font-size:14px;
line-height: 14px;
height: auto;
letter-spacing: 0;
}
#content-wrapper #hpbox2 .gform_wrapper .gform_footer {
padding:6px 0 0 0;
margin: 0;
clear: both;
}
#content-wrapper .hpbox {
max-width:300px;
float:left;
margin-right:20px;
}
#content-wrapper #hpbox2 {
background:#f5f5f5;
max-width: 320px;
margin-right: 0;
padding: 1px 33px;
}
#content-wrapper #hpbox1 {
max-width: 600px;
}
#content-wrapper aside .freeconsult {
width: 236px;
}
#content-wrapper aside .freeconsult input, #content-wrapper aside .freeconsult textarea {
width:240px!important;
float:none;
margin:0 0 10px 0;
}
#content-wrapper aside .freeconsult #gform_submit_button_1 {
position: relative;
font-size: 13px;
padding: 5px 58px;
width:241px!important;
}
#content-wrapper aside .freeconsult #gform_submit_button_4 {
position: relative;
font-size: 13px;
padding: 5px 58px;
width:241px!important;
}
#content {clear:both;}
#content-wrapper aside .freeconsult .gf_right_half {
float: none!important;
}
#content-wrapper aside .freeconsult ul {
background:none;}
#main-content .hpbox:last-child {
margin-left:40px;
margin-right:0;
}
.hpbox h2 {
border-bottom: 1px solid #d7cdd0;
padding-bottom: 15px;
}
.hpbox h2 span {
display: block;
text-transform: none;
font-size: 16px;
font-family: 'MuseoSans500Regular', Arial, Helvetica, sans-serif;
color: #1d3c4f;
}
#main-content #hpbox3 p {
margin-bottom: 29px;
}
#main-content .box {
margin-left:20px;
max-width:300px;
}
#main-content .box:first-child {
margin-left:0;
}
/******************************************************************************/
div.innerhelp {
padding-right:25px;
}
.box h2 {
font-weight:normal;
color:#444;
text-transform: uppercase;
font-size:24px;
border-bottom:1px solid #d7cdd0;
padding-bottom:15px;
margin-bottom:0;
}
.box h2 span {
display: block;
text-transform: none;
font-size:16px;
font-family:'MuseoSans500Regular', Arial, Helvetica, sans-serif;
color:#1d3c4f;
}
.box p {
margin-top:25px;
margin-bottom:35px;
}
.box button.link-button, #content-wrapper #gform_submit_button_1 {
width:100%;
padding:12px;
text-align:left;
border:none;
color:#fff;
font-size:18px;
text-transform:uppercase;
margin-bottom:30px;
background:#da900b;
letter-spacing: -0.7px;
line-height:20px;
height:43px;
}
#content-wrapper #gform_wrapper_1 #gform_submit_button_1 {
background:#a76e02;
position:relative;
}
#content-wrapper #gform_wrapper_4 #gform_submit_button_4 {
background:#a76e02;
}
#content-wrapper #gform_submit_button_1 {
width:200px;
}
.box a.link-button {
display:block;
width:100%;
padding:12px;
text-align:left;
border:none;
color:#fff;
font-size:18px;
text-transform:uppercase;
margin-bottom:30px;
background:#da900b;
letter-spacing: -0.7px;
}
.box .link-button:hover {
background:#541628;
}
/************* BRISE SE AKO SE BRISE &DIV.BOX ***********************/
.box button.link-button {
position:absolute;
max-width:313px;
left:0;
bottom:0;
}
/**********************************************************************/
.box a.link-button {
bottom: 0;
left: 0;
line-height: 20px;
padding: 12px;
position: absolute;
width: 279px;
}
.box button.link-button span, .box a.link-button span {
display: block;
font-weight: normal;
font-family:'MuseoSans100Regular', Arial, Helvetica, sans-serif;
font-style:italic;
color:#ac7d8f;
text-transform: none;
font-size:14px;
}
.box .box-ul {
margin-bottom:39px;
margin-top:15px;
}
#main-content .box .box-ul li, .footerbox.box-ul li {
float:left;
max-width:38%;
padding-left:20px;
padding-top:10px;
padding-bottom:0px;
padding-bottom:10px;
margin-bottom:3px;
margin-right:15px;
border-bottom:1px solid #d7cdd0;
background:url(../images/linkarrow.png) no-repeat 5px center;
}
#main-content .box li, #main-content #hpbox1 li {
float:left;
font-size:11px;
width:125px;
padding-left:18px;
padding-top:7px;
padding-bottom:0px;
padding-bottom:7px;
margin-bottom:3px;
margin-right:7px;
border-bottom:1px solid #d7cdd0;
background:url(../images/linkarrow.png) no-repeat 5px center;
}
#main-content #hpbox1 a.hpbutton {
margin-top:21px;
}
.box li {
font-size:11px;
letter-spacing:0.2px;
/* width:130px;*/
line-height:12px;
}
.box li a {
font-size:11px;
letter-spacing:0.2px;
float:left;
width:130px;
line-height:12px;
}
footer .footerbox.box-ul li {
padding-bottom:3px;
}
.box-ul li a {
font-size:11px;
letter-spacing:0.2px;
float:left;
width:130px;
line-height:12px;
}
.box-ul li a:hover {
color:#333;
}
#quick-form {
margin-top:30px;
}
#quick-form input, #quick-form textarea, #content-wrapper .gform_wrapper ul input, #content-wrapper .gform_wrapper ul textarea {
display:block;
padding:5px 15px;
margin-bottom:10px;
background:#eeeeee;
border:1px solid #d5d5d5;
font-size:11px;
font-family:Georgia;
color:#989898;
font-style:italic;
float:left;
width:89%;
}
#content-wrapper .gform_wrapper ul textarea {
height:77px;
}
#content-wrapper .gform_wrapper ul li.gf_left_half input, #content-wrapper .gform_wrapper ul li.gf_right_half input {
width:95px;
margin-right:15px;
}
#content-wrapper .gform_body {
max-width:100%;
}
#content-wrapper .gform_wrapper ul li {
float:none;
border:none;
}
#content-wrapper .gform_wrapper .gform_body ul .gf_left_half {
}
#content-wrapper .gform_wrapper .gform_body ul .gf_right_half {
float:right;
}
#quick-form input#firstname, #quick-form input#lastname {
/*width:107px;*/
width:119px;
margin-right:15px;
}
#quick-form input#lastname {
margin-right:0;
}
#quick-form textarea {
height:87px;
}
div.contact-image {
text-align:center;
padding-bottom:30px;
}
div.contact-image img {
width: 50%;
margin: 0 auto;
display: inline;
}
div.maps {
background: #f7f7f7;
width: 100%;
padding: 0 0 0 10px;
margin-right: 25px;
}
div.contact-data {
margin: 0 45px;
float:left;
}
div.contact-data strong {
display:block;
}
div.contact-data small.a {
float:left;
}
div.forms {
float:left;
width: 100%;
}
.contactpage div.forms {
max-width:92%;
margin: 5px 2% 0 6%;
}
#content-wrapper div.forms .gform_wrapper ul label {
display: block;
text-transform: uppercase;
font-size: 11px;
padding: 10px 0 3px;
}
#content-wrapper div.forms .gform_wrapper input[type='submit'] {
position: relative;
height: 30px;
padding: 0 17px;
background: #a76e02;
border: none;
color: #fff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .09em;
}
#content-wrapper div.forms .gform_wrapper input[type='submit']:hover {
background:#a76e02;
}
#content-wrapper div.forms .gform_wrapper ul li {
width:100%;
}
/************* GRAVITY FORM **********************/
#content-wrapper .gform_wrapper ul li {
list-style-type:none;
margin:0;
padding:0;
background:none;
}
#content-wrapper .gform_wrapper ul label {
display:none;/*visibility:hidden;*/
/*height:0;*/
}
#content-wrapper .gform_wrapper ul #input {
width:119px;
margin-right:15px;
}
#content-wrapper .gform_wrapper input[type='submit'] {
position:absolute;
bottom:0;
height:35px;
}
/*********** QUESTION ************/
.question-wrapper {
background:#fff;
padding:20px 0;
}
.question-wrapper p {
height:32px;
line-height: 32px;
padding-left:45px;
width: 212px;
font-family:'MuseoSans100Regular', Arial, Helvetica, sans-serif;
font-style:italic;
float:left;
background:url(../images/question.png) no-repeat left center;
}
.badges img {
/*height:36px;
float:left;
padding: 0 10px; 020515*/
}
.helperquestion {
overflow: hidden;
/*margin-left:300px;*/
/*float:right; 020515 */
margin:0 auto;
}
.question-wrapper a {
height:32px;
line-height: 32px;
width: auto;
display:block;
float:left;
padding-right:10px;
font-family: 'MuseoSans700Regular', Arial, Helvetica, sans-serif;
font-style: italic;
color: #1d3c4f;
background:url(../images/linkarrow_m.png) no-repeat right center;
}
/***************** FOOTER ************************/
.footerlogo {
display:none;
}
#footer-wrapper {
background:#f1f1f1;
border-top:9px solid #e3e3e3;
}
.footer-copy {
padding:20px 0;
overflow:hidden;
color:#1d3c4f;
font-family:'MuseoSans100Regular', Arial, Helvetica, sans-serif;
}
#bottom-nav {
/*float:left; 020515*/
}
.footer-copy p {
/*float:right; 020515*/
}
#bottom-nav ul li {
/*display:inline-block;*/
margin-right:20px;
display:inline;
}
#bottom-nav ul li a {
color:#1d3c4f;
text-transform:lowercase;
}
#bottom-nav ul li a:hover {
text-decoration:underline;
}
#bottom-nav {
overflow:hidden;
}
#box-wrapper {
border-top:1px solid #dbdfe0;
border-bottom:1px solid #dbdfe0;
padding-bottom:0px;
margin-bottom:10px;
}
.footerbox {
float:left;
max-width:303px;
height:250px;
padding-top:15px;
margin-right:23px;
border-right:1px solid #dbdfe0;
}
.footerbox2 {
float:left;
/*width:606px; 020515*/
height:250px;
padding-top:15px;
margin-right:23px;
border-right:1px solid #dbdfe0;
}
.footerbox2 h4 {
margin: 0;
font-weight:bold;
color:#595959;
font-family: 'MuseoSans700Regular', Arial, Helvetica, sans-serif;
}
.footerbox.last-in-col {
margin-right:0;
border-right:none;
}
footer .footerbox h2, footer .footerbox2 h2 {
color:#595959;
font-size:14px;
font-family:'MuseoSans700Regular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:15px;
border:none;
padding-bottom:0;
font-weight: normal;
}
footer .footerbox ul.box-ul li {
border-bottom:none;
padding-top:0;
}
footer .footerbox.box-ul li {
border-bottom:none;
padding-top:0;
}
footer .footerbox.box-ul li {
border-bottom:none;
padding-top:0;
}
footer .footerbox .box-ul li a, footer .footerbox.box-ul li a {
font-family:'MuseoSans100Regular', Arial, Helvetica, sans-serif;
}
footer .footerbox .box-ul li a:hover {
text-decoration:underline;
}
footer .testemonial {
padding:0 25px 0px 0px;
font-size:12px;
font-weight:normal;
line-height:22px;
}
.rotator {
height:190px;
overflow:hidden;
}
footer .testemonial a {
color:#651A31;
}
footer .testemonial a:hover {
text-decoration:underline;
}
.rotable {
height:190px;
}
footer .testemonial div.helper {
position:relative;
padding-bottom:20px;
padding-left:0px;
border-bottom:1px solid #c7cdd1;
}
.last-in-col {
margin-right:0;
border-right:none;
}
footer .testemonial blockquote, #content blockquote {
padding-left:25px;
background:url(../images/leftborderquote.jpg) repeat-y left top;
}
#content blockquote {
position: relative;
}
#main-content div.testimonials p.name {
font-size: 11px;
margin-top: -15px;
text-transform: uppercase;
padding-bottom: 10px;
font-weight: bold;
}
#content blockquote p {
font-family: 'MuseoSans300Regular', Arial, Helvetica, sans-serif;
}
.quoteimg {
position:absolute;
left:0px;
top:0;
width:23px;
height:16px;
background:url(../images/quote.png) no-repeat;
}
#content blockquote .quoteimg {
position:absolute;
left:0px;
top:0;
width:23px;
height:16px;
background:url(../images/quote.png) no-repeat;
}
.user_verd, .date_verd {
display:block;
font-family:'MuseoSans100Regular', Arial, Helvetica, sans-serif;
font-size:10px;
color:#afafaf;
}
.user_verd {
float:right;
}
.date_verd {
float:left;
}
.footer-bottom {
padding-bottom:40px;
}
.footer-bottom span {
display:block;
font-size:11px;
color:#595959;
}
.disclaimerLink {
color:#da900b;
text-decoration:underline;
}
.left {
float:left;
}
.right {
float:right;
}
footer .right {
text-align:center;
display:block;
width:100%;
font-size:10px;
padding:6px 0 18px;
border-bottom:1px solid #dbdfe0;
margin-bottom:15px;
}
footer .right strong {
font-family:'MuseoSans700Regular', Arial, Helvetica, sans-serif;
}
footer .website-links .left {
width:100%;
padding-bottom:15px;
text-align:center;
}
.contactinfo, .infobuttons {
float:left;
width:30%;
margin-right:10px;
font-size:12px;
}
footer .contactinfo p {
margin-bottom:5px;
}
footer div.contactinfo a {
display:block;
padding-right:10px;
color:#4b7086;
font-size:11px;
width:70px;
margin-bottom:10px;
background:url(../images/linkarrow_s.png) no-repeat right center;
}
.website-links a:hover {
text-decoration:underline;
}
.website-links span {
color:#252525;
}
.infobuttons {
float: left;
padding-top: 20px;
padding-left: 10%;
}
.infobuttons a {
padding:7px 15px;
text-transform:uppercase;
color:#fff;
background-color:#a76e02;
margin-bottom:10px;
float:right;
text-align: left;
width:140px;
-mox-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display: inline;
white-space:normal;
word-wrap:break-word;
}
.infobuttons a:hover {
background:#1F1F1F;
}
.blueinfobutton a{background-color: #5f7ebe;}
a.editable_link_bt {
display: block;
min-width:150px;
padding:7px 15px;
text-transform:uppercase;
color:#fff;
background-color:#1d3c4f;
margin-bottom:10px;
text-align: left;
margin:15px 0;
}
a.editable_link_bt em {
font-size:11px;
text-transform: none;
color:#7992a1;
display: block;
}
.type-attorneys {
float:left;
width:200px;
margin-right:19px;
border-right:1px solid #989898;
}
.type-attorneys:last-of-type {
border:none;
}
.type-attorneys .attorney-excerpt {
margin:0 30px 20px 0;
padding-bottom:20px;
}
.type-attorneys .attorney-excerpt .attachment-post-thumbnail {
width:180px;
height:236px;
float:left;
margin-bottom:15px;
}
.extralinks {
width: 960px;
padding:20px 0;
border-top: 1px solid #dbdfe0;
font-weight:bold;
}
.extralinks a {
float: none;
display: inline-block;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 960px) {
.mobile-only {
display:none;
}
.desktop-only {
display:block;
}
body {
min-width:960px;
}
#top-header, header, #banner, #content, .question, footer, .inner-top-cont {
width:960px;
}
.inside #main-content {
width:660px;
}
.hpcontent {
width: 610px;
}
.footerbox2 {
width:606px;
}
#main-content .main-info-box {
width:200px;
margin-right:20px;
}
#content-wrapper h1 {
width:550px;
}
#content-wrapper .top-content h1 {
width:410px;
}
#main-content .inner-main {
width:440px;
}
.contact-phone {
position:absolute;
right:5px;
top:5px;
}
.sitemap {
position:absolute;
right:120px;
top:10px;
height:35px;
}
#logo {
width:290px;
height:67px;
position:relative;
top:10px;
margin-left:35px;
}
#tag-line {
float:left;
padding:20px 0 0 50px;
}
.hpblogfeed {
max-width:325px;
float:right;
}
.helperquestion {
float:right;
}
#bottom-nav {
float:left;
}
.footer-copy p {
float:right;
}
.badges img {
height:36px;
float:left;
padding: 0 10px;
}
#banner-mobile {
display:none;
}
.backhome {display:none;}
}
@media only screen and (max-width: 959px) {
.mobile-only, .wonderpluginslider-container {
display:block;
}
.desktop-only, .shedule, #banner-wrapper, .helperquestion, #main-nav, .footerbox, .footerbox2, #top-header, .breadcrumbs {
display:none;
}
body {
max-width:960px;
background:#e3e3e3;
}
#top-header, header, #banner, #content, .question, footer, .inner-top-cont {
max-width:959px !important;
}
.inside #main-content {
max-width:660px !important;
}
.homebadges {width:100%;}
.hpcontent {
max-width: 610px;
}
.footerbox2 {
max-width:606px !important;
}
#main-content .main-info-box {
max-width:200px;
margin-right:0px;
}
#content-wrapper h1 {
max-width:550px !important;
}
#content-wrapper .top-content h1 {
max-width:410px !important;
}
#main-content .inner-main {
max-width:100% !important;
}
.contact-phone {
background-color:black;
float:left;
text-align:center;
width:100%;
}
.sitemap {
display:none;/*float:left;clear:both;text-align:center;*/
}
#tag-line {
clear:both;
text-align:center;
}
.logodiv {
text-align:center;
width:100%;
border-top:55px solid #000;
}
#logo {
max-width:100%;
}
.hpblogfeed {
float:right;
width:100%;
}
#bottom-nav, .footer-copy p, .badges, .extralinks {
width:100%;
text-align:center;
}
.our-attorneys, .hpbox, .bpbox2, .hpbox3, .hpcontent {
padding:10px;
width:100%;
}
.our-attorneys li {
width:100%;
}
#main-content img {
width:auto;
max-width:100%;
height:auto;
text-align:left;
}
aside {
padding:10px;
}
#content-wrapper img {
width:auto;
max-width:100%;
height:auto;
}
#banner-mobile {
max-width:100%;
text-align:center;
}
#banner-mobileimage {
text-align:center;
max-width:637px;
width:auto;
height:auto;
}
html, body { width:100%; /*overflow:hidden;*/ }
#main-content {width:85%; margin:0 auto;}
#content {width:95%}
.backhome {display:block;text-align:left;}
.backhome a {color:black; text-decoration:none;font-size:0.95em;}
#content-wrapper #hpbox3 {margin: 0 auto; float: none; clear:both;}
/* not in use
#banner-mobile {
width:100%;
text-align:center;
}
#banner-mobile img {
text-align:center;
max-width:100%;
width:auto;
height:auto;
}
.logomobile {text-align:center;}
.logomobile img {max-width:100%;}
.hpbox2, .hpbox3 {float:left;}
.contactinfo h4 {float:left;clear:both;}
end not in use*/
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
width:auto !important;
height:auto !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
#splash div {
/* bottom: 10px; */
bottom: 11px;
}
label.assistive-text {
color: #8B8B8B;
}
.clear {clear:both;}
@media only screen and (max-width: 575px) {
.homebadges img { margin:10px 10px; max-height:30px;}
}