/* ============================================================================================================ */ /* SITE HEADER */ /* ============================================================================================================ */ .site-header {background-color:#fff; color:#777; height:140px; overflow:hidden} .site-header .row {height:100%;} .site-header .header-logo {width:320px; height:100%} .site-header .header-logo a {display:inline-block; margin:20px 0; line-height:100px} .site-header .header-logo img {} .site-header .header-contact {font-size:0.75em; float:right; width:600px; height:100%; position:relative} .site-header .header-links {list-style-type:none; position:absolute; top:10px; right:0} .site-header .header-links li {float:left; color:#ec0082;} .site-header .header-links li:before {content:"|"; margin:0 0.5em; color:#777;} .site-header .header-links li:first-child:before {content:""; margin:0} .site-header .header-links a {color:#777;} .site-header .header-locations {list-style-type:none; line-height:1.25; height:2.5em; overflow:hidden; position:absolute; top:40px; right:0; left:0} .site-header .header-locations li {float:right; text-align:right; margin-left:1.5em} .site-header .header-locations a {font-weight:600; display:block; text-decoration: underline;} .site-header .header-locations span {display:block;} .site-header .header-search {position:absolute; bottom:20px; right:0; margin-top:1em} .site-header .header-search input {float:left; width:192px; height:28px; border:1px solid #aaa; color:#777; padding:0 8px} .site-header .header-search button {display:block; float:left; width:28px; height:28px; border:0 none; background: url("//www.qualitysolicitors.com/res/img/v2013/pf-search-icon.png") no-repeat scroll 5px 5px #aaa} .ie7 .site-header .header-links li {margin-left:2em} .ie7 .site-header .header-locations a {letter-spacing:-1px} .ie7 .site-header .header-search input {width:174px; height:26px; line-height:26px} .ie8 .site-header .header-search input {line-height:28px} #header-cta {display:none} @media only screen and (min-width: 1240px) { .site-header .header-contact {width:800px} .site-header .header-search input {width:242px;} } @media only screen and (min-width: 768px) and (max-width: 979px) { .site-header .header-contact {width:380px} .site-header li.desktop {display:none} } @media only screen and (max-width: 767px) { .site-header {height:auto; padding:30px 0 10px} .site-header .header-logo {width:100%; float:none} .site-header .header-logo a {margin:5px 0 10px; width:100%} .site-header .header-logo a img {width:100%; max-width:320px} .site-header .header-contact {height:auto; width:auto; float:none} .site-header .header-links {display:none} .site-header .header-locations {display:none} #header-cta {display:block; margin-bottom:10px; height:auto} #header-cta .cta-button {float:none; height:auto} #header-cta .cta-talk {width:auto} #header-cta .cta-talk span.icon {float:left} #header-cta .cta-talk span {padding-left:36px} .site-header .header-search {position:relative; overflow:hidden; margin-bottom:10px; bottom:0 } .site-header .header-search input {width:100%} .site-header .header-search button {position:absolute; top:0; right:0} } @media print { .site-header {border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:20px; height:auto; page-break-after:avoid} .site-header .header-logo {float:left} .site-header .header-logo a {margin:0} .site-header .header-contact {width:auto; float:right} .site-header .header-search {display:none} .site-header .header-links {display:none} .site-header .header-locations {display:none} #header-cta {display:block; float:right; height:auto; width:auto;} #header-cta .cta-talk {display:block; height:auto; width:auto; text-align:right; background-color:transparent; color:#000} #header-cta .cta-talk span.icon {display:none} #header-cta .cta-talk span {padding:0} #header-cta .cta-talk a {color:#000} } /* ============================================================================================================ */ /* SITE FOOTER */ /* ============================================================================================================ */ .site-footer {background-color:#555; color:#bbb; font-family:'myriad-pro', arial, sans-serif;} .site-footer .row {background-color: transparent;} .footer-links {font-size:0.75em;} .footer-links h3 {color:#fff; font-size:14px; margin-bottom:0.5em} .footer-links ul {list-style-type:none; margin-bottom:1em} .footer-links a {color:#bbb;} .footer-links a:hover {color:#fff;} #footer-social {float:right} #footer-social ul {list-style-type:none; overflow:hidden;} #footer-social ul li {margin-bottom:8px} #footer-social ul li a {display:block; border-radius:2px; color:#fff; padding-left:40px; line-height:40px; font-weight:600; text-decoration:none; background: url("//www.qualitysolicitors.com/res/v2013/partner-social.png") no-repeat scroll top left #777;} #footer-social ul li a:hover {background-color:#EC0082} #footer-social ul li a.facebook {background-position:0px 0px} #footer-social ul li a.twitter {background-position:0px -40px} #footer-social ul li a.linkedin {background-position:0px -80px} #footer-social ul li a.google {background-position:0px -120px} #footer-social ul li a.youtube {background-position:0px -160px} #footer-social ul li a.flickr {background-position:0px -200px} .footer-content {font-size:0.75em; color:#bbb; margin-bottom:1em} .footer-content p+p {margin-top:1em} .footer-content a {color:#fff} .footer-legal {font-size:0.75em; color:#bbb; list-style-type:none} .footer-legal li {float:left;} .footer-legal li:before {content:"|"; margin:0 1em} .footer-legal li:first-child:before {content:""; margin:0} .footer-legal span.copyright {color:#fff} .footer-legal a {color:#bbb;} .footer-legal a:hover {text-decoration:none; color:#fff} .ie7 .footer-legal li {margin-right:2em} @media only screen and (min-width: 768px) and (max-width: 979px) { #footer-individual {width:220px} #footer-business {width:240px} #footer-about {width:220px; float:right} #footer-social {width:100%; clear:both; padding-top:20px; margin:0} #footer-social ul li {margin-bottom:0px; margin-right:8px; float:left} #footer-social ul li a {border-radius:4px; text-indent:-9999px; width: 40px; } } @media only screen and (max-width: 767px) { #footer-individual {display:none} #footer-business {display:none} #footer-about {display:none} #footer-social {width:100%; clear:both; padding:0; margin:0} #footer-social ul li {margin-bottom:0px; margin-right:8px; float:left} #footer-social ul li a {border-radius:4px; text-indent:-9999px; width: 40px; } .footer-legal li {display:block; float:none;} .footer-legal li:before {content:""; margin:0} } @media print { .site-footer {border-top:1px solid #000; background-color:transparent} #footer-individual {display:none} #footer-business {display:none} #footer-about {display:none} #footer-social {display:none} .footer-content {color:#000;} .footer-content a {color:#000} .footer-legal {color:#000;} .footer-legal span.copyright {color:#000} .footer-legal a {color:#000;} } /* ============================================================================================================ */ /* MAIN SITE NAVIGATION */ /* ============================================================================================================ */ #site-nav { color:#fff; font-size:13px; position:relative; z-index:1000; font-family:'myriad-pro', arial, sans-serif; background-color: #787878; background-image: -moz-linear-gradient(top, #989898 0%, #585858 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#585858)); background-image: -webkit-linear-gradient(top, #989898 0%,#585858 100%); background-image: -o-linear-gradient(top, #989898 0%,#585858 100%); background-image: -ms-linear-gradient(top, #989898 0%,#585858 100%); background-image: linear-gradient(to bottom, #989898 0%,#585858 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#585858',GradientType=0 ); */ } /* #site-nav { color:#fff; font-size:13px; height:28px; position:relative; z-index:1000; font-family:'myriad-pro', arial, sans-serif; background-color: #787878; background-image: -moz-linear-gradient(top, #989898 0%, #585858 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#585858)); background-image: -webkit-linear-gradient(top, #989898 0%,#585858 100%); background-image: -o-linear-gradient(top, #989898 0%,#585858 100%); background-image: -ms-linear-gradient(top, #989898 0%,#585858 100%); background-image: linear-gradient(to bottom, #989898 0%,#585858 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#585858',GradientType=0 ); */ } */ #site-nav .row {background-color:transparent; position:relative} #main-nav {float:left; border-right:1px solid #fff} #main-nav > li {float:left; height:28px; border-left:1px solid #fff; padding:0; cursor:pointer} #main-nav > li.menu-compact {position:relative} #main-nav > li.menu-narrow {position:relative} #main-nav > li.selected { background-color: #d8d8d8; background-image: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0)); background-image: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%); background-image: -o-linear-gradient(top, #ffffff 0%,#d0d0d0 100%); background-image: -ms-linear-gradient(top, #ffffff 0%,#d0d0d0 100%); background-image: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%); } #main-nav > li > a {display:block; float:left; height:28px; line-height:28px; font-weight:600; color:#fff; text-decoration:none;} #main-nav > li span.menu-text {display:block; float:left; height:28px; line-height:28px; font-weight:600; padding:0 0.75em} #main-nav > li span.menu-arrow {display:block; float:left; height:28px; line-height:28px; font-weight:600; width:9px; margin-right:0.75em; background: url("//www.qualitysolicitors.com/res/v2013/partner-menu1.png") no-repeat scroll 0px 13px transparent} #main-nav > li > span.menu-text {color:#fff} #main-nav > li.selected > a span.menu-text {color:#0076C0} #main-nav > li.selected > span.menu-text {color:#555} #main-nav > li.selected span.menu-arrow {background-position: -9px 13px} #main-nav .sub-nav {display:none; position:absolute; top:28px; background-color:#fff; box-shadow:4px 4px 6px 0 rgba(0,0,0,0.6); z-index:1000} .menu-wide .sub-nav {height:240px; left:20px; right:20px; overflow:hidden} .menu-huge .sub-nav {height:auto; left:20px; right:20px;} .menu-compact .sub-nav {left:-1px;} .menu-narrow .sub-nav {left:-1px;} #main-nav .subnav-main {float:left} #main-nav .subnav-side {float:right} #main-nav .subnav-content {} #main-nav .subnav-group {float:left; padding:15px 0} #main-nav .menu-compact .subnav-group {display:table-cell; float:none;} #main-nav .menu-narrow .subnav-group {padding-top:0} #main-nav .menu-narrow .subnav-group:first-child {padding-top:15px} .ie7 #main-nav .menu-compact .subnav-group {display:block; float:left;} #main-nav .subnav-group a.group-title {display:block; font-weight:600; padding:0px 15px; margin-bottom:0.25em; color:#333; text-decoration:none; white-space:nowrap} #main-nav ul.subnav-links {list-style-type:none; float:left; display:block; padding:15px} #main-nav ul.subnav-links li a {white-space:nowrap;} #main-nav .subnav-group ul.subnav-links {padding:0 15px} #main-nav .subnav-promises {height:200px; width:250px; padding:20px; margin:20px; background-color:#eee} #main-nav .subnav-promises h4 {font-size:22px; font-weight:bold; color:#222; margin-bottom:0.25em} #main-nav .subnav-promises a {font-size:17px; line-height:1.25; font-weight:600; color:#F6279F; text-decoration:none} #main-nav .subnav-promises a:hover {text-decoration:underline} .no-boxshadow #main-nav .sub-nav {background-color:#fbfbfb; border:1px solid #d8d8d8; border-top:0 none} #mobile-nav {display:none; background-color:#181818; padding-bottom:2px; box-shadow:0 1px 4px rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:1000} #mobile-nav ul {display:none} #mobile-nav a {display:block; color:#fff} #mobile-nav a:hover {text-decoration:none} #mobile-nav .mobile-toggle {color:#e0e0e0; font-size:16px; line-height:1em; padding:6px 12px 6px 28px; background:url("//www.qualitysolicitors.com/res/v2013/partner-mobile1.png") no-repeat scroll 6px 6px transparent} #mobile-nav .mobile-topnav > li {overflow:hidden;} #mobile-nav .mobile-topnav > li > a {padding:6px 12px; color:#e0e0e0; background-color:#202020; border-top:1px solid #303030; border-bottom:1px solid #101010; font-size:14px; line-height:14px;} #mobile-nav .mobile-topnav > li > a:hover {color:#fff} #mobile-nav .menu-dropdown > a:after {color: #f0f0f0; content: "+"; float: right; font-size: 18px; font-weight: bold; margin-right: 10px;} #mobile-nav .menu-expanded > a:after {content: "\2013";} #mobile-nav .subnav-links a {padding:6px 12px 6px 30px; color:#e0e0e0; background-color:#383838; border-top:1px solid #404040; border-bottom:1px solid #303030; font-size:13px; line-height:14px;} #mobile-nav .subnav-links a:hover {background-color:#484848} @media only screen and (min-width: 1240px) { .menu-wide .sub-nav {left:35px; right:35px;} .menu-huge .sub-nav {left:35px; right:35px;} } @media only screen and (min-width: 768px) and (max-width: 979px) { #main-nav {max-width:680px} } @media only screen and (max-width: 767px) { #site-nav {display:none} #mobile-nav {display:block} } @media print { #site-nav {display:none} #mobile-nav {display:none} } /* ============================================================================================================ */ /* Call to Action Block */ /* ============================================================================================================ */ .cta {height:240px; line-height: 1.2; } .cta-button {height:120px; margin:0; float:left; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:12px; text-decoration:none} .cta-button span {display:block; font-weight:600} .cta-button span.icon {width:26px; height:26px; display:block; background: url("//www.qualitysolicitors.com/res/img/v2013/pf-banner-icons.png") no-repeat scroll left top transparent; margin-bottom:5px} .cta-button span.title {font-size:17px;} .cta-talk {width:220px; background-color:#ec0082; border-bottom:1px solid #fff;} .cta-talk span.icon {background-position:0px -52px} .cta-talk span.title {font-size:14px;} .cta-talk a.phone-main { color: #ffffff; text-decoration: none; font-size:28px; font-weight: 600; display: block; } .cta-talk span.mobile {cursor: help; font-size: 12px; } .cta-tip {background-color:#101010; color:#f0f0f0; font-size: 12px; padding: 10px 10px 20px 10px; width: 250px; z-index: 10000; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.5)} .cta-talk span.line2 {font-size: 12px;} .cta-talk a.phone-secondary {color: #ffffff; text-decoration: none; font-size:14px; font-weight: 600;} .cta-talk span.line2 a {font-size: 12px; color: #ffffff} .cta-request {width:110px; color:#fff; background-color:#555} .cta-request span.icon {background-position:0px -26px} .cta-request:hover {background-color:#ec0082; color:#fff; text-decoration:none} .cta-request:visited {color:#fff;} .cta-send {width:110px; color:#fff; background-color:#999; border-left:0 none} .cta-send span.icon {background-position:0px 0px} .cta-send:hover {background-color:#ec0082; color:#fff; text-decoration:none} .cta-send:visited {color:#fff;} .ie7 #shared-cta .cta-button {height:96px;} .ie7 #shared-cta .cta-talk {height:95px; width:194px;} .ie7 #shared-cta .cta-request {width:84px;} .ie7 #shared-cta .cta-send {width:85px;} @media only screen and (min-width: 1240px) { .cta-talk {width:270px} .cta-request {width:135px} .cta-send {width:135px} } @media only screen and (min-width: 768px) and (max-width: 979px) { } @media only screen and (max-width: 767px) { #shared-cta {display:none} } /* ============================================================================================================ */ /* POPUP ENQUIRY FORMS */ /* ============================================================================================================ */ .popup-enquiry {width:320px; background-color:#ffffff; padding:15px; overflow:hidden} .popup-enquiry h3 {line-height:1; margin:0 0 0.5em} .popup-enquiry label {display:block; color:#555; font-size:14px;} .popup-enquiry input {font-size:14px; color: #333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f8f8f8; border:1px solid #dddddd; border-radius:1px;} .popup-enquiry select {font-size:14px; color: #333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f8f8f8; border:1px solid #dddddd; border-radius:1px;} .popup-enquiry textarea {font-size:14px; height:80px; color: #333333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f0f0f0; border:1px solid #dddddd; border-radius:2px; resize:none;} .popup-enquiry input.error, .popup-enquiry textarea.error {border:1px solid red} .popup-enquiry .field-left {float:left; width:48%;} .popup-enquiry .field-right {float:right; width:48%;} .popup-enquiry p.help {color:#555; font-size:14px;} .popup-enquiry button.submit {background-color:#EC0082; border:1px solid #EC0082; color:#ffffff; font-size:14px; font-weight:600; padding:6px 1em; display:block; margin:1em auto 0; text-align:center; border-radius:3px; width:150px} .popup-enquiry button.disabled {color:#666; background-color:#eee; border:1px solid #ccc} .popup-enquiry button.success {color:#008800;} .popup-enquiry .enquiry-terms {font-size:10px; color:#707070; margin-top:10px; overflow:hidden; width:300px; float:left} .popup-enquiry .enquiry-terms a {text-decoration:none} .popup-enquiry .enquiry-terms a:hover {text-decoration:underline} /* ============================================================================================================ */ /* PAGE BANNERS */ /* ============================================================================================================ */ .page-banner {background-color:#f5f5f5; position:relative; height:240px; transition:background-color 0.6s ease} .page-banner-cta {height:240px; } .page-banner-wide {height:240px; *height:239px; border-top:1px solid #fff} .page-banner-large {height:300px; *height:299px; border-top:1px solid #fff} .page-banner .banner-content {position:relative; height:100%; z-index:2} .page-banner .banner-overlay {position:absolute; height:28px; bottom:0; width:100%; background-color:rgba(0,0,0,0.3); z-index:1} .page-banner .banner-slider {float:left; height:100%; width:720px; position:relative; margin:0; background-color:#f5f5f5; overflow:hidden} .page-banner-cta .banner-slider {width:720px;} .page-banner-wide .banner-slider {width:100%} .page-banner-large .banner-slider {width:100%} .page-banner .flex-viewport {height:100%; width:100%} .page-banner .flex-control-nav {height:100%; padding:0 10px} .page-banner .banner-controls {width:100%; height:28px; position:absolute; bottom:0; background-color: rgba(0, 0, 0, 0.3); z-index:1} .page-banner-wide .banner-controls {display:none} .page-banner-large .banner-controls {display:none} .page-banner ul.slides {height:100%; list-style-type:none} .page-banner .banner-slide {width:100%; height:100%;} .page-banner .banner-slide-image a {text-decoration:none} .page-banner .banner-side {float:right; height:100%; width:220px; margin:0} @media only screen and (min-width: 1240px) { .page-banner-cta .banner-slider {width:900px;} .page-banner-cta .banner-side {width:270px;} } @media only screen and (min-width: 768px) and (max-width: 979px) { .page-banner-cta .banner-slider {width:500px;} } @media only screen and (max-width: 767px) { .page-banner-cta {display:none} .page-banner-wide {height:auto} .page-banner-large {height:auto} } @media print { .page-banner {display:none} } /* ==================== */ /* SHARED PAGE SECTIONS */ /* ==================== */ .page-section {border-top:1px solid #ccc; background-color:#fff;} .page-section-dark {background-color:#f6f6f6} .page-section h2 {font-size:1.5em; font-weight:600; color:#ec0082; margin-bottom:0.75em; line-height:1} .page-section ul {list-style-type:none} /* Article Body */ article > h1 {font-size:2em; line-height:1.25; font-weight:600; color:#ec0082; margin:0} .article-meta {font-size:14px; margin-top:0.25em} .article-abstract {font-size:16px; margin-top:20px} .article-body {font-size:14px; margin-top:20px; line-height:1.5} .article-body h1 {} .article-body h2 {font-size:18px; font-weight:600; margin:0.5em 0} .article-body h3 {font-size:16px; font-weight:600; margin:0.5em 0} .article-body h4 {font-size:14px; font-weight:600; margin:0.5em 0} .article-body h5 {font-size:14px; font-weight:normal; margin:0.5em 0} .article-body h6 {font-size:14px; font-weight:normal; margin:0.5em 0} .article-body p { margin:1em 0} .article-body ul, .article-body ol {margin:1em 0; padding-left:2em} .article-body li {padding-left:5px;} .article-body blockquote {margin:1em 40px; font-style:italic; color:#444} .article-body table {margin:1em 0} .article-body table caption {text-align: left; } .article-body table.center {margin-left: auto; margin-right:auto; } .article-body table th {font-weight:600; padding:3px} .article-body table td {padding: 3px} .article-body table td p {margin:0} .article-body table td p+p {margin-top:1em} @media only screen and (min-width: 768px) and (max-width: 979px) { article > h1 {font-size:1.5em;} .page-section h2 {font-size:1.25em;} } @media only screen and (max-width: 767px) { article > h1 {font-size:1.25em;} .page-section h2 {font-size:1.25em;} } @media print { article > h1 {font-size:1.5em;} .page-section {border-top:0 none; background-color:transparent} .page-section-dark {background-color:transparent} .page-section h2 {font-size:1.25em; margin-bottom:0.25em;} } /* Pink push-buttons */ .push-button { background-color:#e5007a; border:0 none; border-radius:3px; box-shadow:0 3px 0 0 #c00066; display:inline-block; color:#fff; cursor:pointer; font-family:'myriad-pro',arial,sans-serif; font-size:14px; font-weight:600; margin:4px 0; padding:0.5em 1.25em; position:relative; } .push-button:hover { background-color:#f30081; text-decoration:none; color:#fff; } .push-button:active { background-color:#f30081; color:#fff; box-shadow:0 2px 0 0 #c00066; top:1px } .push-button:visited { color:#fff; } .push-button[disabled], .push-button[disabled]:hover, .push-button[disabled]:focus, .push-button[disabled]:active {background-color:#BBBBBB; color:#555555; box-shadow:0 3px 0 0 #888888; top:0px} /* Accreditations */ #shared-awards {text-align:center} #shared-awards h2 {text-align:left} #shared-awards ul {overflow:hidden; display:inline-block} #shared-awards ul li {display:inline-block; height:80px; margin:1em 2em 1em 0} .ie7 #shared-awards ul {display:inline;} .ie7 #shared-awards ul li {display:block; float:left} @media only screen and (min-width: 768px) and (max-width: 979px) { #shared-awards {text-align:left} #shared-awards ul li {margin:0.75em 1.5em 0.75em 0} } @media only screen and (max-width: 767px) { #shared-awards {text-align:left} #shared-awards ul li {height:60px; margin:0.75em 1.5em 0.75em 0} #shared-awards ul li img {max-height:60px} } @media print { #shared-awards {text-align:left} } /* Our promises */ #shared-promises {text-align:center} #shared-promises h2 {text-align:left} #shared-promises ul {overflow:hidden; display:inline-block; font-size:0.875em;} #shared-promises ul li {display:block; float:left; margin:1em 1em 0 0} #shared-promises ul li a {position:relative; display:block; text-align:left; height:60px; width:144px; padding:6px 6px 6px 54px; font-weight:600; color:#333; line-height:1.1; background: url("//www.qualitysolicitors.com/res/v2013/partner-promises.png") no-repeat scroll left top transparent} #shared-promises ul li a:hover {color:#EC0082; text-decoration:none} #shared-promises ul li a.promise-ffa {background-position:-4px 0px} #shared-promises ul li a.promise-cost {background-position:-4px -60px} #shared-promises ul li a.promise-sdr {background-position:-4px -120px} #shared-promises ul li a.promise-dlc {background-position:-4px -180px} #shared-promises ul li a.promise-open {background-position:-4px -240px} .ie7 #shared-promises ul {display:inline;} .ie7 #shared-promises ul li a {height:48px; width:90px; padding:6px 6px 6px 64px;} @media only screen and (max-width: 979px) { #shared-promises {text-align:left} #shared-promises ul li {margin-right:0;} } @media print { #shared-promises {text-align:left; background-color:transparent; border-top:0 none} #shared-promises ul {display:block} #shared-promises ul li {margin-right:0; width:20%} #shared-promises ul li a {width:auto;} } /* Enquiry form */ .sidebar-enquiry {margin-bottom:1em} .sidebar-enquiry .enquiry-title {background-color:#aaa; background-image:linear-gradient(to bottom, #aaa 0%, #888 100%)} .sidebar-enquiry .enquiry-title h3 {font-size:15px; font-weight:600; color:#fff; padding:7px 8px 8px 42px; background: url("//www.qualitysolicitors.com/res/img/v2013/pf-enquiry-icons.png") no-repeat scroll 8px 6px transparent} .sidebar-enquiry .enquiry-body {background-color:#f0f0f0; border:1px solid #ddd; border-top:0 none; padding:9px; overflow:hidden} .sidebar-enquiry label {display:block; font-size:11px; color:#555; margin:0.5em 0 0.25em} .sidebar-enquiry select, input.text, .sidebar-enquiry textarea {font-size:14px; width:100%; margin-bottom:0.5em; background-color:#fff; border:1px solid #fff; border-top-color:#bbb; border-left-color:#bbb; padding:4px} .sidebar-enquiry button.submit {float:right; border:0 none; color:#fff; font-size:12px; font-weight:bold; background-color:#999; padding:6px} .sidebar-enquiry input.error {background-color:#ffa6c9; color:black} .ie7 .sidebar-enquiry input.text {width:190px} .ie7 .sidebar-enquiry textarea {width:190px} /* Breadcrumbs */ #shared-crumbs {color:#777; font-size:12px; height:25px; margin-bottom:10px; margin-top:10px} #shared-crumbs ol {list-style-type:none} #shared-crumbs li {display:inline-block; } #shared-crumbs .inner-li:before{ content: ">"; padding: 0px 3px 0px 3px; } #shared-crumbs li a {} .ie7 #shared-crumbs li {display:block; float:left} .ie7 #shared-crumbs .inner-li {padding-left: 8px; } .ie7 #shared-crumbs li a {} @media only screen and (max-width: 767px) { #shared-crumbs {display:none} } @media print { #shared-crumbs {display:none} } /* Social Share icons */ #shared-social {font-size:0.875em; color:#555; overflow:hidden; height:18px; width:100%; margin:14px 0; line-height:1; } #shared-social .share-this {display:block; float:left; line-height:16px; text-align:right; width:100px} #shared-social ul {list-style-type:none; float:right} #shared-social li {float:left; margin-left:8px} #shared-social a {display:block; width:22px; height:18px; text-indent:-9999px; text-decoration:none; opacity:0.85; background: url("//www.qualitysolicitors.com/res/v2013/partner-share.png") no-repeat scroll left top transparent} #shared-social a:hover {opacity:1} #shared-social a.facebook {background-position:0px 0px} #shared-social a.twitter {background-position:-22px 0px} #shared-social a.linkedin {background-position:-44px 0px} #shared-social a.email {background-position:-88px 0px} /*#shared-social a.google {background-position:-66px 0px}*/ /*#shared-social a.youtube {width:24px; background-position:-110px 0px}*/ #shared-social a.google {background: url("//www.qualitysolicitors.com/images/google-plus.jpg") no-repeat scroll left top transparent} #shared-social a.youtube {background: url("//www.qualitysolicitors.com/images/youtube.jpg") no-repeat scroll left top transparent} #shared-social a.flickr {background: url("//www.qualitysolicitors.com/images/flickr.jpg") no-repeat scroll left top transparent} @media only screen and (min-width: 1240px) { #shared-social .share-this {width:150px} } /* Page buttons */ .page-actions {} .page-actions + .page-actions {margin-top:20px} .page-action {} .page-action + .page-action {margin-top:10px} .page-action .action-title {background-color:#aaa; line-height:25px; background-image:linear-gradient(to bottom, #aaa 0%, #888 100%); font-size:15px; font-weight:600; color:#fff;} .page-action .action-title a {display:block; text-decoration:none; color:#fff; overflow:hidden} .page-action .action-title a:hover {background-color:#ec0082;} .page-action .action-title .icon {display:block; height:25px; width:25px; margin:6px 9px 6px 6px; float:left; background: url("//www.qualitysolicitors.com/res/v2013/partner-actions.png") no-repeat scroll left top transparent} .page-action .action-title .title-text {display:block; padding:5px 6px 7px} .page-action .action-body {border:1px solid #888; border-top:0 none; background-color:#f0f0f0; font-size:14px; overflow:hidden; color:#555} .page-action .action-body p {padding:0.25em 0.5em} .page-action .action-body ul, .page-action .action-body ol {padding:0.5em 0.5em 0.5em 1.75em} .page-action .action-body li a {text-decoration:none; color:#0076c0} .page-action .action-title .icon-none {background-position:0px 0px} .page-action .action-title .icon-info {background-position:0px -25px} .page-action .action-title .icon-arrow {background-position:0px -50px} .page-action .action-title .icon-twitter {background-position:0px -75px} .page-action .action-title .icon-calc {background-position:-25px 0px} .page-action .action-title .icon-fee {background-position:-25px -25px} .page-action .action-title .icon-call {background-position:-25px -50px} .page-action .action-title .icon-news {background-position:-25px -75px} .page-action .action-title .icon-help {background-position:-50px 0px} .page-action .action-title .icon-star {background-position:-50px -25px} .page-action .action-title .icon-team {background-position:-50px -50px} .page-action .action-title .icon-events {background-position:-50px -75px} .page-action .action-title .icon-guide {background-position:-75px 0px} .page-action .action-title .icon-talk {background-position:-75px -25px} .page-action .action-title .icon-more {background-position:-75px -50px} .page-action .action-title .icon-blog {background-position:-75px -75px} .page-action .testimonial {padding:10px} .page-action .testimonial .video {overflow:hidden; position:relative; margin-bottom:0.5em} .page-action .testimonial img {width:100%; height:auto; margin-bottom:0.5em} .page-action .testimonial .video img {margin-bottom:0} .page-action .testimonial a.play {position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-23px; z-index:1; width:46px; height:46px; background:url(//www.qualitysolicitors.com/res/img/home-play.png) no-repeat 0px 0px transparent; text-indent:-10000px} .page-action .testimonial a.play:hover {background-position:0px -46px} .page-action .testimonial span.quote {display:block; font-style:italic} .page-action .testimonial blockquote {display:block; margin:0; font-style:italic} .page-action .testimonial span.source {display:block; font-size:12px; font-weight:600; margin-top:0.5em; color:#333} .page-action .testimonial span.location {display:block; font-size:12px;} .page-action .action-body-archive {padding:10px} .page-action .action-body-archive a.archive-year {color:#333; font-weight:600; margin:1em 0} .page-action .action-body-archive a.archive-year:first-child {margin-top:0.5em} .page-action .action-body-archive ul {list-style-type:none;} .page-action .action-body-archive li {} .page-action .action-body-archive a.archive-month {} .page-action .action-body-info {padding:10px; font-size:14px} .page-action .action-body-info span {display:block} .page-action .action-body-info span.label {color:#333; font-weight:600; margin-top:0.5em} .page-action .action-body-info span.label:first-child {margin-top:0} .page-action .spotlight {padding:10px; text-align:center; line-height:1.4} .page-action .spotlight .video {overflow:hidden; position:relative; margin-bottom:0.5em} .page-action .spotlight img {width:100%; height:auto; margin-bottom:0.5em} .page-action .spotlight .video img {width:100%; height:auto; margin-bottom:0.5em} .page-action .spotlight a.play {position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-23px; z-index:1; width:46px; height:46px; background:url(//www.qualitysolicitors.com/res/img/home-play.png) no-repeat 0px 0px transparent; text-indent:-10000px} .page-action .spotlight a.play:hover {background-position:0px -46px} .page-action .spotlight .title {font-size:20px; font-weight:600; margin:0.25em 0} .page-action .spotlight p {padding:0.5em 0} .page-action .spotlight a.more {font-size:14px; font-weight:600} .page-action .tv-ad {position:relative} .page-action .tv-ad img {width:100%;} .page-action .tv-ad span {font-size:20px; font-weight:600; color:#fff; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); position:absolute; top:15px; left:15px} .page-action .tv-ad a {font-size:14px; color:#fff; font-weight:bold; background-color:#eb0081; padding:4px 12px; position:absolute; top:55px; left:15px} @media only screen and (min-width: 1240px) { .page-action .tv-ad span {font-size:24px; top:25px; left:20px} .page-action .tv-ad a {top:70px; left:20px} } .subnav-content .spotlight {padding:15px; margin:15px; background-color:#f0f0f0; color:#222; height:210px; width:600px; overflow:hidden; position:relative} .subnav-content .spotlight .video {overflow:hidden; position:relative; float:left} .subnav-content .spotlight img {max-width:320px; max-height:180px; margin-right:15px; float:left} .subnav-content .spotlight .video img {float:none} .subnav-content .spotlight a.play {position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-23px; z-index:1; width:46px; height:46px; background:url(//www.qualitysolicitors.com/res/img/home-play.png) no-repeat 0px 0px transparent; text-indent:-10000px} .subnav-content .spotlight a.play:hover {background-position:0px -46px} .subnav-content .spotlight .intro {font-size:14px; display:block; color:#EC0082;} .subnav-content .spotlight .title {font-size:20px; font-weight:600; margin:0.25em 0} .subnav-content .spotlight p {padding:0.5em 0} .subnav-content .spotlight a.more {font-size:14px; font-weight:600; position:absolute; bottom:15px} .ie7 .subnav-content .spotlight {height:180px; width:570px;} .menu-huge .subnav-content .spotlight {height:auto; width:auto} .menu-huge .subnav-content .video {float:none} .menu-huge .subnav-content img {margin-right:0; margin-bottom:15px} /* Spotlight */ #shared-spotlight {} #shared-spotlight h2 {margin-bottom:1em} #shared-spotlight .spotlight-slider {text-align:center;} #shared-spotlight ul.slides {text-align:center; overflow:hidden; height:300px;} #shared-spotlight ul.slides li {display:block; float:left; height:270px; width:193px; padding:0 59px 30px 59px; color:#666; border-left:1px solid #ddd; border-right:1px solid #ddd; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #shared-spotlight ul.slides li .video {overflow:hidden; position:relative} #shared-spotlight ul.slides li div.video img {width:145px; height:100px} #shared-spotlight ul.slides li div.video a.play {position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-23px; z-index:1; width:46px; height:46px; background:url(//www.qualitysolicitors.com/res/img/home-play.png) no-repeat 0px 0px transparent; text-indent:-10000px} #shared-spotlight ul.slides li div.video a.play:hover {background-position:0px -46px} #shared-spotlight ul.slides li .spot-title {display:block; font-size:26px; font-weight:600; line-height:1.1; margin:0.5em 0} #shared-spotlight ul.slides li p {font-size:13px; line-height:1.25} #shared-spotlight ul.slides li a.more {font-size:13px; font-weight:600; color:#0076c0; text-decoration:none} #shared-spotlight ul.slides li a.more:hover {text-decoration:underline} #shared-spotlight .flex-control-nav {float:none; display:inline-block;} #shared-spotlight .flex-control-nav li a {background-color:#000; opacity:0.4;} #shared-spotlight .flex-control-nav li a.flex-active {background-color:#ec0082; opacity:1} #shared-spotlight .flex-control-nav li a:hover {opacity:0.7} /* Direction Nav */ #shared-spotlight .flex-direction-nav {none; height:auto} #shared-spotlight .flex-direction-nav li {} #shared-spotlight .flex-direction-nav a {z-index:10; width:12px; height:20px; display:block; cursor:pointer; text-indent:-9999px; position:absolute; background: url("//www.qualitysolicitors.com/res/img/v2013/pf-spotlight-controls.png") no-repeat left top} #shared-spotlight .flex-direction-nav .flex-prev {background-position:0px 0px; top:125px; left:-25px} #shared-spotlight .flex-direction-nav .flex-next {background-position:-12px 0px; top:125px; right:-25px} @media only screen and (min-width: 1240px) { #shared-spotlight ul.slides li {width:270px;} } @media only screen and (min-width: 768px) and (max-width: 979px) { #shared-spotlight ul.slides li {width:240px;} } @media only screen and (max-width: 767px) { #shared-spotlight ul.slides li {width:240px;} } /* Locations */ #shared-locations {} #locations-list {font-size:13px; position:relative; min-height:200px} #shared-locations li {margin-bottom:5px; width:220px; } #shared-locations h3 {display:none; margin-bottom:0.5em; font-size:15px} #shared-locations a.switch {display:block; font-weight:600; color:#333; background-color:#e8e8e8; padding:10px 4px 10px 45px; text-decoration:none; background-position:4px 4px;} #shared-locations a.switch:hover {color:#fff; background-color:#9c9c9c;} #shared-locations li.selected a.switch {color:#fff; background-color:#9c9c9c;} #shared-locations a.mobile {display:none; color:#333; font-size:16px; font-weight:600; line-height:32px; padding-left:44px;} #shared-locations a.mobile:hover {color:#EC0082; text-decoration:none} #shared-locations.single-location li {margin:0; width:auto} #shared-locations.single-location h3 {display:block} #shared-locations.single-location a.switch {display:none} #shared-locations .address-wrapper { display:none; position:absolute; top:0; left:240px; right:0; line-height:1.2; overflow:hidden} #shared-locations .address-wrapper p.address {margin-bottom:1em} #shared-locations .address-wrapper p.email {margin-top:1em} #shared-locations .address-wrapper a.more {display:block; margin-top:1em; font-weight:600} #shared-locations .selected .address-wrapper {display:block} #shared-locations .address-wrapper span.highlight {color:#ec0082;} #shared-locations.single-location .address-wrapper {display:block; position:static} #locations-map {background-color:#f8f8f8; border:1px solid #ccc; height:220px; overflow:hidden; margin-bottom:1em} @media only screen and (min-width: 768px) and (max-width: 979px) { #locations-list {width:100%} #shared-locations li {width:350px; } #shared-locations .address-wrapper {left:370px;} #locations-map {width:100%; margin:20px 0 0 0; float:left} #shared-locations.single-location #locations-list {width:350px} #shared-locations.single-location #locations-map {width:350px; margin:0 0 0 20px;} } @media only screen and (max-width: 767px) { #locations-list {min-height:0} #shared-locations li.branch {width:100%; border:1px solid #ccc; background-color:#e0e0e0; border-radius:3px; margin-bottom:4px; padding:4px} #shared-locations a.switch {display:none} #shared-locations h3 {display:none} #shared-locations.single-location h3 {display:none} #shared-locations .address-wrapper {display:none} #shared-locations .selected .address-wrapper {display:none} #shared-locations a.mobile {display:block;} #locations-map {display:none} } @media print { #shared-locations {display:none} } /* Feeds */ #shared-feeds {} #shared-feeds h2 {margin-bottom:0} .shared-feed {color:#333; font-size:14px; margin-top:20px} .shared-feed > h3 {color:#555; font-size:16px; font-weight:600; margin-bottom:1em; line-height:25px; height:25px; padding-left:35px; background: url("//www.qualitysolicitors.com/res/v2013/partner-feeds.png") no-repeat scroll left top transparent;} #shared-feeds-news > h3 {background-position:0px 0px} #shared-feeds-blog > h3 {background-position:0px -25px} #shared-feeds-events > h3 {background-position:0px -50px} #shared-feeds-twitter > h3 {background-position:0px -75px} .shared-feed ul.feed-list {line-height:1.4} .shared-feed li.feed-item {border-top:1px solid #ccc; padding:12px 0 8px} .shared-feed a.feed-title {font-weight:600} .shared-feed span.feed-date {display:block; font-size:12px; font-weight:600} .shared-feed div.feed-abstract {margin-top:0.5em} .shared-feed a.more {font-size:12px; color:#0076c0; line-height:18px} #shared-feeds-twitter .twitter-timeline {border-top:1px solid #ccc !important} #shared-feeds-twitter .twitter-timeline body {font-face:'myriad-pro',Arial !important} @media only screen and (min-width: 768px)and (max-width: 979px) { .shared-feed:nth-child(even) {width:350px; margin-left:0; clear:left} .shared-feed:nth-child(odd) {width:350px; margin-left:20px;} .shared-feed.span12 {width:100%; margin-left:20px;} } @media only screen and (min-width: 480px)and (max-width: 767px) { } @media only screen and (max-width: 479px) { } .blog-tags { color: #919191; font-size: 12px; } /* Thumbnail team galleries */ .thumbnail-gallery {list-style-type:none; font-size:12px; line-height:1.25; position:relative; overflow:hidden} .thumbnail-gallery li {display:block; float:left; width:160px; height:160px; margin-right:14px; margin-top:10px; color:#888; overflow:hidden} .thumbnail-gallery li a {background-color:#ffffff; display:block; width:100%; height:100%; text-decoration:none;} .thumbnail-gallery li a img {width:100%; height:auto; display:block; background-color:#eaeaea} .thumbnail-gallery li a span.person-name {display:block; padding:4px 0 0; font-weight:600; text-decoration:none; text-align:left; } .thumbnail-gallery li a span.person-title {display:block; padding:0; font-weight:normal; text-align:left; color:#888} @media only screen and (min-width: 768px)and (max-width: 979px) { .thumbnail-gallery li {width:150px; height:150px; margin-right:10px;} } @media only screen and (max-width: 767px) { .thumbnail-gallery li {width:100%; height:auto; margin:5px 0 0;} .thumbnail-gallery li a {background-color:#fdfdfd; border:1px solid #f0f0f0; padding:4px; overflow:hidden; } .thumbnail-gallery li a img {float:left; margin-right:10px; width:90px;} } /* Summary lists, used for news, careers, offers, blogs etc */ ul.summary-list {list-style-type:none; border-top:1px solid #d0d0d0; margin-top:2em} ul.summary-list .summary-item {border-bottom:1px solid #d0d0d0; padding:1em 0.75em;} ul.summary-list .summary-item:nth-child(odd) {background-color:#f8f8f8} ul.summary-list .summary-title {font-weight:600} ul.summary-list .summary-info {font-size:0.875em; color:#666; line-height:1.25} ul.summary-list .summary-abstract {font-size:0.875em; margin-top:0.75em} ul.summary-list a.more {display:inline-block; color:#333; font-size:0.75em; margin-top:0.75em; font-weight:600} /* Archive lists, used for news, blogs, events */ ul.archive-list {list-style-type:none; font-size:0.875em; margin-top:2em} ul.archive-list li {margin:0.5em 0} ul.archive-list span.date {display:inline-block; font-weight:600; margin-right:1em; width:7em;} /* Comments */ .page-comments {overflow:hidden; margin-top:30px; font-size:14px; color:#333333} .page-comments h2 {margin-bottom:1em} .page-comments ol {margin-bottom:1em; list-style-type:none} .page-comments ol.root-list {margin-bottom:30px} .page-comments ol.child-list {padding-left:30px} .page-comments li {margin:1.5em 0 1em} .page-comments li .comment-meta {color:#919191; padding:0.5em 0 0.75em;} .page-comments li .comment-author {font-weight:bold;} .page-comments li .comment-author a {color:#333333; text-decoration:none} .page-comments li .comment-author a:hover {text-decoration:underline} .page-comments li.byguest > .comment > .comment-meta > .comment-author > a {color:#333333;} .page-comments li.byauthor > .comment > .comment-meta > .comment-author > a {color:#f628a0;} .page-comments li.byadmin > .comment > .comment-meta > .comment-author > a {color:#f628a0;} .page-comments li .comment-body {padding:15px; background-color: #f5f5f5; position:relative} .page-comments li .comment-body:before {content: url("//www.qualitysolicitors.com/res/img/commentarrows.png"); left:20px; top:-15px; position: absolute;} .page-comments li .comment-body p+p {margin-top:1em} .page-comments li.new-comment > .comment > .comment-body {border-right:4px solid #dddddd} .page-comments li.new-comment > .comment > .comment-body > p {color:#aaaaaa} .page-comments li.removed-comment > .comment > .comment-body {border-right:4px solid #333333} .page-comments li.removed-comment > .comment > .comment-body > p {color:#dddddd} .page-comments li .comment-body > p {-moz-transition:color 1s ease-out} .page-comments li .comment-tools {font-size:12px; padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #f0f0f0; overflow:hidden} .page-comments li .comment-tools a {margin-right:1em} .page-comments li .comment-tools a {border:1px solid #DCDCDC; border-radius:2px 2px 2px 2px; color:#6E6E6E; display:inline-block; font-size:12px; margin-right:1em; padding:3px 10px 3px 28px; line-height:16px; position:relative; text-decoration:none; -moz-transition:border 0.2s ease 0s; background: url("//www.qualitysolicitors.com/res/img/commenticons.png") no-repeat scroll 6px 0px #f0f0f0;} .page-comments li .comment-tools a:hover {color:#333333; border-color:#c0c0c0; box-shadow:0 1px 2px rgba(0,0,0,0.15);} .page-comments li .comment-tools a:visited {color:#6E6E6E;} .page-comments li .comment-tools a.comment-reply {background-position: 6px 4px} .page-comments li .comment-tools a.comment-publish {background-position: 6px -61px} .page-comments li .comment-tools a.comment-remove {background-position: 6px -29px} .page-comments li .comment-tools span {float:right; margin-left:1em; color:#919191} .page-comments li .comment-tools span.comment-error {color:#e00000} .page-comments li .comment-tools p.comment-received {color:#919191} #respondform {background-color:#f8f8f8; padding:15px; width:100%} #respondform label {display:block; margin-bottom:4px} #respondform label.respond-prompt {font-size:16px; font-weight:600; margin-bottom:0.5em} #respondform input {padding:5px; width:100%; border:1px solid transparent; margin-bottom:16px;} #respondform input.error {border:1px solid #e00000} #respondform textarea {padding:5px; width:100%; border:1px solid transparent; margin-bottom:16px; resize:none} #respondform textarea.error {border:1px solid #e00000} #respondform .respond-body {clear:both} #respondform .respond-details {display:none; overflow:hidden} #respond-cancel {float:right; margin-left:20px; color:#333333; text-decoration:none; display:none} #respond-cancel:hover {text-decoration:underline} .page-comments ol #respond-cancel {display:inline-block} #respond-submit {float:right; margin-bottom:4px; margin-left:20px; padding:0.5em 0.75em; color:#fff; border:0 none; background-color:#0076C0; border-radius:2px} #respond-status {overflow:hidden} #respond-status p {line-height:1.5} #respond-status p.respond-validate {color:#e00000} #respond-status p.respond-error {color:#e00000} #respond-status p.respond-info {color:#919191} /* ================== */ /* SIDEBAR NAVIGATION */ /* ================== */ .page-nav {margin-top:10px} .page-nav + .page-nav {margin-top:18px} .page-nav .nav-title {font-size:16px; color:#333; font-weight:600; margin-bottom:0.5em} .page-nav .nav-title a {color:#0076C0} .page-nav ul {list-style-type:none;} .page-nav ul.indent {padding-left:1em} .page-nav li a {display: block; background-color: #fafafa; font-size:13px; color:#333; font-weight: normal; border-left:3px solid #aaa; padding: 5px 8px; margin-top:4px; text-decoration: none; transition:background-color 0.2s ease} .page-nav ul.indent li a {border-left:1px solid #aaa} .page-nav li a:hover {background-color:#e3f2f6; color:#000; } .page-nav li a.selected {background-color:#e3f2f6; color:#222; font-weight:bold; border-left:3px solid #007ab3; padding-left:8px} .page-nav .fa { color: #585858; float: right; padding-top: 3px; } /* ============================================================================================================ */ /* HOME PAGE */ /* ============================================================================================================ */ /* ============================================================================================================ */ /* SERVICE PAGE */ /* ============================================================================================================ */ .services-list {font-size:0.875em; padding: 1em 0; overflow:hidden} .services-list ul {padding-left: 20px;} .service-childlist {margin-top:2em; overflow:hidden} .service-childlist h2 {color:#555; font-size:1.25em; padding-bottom:0.25em; margin-bottom:0.5em} .service-childlist ul {float:left; margin-right:5em; list-style-type:none; padding:0;} .service-childlist ul:last-child {margin-right:0;} .service-childlist li {font-size:14px; padding:0.25em 0; margin:0} .service-childlist li a {display:block; padding-left:24px; line-height:20px; background: url("//www.qualitysolicitors.com/res/img/pi_listitem.png") scroll no-repeat left top transparent;} @media only screen and (max-width: 979px) { .services-list ul {width:100%; margin:0} .service-childlist ul {width:100%; margin:0} } /* ============================================================================================================ */ /* PERSON PAGE */ /* ============================================================================================================ */ #person-content .person-position {font-size:1.25em; font-weight:600; display:block; line-height:1.25; color:#555} #person-content .person-mobile {overflow:hidden; margin-top:1em; display:none} #person-content .col-content {float:left; margin-left:0} #person-content .person-image {margin-bottom:1em;} #person-content .person-image img {width:100%; max-width:270px; height:auto;} #person-content .person-image.video {overflow:hidden; position:relative;} #person-content .person-image.video a.play {position:absolute; bottom:10px; right:10px; z-index:1; width:48px; height:34px; background:url(//www.qualitysolicitors.com/res/v2013/partner-play.png) no-repeat 0px 0px transparent; text-indent:-10000px} #person-content .person-image.video a.play:hover {background-position:0px -34px} #person-content .person-image.video a.vimeo:hover {background-position:0px -68px} #person-content .person-contact {font-size:14px; color:#333; overflow:hidden; margin-top:1em; line-height:1.4} #person-content .person-contact span.label {font-weight:600; margin-right:0.5em} #person-content .person-groups {font-size:14px; color:#333; overflow:hidden;} #person-content .person-group {margin-top:1em} #person-content .person-group h4 {display:block; font-weight:600; font-size:14px} #person-content .person-group ul {list-style-type:none} #person-content .person-group li {display:inline-block; margin-right:0.5em} #person-content .person-group li:after {content:","} #person-content .person-group li:last-child:after {content:""} #person-feedback {margin-top:2em} #person-feedback h4 {font-size:14px; font-weight:600;} #person-feedback .testimonial {font-size:14px; border-left:4px solid #bed64f; color:#555; margin-top:0.75em; padding-left:1em} #person-feedback .testimonial + .testimonial {margin-top:1.5em;} #person-feedback .testimonial span.quote {display:block; font-style:italic} #person-feedback .testimonial blockquote {display:block; margin:0; font-style:italic} #person-feedback .testimonial span.source {display:block; font-size:12px; font-weight:600; margin-top:0.5em; color:#333} #person-feedback .testimonial span.location {display:block; font-size:12px;} #person-feedback .testimonial:nth-of-type(1) {border-left:4px solid #BED64F;} #person-feedback .testimonial:nth-of-type(2) {border-left:4px solid #EB7A00;} #person-feedback .testimonial:nth-of-type(3) {border-left:4px solid #9B005F;} #person-feedback .testimonial:nth-of-type(4) {border-left:4px solid #007AB3;} /* Social Share icons */ #person-content .person-social {margin-top:1em} #person-content .person-social ul {list-style-type:none;} #person-content .person-social li {float:left; margin-right:8px} #person-content .person-social a {display:block; width:22px; height:18px; text-indent:-9999px; text-decoration:none; opacity:0.85; background: url("//www.qualitysolicitors.com/res/v2013/partner-share.png") no-repeat scroll left top transparent} #person-content .person-social a:hover {opacity:1} #person-content .person-social a.facebook {background-position:0px 0px} #person-content .person-social a.twitter {background-position:-22px 0px} #person-content .person-social a.linkedin {background-position:-44px 0px} #person-content .person-social a.google {background-position:-66px 0px} #person-content .person-social a.email {background-position:-88px 0px} #person-content .person-social a.youtube {width:24px; background-position:-110px 0px} #person-awards {overflow:hidden; margin-top:2em} #person-awards h4 {font-size:14px; font-weight:600;} #person-awards ul {list-style-type:none} #person-awards ul li {display:block; float:left; margin:1em 2em 1em 0; height:80px} #person-awards ul li a {text-decoration:none} @media only screen and (max-width: 979px) { #person-content .col-extra .person-image {display:none} #person-content .person-mobile .person-image {width:180px; margin:0 10px 0 0; float:left} #person-content .col-extra .person-contact {display:none} #person-content .person-mobile .person-contact {line-height:1.3; margin-top:0} #person-content .col-extra .person-social {display:none} #person-content .col-extra .person-social {display:none} #person-content .person-mobile {display:block} } @media only screen and (max-width: 480px) { #person-content .person-mobile .person-image {width:100%; margin:0 0 10px 0; float:none} } @media only screen and (min-width: 768px) and (max-width: 979px) { #person-content .person-position {font-size:1.125em;} #person-awards ul li {margin:0.75em 1.5em 0.75em 0} } @media only screen and (max-width: 767px) { #person-content .person-position {font-size:1em;} #person-awards ul li {height:60px; margin:0.75em 1.5em 0.75em 0} #person-awards ul li img {max-height:60px} } /* ============================================================================================================ */ /* OUR PEOPLE */ /* ============================================================================================================ */ .mini-profile {padding-top:20px; margin-top:10px; border-top:1px dashed #cacaca; overflow:hidden} .mini-profile .mini-photo {width:220px; float:right; margin-left:1em; margin-bottom:1em} .mini-profile .person-name {margin:0; line-height:1.125} .mini-profile .person-name a {} .mini-profile .person-title {color: #555555; font-weight:600; line-height: 1.125;} #people-filters {margin-top:2em} #people-filters .filter {float:left; width:160px; margin-right:14px; z-index: 1000} #people-filters .filter-selectbox {width:100%} #people-filters .filter-title {height:2em; line-height:2; font-size:12px; color:#333; font-weight:600;} #people-filter-sort {float:left; width:100%; clear:left; margin-top:1em;} #people-filters .filter-buttons {float:left; list-style-type:none; margin-right:15px} #people-filters .filter-buttons li {float:left} #people-filters .filter-buttons a { background-color: #ddd; background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0)); border-color: #D0D0D0; border-style: solid; border-width: 1px 1px 1px 0; color: #111; display: inline-block; font-size: 13px; font-weight: normal; padding: 1px 0 2px; text-decoration:none; text-align:center; } #people-filters .filter-buttons a:hover {background-color:#eee; color:#0076C0} #people-filters .filter-buttons a:active {background-color:#eee; color:#0076C0; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset} #people-filters .filter-buttons a.active {border-color:#0076C0; background-color:#0076C0; color:white} #people-filters .filter-buttons a.disabled {color:#888; cursor:default} #people-filters .filter-buttons a.disabled:hover {background-color:#ddd; color:#888} #people-filters .filter-buttons li:first-child a {border-left-width:1px} #people-filters #people-sort-type a {width:80px;} #people-filters #people-sort-az {margin-right:0} #people-filters #people-sort-az a {font-weight:600; width:20px} #people-thumbnails {margin-top:1em; overflow:hidden;} #people-other {color:#555; margin-top:2em; overflow:hidden} #people-other h4 {font-size:0.875em; font-weight:600;} #people-other ul {font-size:0.75em; list-style-type:none; overflow:hidden;} #people-other li {float:left; width:160px; line-height:1.25; height:4.5em; margin-right:14px; margin-top:15px; border-top:1px solid #888; overflow:hidden} #people-other li a {font-weight:600; display:block; line-height:2} #people-other li span.person-title { display:block} .ie7 #people-filters #people-sort-az a {width:18px;} @media only screen and (min-width: 1240px) { #people-filters #people-sort-az a {width:26px;} .mini-profile .mini-photo {width:auto; max-width:270px} } @media only screen and (min-width: 980px)and (max-width: 1239px) { #people-filters #people-sort-az a {width:20px;} } @media only screen and (min-width: 768px)and (max-width: 979px) { #people-filters #people-filter-name {width:310px} #people-filters #people-filter-branch {display:none} #people-filters #people-filter-team {display:none} #people-filters #people-filter-area {display:none} #people-filters #people-sort-az {clear:left; margin-top:10px} #people-filters #people-sort-az a {width:36px; margin-top:1px} #people-filters #people-sort-az li:nth-child(13n+1) a {border-left-width:1px} #people-other li {width:150px; margin-right:10px} .mini-profile .mini-photo {width:180px;} } @media only screen and (max-width: 767px) { #people-filters #people-filter-name {width:100%; margin-right:0} #people-filters #people-filter-branch {display:none} #people-filters #people-filter-team {display:none} #people-filters #people-filter-area {display:none} #people-filters #people-sort-az {clear:left; margin-top:10px} #people-filters #people-sort-az a {width:23px; margin-top:1px} #people-filters #people-sort-az li:nth-child(13n+1) {clear:left} #people-filters #people-sort-az li:nth-child(13n+1) a {border-left-width:1px} #people-other li {width:100%; margin-right:0; height:auto} .mini-profile .mini-photo {width:100%; max-width:270px; float:none; margin-left:0} } /* ============================================================================================================ */ /* OUR TEAMS */ /* ============================================================================================================ */ .teams-list {margin-top:2em} .teams-list ul {font-size:0.875em; list-style-position: outside; overflow: hidden; padding-left: 20px; margin-bottom: 1em;} .team-memberlist {margin-top:2em; overflow:hidden} .team-memberlist h2 {color:#555; font-size:1.25em; padding-bottom:0.25em} .team-memberlist ul {list-style-type:none} .team-servicelist {margin-top:1em; clear: both;} .team-servicelist h2 {color:#555; font-size:1.25em; padding-bottom:0.25em} .team-servicelist ul {font-size:0.875em; list-style-position: outside; overflow: hidden; padding-left: 20px; margin-bottom: 1em;} /* ============================================================================================================ */ /* CONTACT US PAGE */ /* ============================================================================================================ */ .marker-1 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_1.png") no-repeat scroll 0px 0px transparent;} .marker-2 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_2.png") no-repeat scroll 0px 0px transparent;} .marker-3 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_3.png") no-repeat scroll 0px 0px transparent;} .marker-4 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_4.png") no-repeat scroll 0px 0px transparent;} .marker-5 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_5.png") no-repeat scroll 0px 0px transparent;} .marker-6 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_6.png") no-repeat scroll 0px 0px transparent;} .marker-7 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_7.png") no-repeat scroll 0px 0px transparent;} .marker-8 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_8.png") no-repeat scroll 0px 0px transparent;} .marker-9 { background: url("//www.qualitysolicitors.com/res/v2013/markers/marker_9.png") no-repeat scroll 0px 0px transparent;} #contact-us-map { height: 350px; margin: 1em 0 1em 0; } #contact-us-map img { background: none; } .maps-info-window {font-size:14px; color:#333; } /* ============================================================================================================ */ /* BRANCH */ /* ============================================================================================================ */ #branch-map {height: 360px; margin: 1.5em 0;} .branch-map {height: 250px; width: 100%; } .branch-contact {font-size:14px; } .branch-contact h2 {font-size:1.5em; line-height:32px; font-weight:600; color:#ec0082; margin-bottom:0.5em; padding-left: 40px} .branch-contact h3 {font-size:14px; line-height:1.25; font-weight:bold} .branch-contact span.label {font-weight:bold; margin-right:0.5em} .branch-contact .address {margin-bottom:1em} .branch-contact .hours {margin-top:1em} .branch-contact .parking {margin-top:1em} .branch-contact span.highlight {color:#ec0082;} .branch-directions {font-size:14px;} .branch-directions a.more {display:inline-block; margin-top: 1em; } .branch-transport + .branch-transport {margin-top:1.25em} .branch-transport p {margin:0.75em 0} .branch-transport h3 {font-size:14px; line-height:1.25; font-weight:bold} .branch-transport ul, .branch-transport ol {margin:0.75em 0; padding-left:20px} .branch-transport li {} @media only screen and (max-width: 979px) { .branch-page .branch-contact {width:100%} .branch-page .branch-directions {width:100%; margin:20px 0 0 0} } @media only screen and (min-width:768px) and (max-width: 979px) { .contact-page .branch-contact {width:350px} .contact-page .branch-directions {width:350px} } @media only screen and (max-width: 767px) { .contact-page .branch-map {display:none} } /* ============================================================================================================ */ /* PRIVILEGE CARD */ /* ============================================================================================================ */ #lpc-offerlist {margin-top:2em} .offer-list {border-top:4px solid #d0d0d0; list-style-type:none; margin:2em 0 3em 0; padding:0; } .offer-summary {padding:0.825em; border-bottom:1px dotted #888888; margin:0} .offer-summary:nth-child(odd) {background-color:#f8f8f8} .offer-summary article h2 {font-size:18px; color:#414141; font-weight:600; margin:0} .offer-summary article h2 a {text-decoration:none} .offer-summary article h2 a:hover {text-decoration:underline} .offer-summary article .offer-details {color:#808080; font-size:0.825em;} .offer-summary p.abstract {font-size:0.825em; margin:0.825em 0 0} #partner-offers {float:left; width:100%; margin-bottom:20px; background-color:#ebebeb; overflow:hidden} #partner-offers img {float:left; margin:10px;} #lpc-offers {display:block; padding:10px; font-weight:bold; color:#333333; text-decoration:none} #lpc-offers:hover {color:#f628a0;} .offer-company {background-color:#ebebeb; padding:0.825em; margin:2em 0 0.825em 0; font-size:0.825em; color:#666666} .offer-company h3 {color:#333333; font-size:1em; margin-bottom:0.5em} .offer-map {width:100%; height:320px} p.disclaimer {font-size:0.75em; color:#afb2b4; margin-top:4em; padding-top:0.5em; border-top:1px dashed #afb2b4;} /* ============================================================================================================ */ /* NEWS */ /* ============================================================================================================ */ /* ============================================================================================================ */ /* BLOG */ /* ============================================================================================================ */ #blogentry-content .blog-source {} /* ============================================================================================================ */ /* EVENTS */ /* ============================================================================================================ */ #event-content .meta-location {font-weight:600} /* ============================================================================================================ */ /* CAREERS */ /* ============================================================================================================ */ #careers-vacancylist {margin-top:2em} #careers-vacancylist span.branch {font-weight:600} .vacancy-contact {padding:10px; font-size:14px} .vacancy-contact span {display:block} .vacancy-contact span.label {color:#333; font-weight:600; margin-top:0.5em} .vacancy-contact span.label:first-child {margin-top:0} /* ============================================================================================================ */ /* CONVEYANCING CALCULATOR */ /* ============================================================================================================ */ #concalc-online {margin-top:30px; max-width:700px; width:100%} .concalc-form {font-size:14px; color:#333333; background-color:#ddd;} .concalc-title {font-size:16px; font-weight:600; color:#fff; height:40px; line-height:40px; background-color:#999} .concalc-body {padding:20px; overflow:hidden;} .concalc-icon {display:block; height:25px; width:25px; margin:8px 10px 0 20px; float:left; background: url("//www.qualitysolicitors.com/res/v2013/partner-actions.png") no-repeat scroll -25px 0} .concalc-buttons {overflow:hidden; text-align:center; clear:both; padding-top:20px} .concalc-buttons .push-button {font-size:16px} .concalc-form fieldset {padding:15px ; background-color:#fff; width:47.5%; float:left;} .concalc-form fieldset.right {float:right} #concalc-enquiry fieldset {padding:0; background-color:transparent} #concalc-enquiry .concalc-buttons {text-align:left;} #concalc-enquiry .push-button {width:100%;} .concalc-form .legend {font-size:16px; font-weight:600; display:block} .concalc-form label {display:block; margin-top:1em} .concalc-form label:first-child {margin-top:0} .concalc-form input, .concalc-form textarea, .concalc-form select {color:#333; padding:5px; margin:0.25em 0 0; width:100%; background-color:#f8f8f8; border-radius:2px; border:1px solid #d0d0d0; resize:none} .concalc-form input.price {padding-left:32px; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll 4px -21px #f8f8f8;} .concalc-form textarea {height:165px} .concalc-form span.required {color:#e5007a} .concalc-notes {background-color:#E8EFF1; padding:1em; margin-top:20px; float:left; width:100%} .concalc-notes .article-body {margin-top:0.75em; padding-top:0.75em; border-top:1px dashed #afb2b4;} .concalc-items {color:#333333; padding:0 20px; background-color:#f0f0f0; width:100%;} .concalc-items table {width:100%} .concalc-items td {border-top:1px solid #d8d8d8; padding-top:0.25em; padding-bottom:0.25em} .concalc-items tr:first-child td {border-top:0 none} .concalc-items td.label {text-align:left;} .concalc-items td.fee {text-align:right; width:125px; padding-right:1em; background-color:#e8e8e8} .concalc-items td.vat {text-align:right; width:125px} .concalc-items td.contact {text-align:right; font-style:italic} .concalc-items tr.group td {font-size:16px; font-weight:600; padding-top:0.5em; padding-bottom:0.5em} .concalc-items tr.item td {font-size:14px; color:#555} .concalc-items tr.subtotal td {font-size:14px; font-weight:600; color:#444;} .concalc-items tr.total td {font-size:16px; font-weight:600; color:#EC0082;} .concalc-items .fa {color:#0076C0; margin-left:0.5em; cursor:help} .concalc-total {background-color:#EC0082; color:#fff; width:100%;} .concalc-total table {width:100%} .concalc-total td {color:#fff; font-size:20px; font-weight:600; padding:5px 20px} .concalc-total td.fee {text-align:right;} #concalc-main article {padding:0} #concalc-result {margin:20px 0} #concalc-notes {margin-top:1.5em} #concalc-notes p {font-size:14px} #concalc-notes p.disclaimer {font-size:12px; margin-top:3em} .cc-tip {background-color:#101010; color:#f0f0f0; font-size: 12px; padding: 10px; width: 250px; z-index: 10000; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.5)} @media only screen and (max-width: 979px) { #concalc-main {width:100%; margin-right:0} } @media only screen and (max-width: 479px) { #concalc-form fieldset {width:100%; float:left;} .concalc-items {padding:0 10px} .concalc-items tr.group td {font-size:14px;} .concalc-items tr.item td {font-size:12px;} .concalc-items tr.subtotal td {font-size:13px;} .concalc-items tr.total td {font-size:13px;} .concalc-total td {font-size:16px; padding:5px 10px} .concalc-items .fa {display:none} } /* ============================================================================================================ */ /* SEARCH RESULTS */ /* ============================================================================================================ */ #search-results {color:#333333; margin-top: 1em;} #search-results .search-group {overflow:hidden; margin-bottom:1em} #search-results .search-group h3 {font-size:1.25em; padding-bottom:0.25em; margin-bottom:0.25em; border-bottom:1px solid #cccccc; overflow:hidden; color: #555555} #search-results .search-group h3 span {float:left} #search-results .search-group h3 a.more {float:right; font-size: 0.725em; margin-top:8px} #search-results ol {list-style-type:none} #search-results ol li {display:block; overflow:hidden; font-size: 0.825em} #search-results ol li p {color:#666666; margin:0.25em 0 0.75em} #search-results ol li p span.pubdate {font-weight:bold} #search-results .people-gallery {color:#555; margin-top:0.5em; overflow:hidden;font-size:0.75em; list-style-type:none; overflow:hidden} #search-results .people-gallery li {display:block; float:left; width:160px; height:60px; margin-right:15px; margin-top:15px; color:#888;} #search-results .people-gallery li a span.person-name {display:block; padding:4px 0 0; font-weight:600; text-decoration:none; text-align:left; } #search-results .people-gallery li a:hover {text-decoration:none;} #search-results .people-gallery li a span.person-title {display:block; padding:0; font-weight:normal; text-align:left; color:#888} /* ============================================================================================================ */ /* CUSTOMER SATISFACTION SURVEY */ /* ============================================================================================================ */ .survey-cfs h2 { background-color:#607075; color:#fff; font-size:20px; padding:4px 8px; margin-bottom:0.5em; } .survey-cfs p {margin:1em 0;} .survey-cfs span.required {color:#cf0000} .survey-cfs .cfs-details { background-color:#E8EFF1; padding:8px; overflow:hidden; margin:1em 0; } .survey-cfs .cfs-details .question { margin:0.5em 0; overflow:hidden; } .survey-cfs .cfs-details label { display:block; font-weight:600; } .survey-cfs .cfs-details label.left { width:250px; float:left; height:30px; line-height:30px; } .survey-cfs .cfs-details input[type="text"], .survey-cfs .cfs-details select { width:300px; float:left; border:1px solid #D0D0D0; padding:4px; font-family: "myriad-pro",arial,helvetica,sans-serif; font-size:14px; color:#4a4a4a; background-color:#fdfdfd; border-radius:2px; height:30px; line-height:30px; } .survey-cfs .cfs-details input.error, .survey-cfs .cfs-details select.error, .survey-cfs .cfs-section textarea.error { border:1px solid #cf0000; } .survey-cfs .cfs-details .checkgroup { width:40%; float:left; } .survey-cfs .cfs-details .checkgroup label { font-weight:normal; } .survey-cfs .cfs-details .checkgroup input[type="radio"] { margin-right:0.5em; } .survey-cfs .cfs-section { } .survey-cfs .cfs-section .rating { margin:1em 0 1.5em; } .survey-cfs .cfs-section label.question { font-weight:600; display:block; margin:0.5em 0; } .survey-cfs .cfs-section .check { margin:0.5em 0; } .survey-cfs .cfs-section .checkgroup { margin:0.5em 0; float:left; width:40%; } .survey-cfs .cfs-section .check label { margin-right:1.5em; } .survey-cfs .cfs-section .checkgroup label { display:block; } .survey-cfs .cfs-section input[type="radio"] { margin-right:0.5em; } .survey-cfs .cfs-section .rating textarea { width:100%; height:100px; padding:0.25em; border:1px solid #4F5C60; } .survey-cfs .cfs-section .rating p { margin:0.5em 0; } .survey-cfs .cfs-button { display:block; float:left; border:1px solid #0076C0; border-radius:3px; font-weight:600; font-family: "myriad-pro",arial,helvetica,sans-serif; background-color:#0076C0; background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0)); color:#fff; font-size: 14px; margin-left:5px; height:30px; width:75px } .survey-cfs .cfs-button:hover { background-image: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0)); } @media only screen and (max-width: 767px) { .survey-cfs {font-size:15px} .survey-cfs h2 {font-size:14px} .survey-cfs .cfs-section .check label {display:block;} .survey-cfs .cfs-details input[type="text"], .survey-cfs .cfs-details select { width:100%; clear:left; } .survey-cfs .cfs-button {width:65px} .survey-cfs .cfs-details .checkgroup {width:100%; margin:0} .survey-cfs .cfs-section .checkgroup {width:100%; margin:0} } .survey-cfs #cfs_lawarea_columns { float: left; width: 850px; column-width: 250px; } .survey-cfs #cfs_lawarea_columns div { padding:4px; } .survey-cfs #cfs_lawarea_columns label { display: inline-block; margin-left: 0.5em; font-weight: inherit; } /* ============================================================================================================ */ /* ENQUIRY FORM (JAN 2017). OTHER STYLES IN CSS FILE ON SERVER (WE DON'T HAVE ACCESS TO IT) */ /* ============================================================================================================ */ .sidebar-enquiry input { width: 100%; } .sidebar-enquiry input:required:valid { background-color: white; } /* ============================================================================================================ */ /* INFO BAR */ /* ============================================================================================================ */ .section-infobar {background-color:#e5007a; color:#fff; height:40px; overflow:hidden} .section-infobar .row {height:100%; text-align:center;} .section-infobar .infobar-strapline, .section-infobar .infobar-title, .section-infobar .infobar-msg, .section-infobar .infobar-call {display: inline-block;} .section-infobar .infobar-strapline { padding-left: 24px; padding-right: 24px; line-height: 40px; font-size: 20px; } .section-infobar .infobar-title strong {font-weight:600} .section-infobar .infobar-number {font-weight:600; display:inline-block; text-align:center;} .section-infobar .infobar-strapline .infobar-call {font-size: 30px} @media only screen and (min-width: 1240px) { } @media only screen and (min-width: 980px) and (max-width: 1239px) { .section-infobar .infobar-strapline { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .section-infobar .infobar-strapline { padding-left: 5px; padding-right: 5px} .section-infobar .infobar-title { font-size: 17px; } .section-infobar .infobar-msg { font-size: 17px; } .section-infobar .infobar-number { font-size: 19px; } } @media only screen and (max-width: 767px) { .section-infobar { height: auto; margin-bottom: 10px} .section-infobar .infobar-strapline { border: 1px solid #fff; margin-top: 5px; margin-bottom: 5px; line-height: normal; } .section-infobar .infobar-title { line-height: normal; font-size: 20px; } .section-infobar .infobar-msg { display: block; line-height: normal; font-size: 20px; } } @media only screen and (max-width: 481px) { .section-infobar { height: auto; } .section-infobar .infobar-strapline { border: 1px solid #fff; margin-top: 5px; margin-bottom: 5px; line-height: normal; } .section-infobar .infobar-title { line-height: normal; padding-top: 5px; font-size: 16px; } .section-infobar .infobar-msg { display: block; line-height: normal; font-size: 16px; } }