/* CSS Document */ * {box-sizing: border-box;} /* ----- HTML STYLES ----- */ /* undo default styling of common (X)HTML browsers */ :link,:visited { text-decoration:none } ul,ol { list-style:none } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td { margin:0px; padding:0px; font-family: "myriad-pro", Arial, sans-serif; border:none;} a img,:link img,:visited img { border:none; } address {font-style:normal;} body {margin: 0px; padding: 0px 0 0px 0; text-align:center; color:#000000;} p {font-size:15px; line-height:20px; color:#575756; margin-bottom:20px;} .imageRight #banner .right {background-position:right center;} .imageLeft #banner .right {background-position:left center;} #my-content #my-menu {display: none;} .CookieConsent {text-align:left; width:100%; background-color:#800a3e; color:#fff; padding:10px 0px 10px 12px; font-family: "myriad-pro", Arial, sans-serif;} .CookieConsent a { font-family: "myriad-pro", Arial, sans-serif; color:#fff; text-decoration:underline;} .CookieConsent .ConsentText {float:left; width:92%; display:inline-block; padding:5px 10px 5px 0;} .CookieConsent .ConsentButtons {float:left; width:8%; padding:5px 10px 0 0 ; text-align:center;} .CookieConsent input[type=submit] {width:20px; height:20px; background-image:url(/wp-content/themes/warrener/assets/close-cookie.png); background-position:center center; cursor:pointer; color:#800a3e; background-color:#800a3e;} @media only screen and (min-width: 1500px) { .CookieConsent {text-align:center;} .CookieConsent .ConsentText {float:none; width:auto;} .CookieConsent .ConsentButtons {float:none; width:auto; padding:0px;} } #condolences {width:100%; float:left; background-color:#000; padding:10px 20px; text-align:center;} #condolences p {font-size:16px; color:#fff; margin-bottom:0px;} .copy p {font-size:14px; line-height:19px; color:#575756; margin-bottom:20px;} .copy p a {color:#ca7901; font-weight:bold;} .copy p a:hover {text-decoration:underline;} .copy p img {width:100% !important; height:auto !important;} .copy ul {margin-bottom:16px; } .copy ul li {font-size:14px; margin-bottom:4px; line-height:19px; color:#A8A8A8; background-image:url(/wp-content/themes/warrener/assets/bullet-gold.png); background-repeat:no-repeat; padding-left:12px; background-position:0 7px;} .copy ol {margin-bottom:16px; margin-left:20px; } .copy ol li {font-size:14px; margin-bottom:4px; line-height:19px; color:#A8A8A8; list-style-type:decimal; padding-left:12px; background-position:0 7px;} .copy ul li a {color:#ca7901; font-weight:bold;} .copy ul li a:hover {text-decoration:underline;} .copy ul li ul {margin-bottom:0px; margin-top:4px;} .copy h1 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} .copy h1.newsH1 {border:none; margin-bottom:40px;} #caseStudy .copy.case>h2 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} #col2>h2 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%; clear:left;} .contactForm>h2 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} #sector .copy h2.h2h1 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} h2.h2h1 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} .copy h2.h2h1 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} #careers .left h2 {color:#ca7901; font-size:24px; font-weight:300; width:100%;} .copy h2 {color:#AF1F62; font-size:20px; font-weight:bold; border-bottom:2px solid #AF1F62; padding-bottom:15px; margin-bottom:15px;} .copy h3 {color:#AF1F62; font-size:20px; font-weight:bold; border-bottom:2px solid #AF1F62; padding-bottom:15px; margin-bottom:15px;} .copy h4 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} .copy h5 {color:#ca7901; font-size:24px; font-weight:300; width:100%; padding-top:20px;} .copy p.clientsView {color:#E18017; font-size:18px; font-weight:bold; font-style:italic; line-height:23px; margin-bottom:30px;} #service .copy h2, #service .copy h3 {border:none; padding:0px;} #sector .copy h2, #sector .copy h3 {border:none; padding:0px;} #caseStudy .copy h2, #caseStudy .copy h3 {border:none; padding:0px;} #service .copy .download {float:left; width:100%; margin-bottom:40px;} #service .copy .download .copy {display:block; float:left;} #service .copy .download img {width:auto !important; float:left; margin-right:20px; margin-bottom:15px;} #service .copy .download h2 {border-bottom: 2px solid #a81f62; padding-bottom: 20px; margin-bottom: 20px;} #service .copy .download p {} #service .copy .download a {margin-right:20px; background-image:url(/wp-content/themes/warrener/assets/download.gif); background-size:contain; background-repeat:no-repeat; width:65px; height:90px; display:block;} .copy table {border-collapse:collapse; font-size:14px; color:#575756; margin-bottom:20px;} .copy table td {padding:8px; background-color:#eeeeee; border:1px solid #ffffff;} .copy table th {padding:8px; background-color:#eeeeee; border:1px solid #ffffff; color:#af1f62;} /* ---- MASTER TEMPLATE ---- */ #container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden;} #container>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;} .wrapper {margin: 0 auto; width: 1400px; max-width: 100%;} .content {float: left; width: 100%; max-width: 100%; padding:0 10%; } @media only screen and (min-width: 768px) { .content {float: left; width: 100%; max-width: 100%; padding:0 5%; } .copy ul.columns {column-count: 2; column-gap:50px;} } a.payment {transition:background 0.5s ease; display:none; background-color:#e88617; padding:5px 20px; color:#fff; float:right; position:absolute; right:60px;} a.payment:hover {transition:background 0.5s ease; background-color:#C87901;} @media only screen and (min-width: 768px) { a.payment {display:block;} } ul#menu-mainnav {display:none;} ul#subNav {display:none;} #header p.phone {display:none;} #header a.logo {float:left; display:block; background-image:url(/wp-content/themes/warrener/assets/logo-warrener-stewart-mobile.png); background-repeat:no-repeat; width:186px; height:49px; margin:30px 0 30px 30px;} a#navButton {position:absolute; top:40px; right:40px;} #footer {background-color:#800A3E; border-bottom:30px solid #5C0524; } #footer .content {padding:40px 10%; width:100%;} #footer .contactFooter {float:left; width:100%; background-image:url(/wp-content/themes/warrener/assets/accreditations.png); background-repeat:no-repeat; background-position:bottom right; background-size:280px auto; padding-bottom:80px; margin-bottom:20px;} #footer .contactFooter img {display:none;} #footer .contactFooter p {color:#A2A2A2; font-size:14px; line-height:19px;} #footer .contactFooter p a {color:#fff;} #footer .contactFooter p strong a {font-weight:300; color:#CB7901; font-size:30px; line-height:35px;} #footer ul {float:left; width:100%; margin-bottom:30px;} #footer ul li {width:100%;} #footer ul li a {width:100%; color:#A2A2A2; font-size:18px; font-weight:300; border-bottom:2px solid #5C0524; display:block; padding:7px 0; background-image:url(/wp-content/themes/warrener/assets/arrow-right-grey.png); background-repeat:no-repeat; background-position:center right;} #footer ul li a:hover {color:#E28017; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png);} #footer ul>li.last>a {border-bottom:0px;} #footer h4 {color:#E28017; font-size:20px; font-weight:bold; border-bottom:2px solid #E28017; padding:7px 0;} #footer ul#menu-footernav1 li:first-child a {color:#E28017; font-size:20px; font-weight:bold; border-bottom:2px solid #E28017; background-image:none;} #footer ul#menu-footernav2>li>a {color:#E28017; font-size:20px; font-weight:bold; border-bottom:2px solid #E28017; background-image:none;} #footer ul#menu-footernav3>li>a {color:#E28017; font-size:20px; font-weight:bold; border-bottom:2px solid #E28017; background-image:none;} #footer ul#menu-footernav4 li {float:left;} #footer ul#menu-footernav4 li span:hover {color:#E28017; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); cursor:pointer;} #footer ul#menu-footernav4 li span {background-image:url(/wp-content/themes/warrener/assets/arrow-down-gold.png);} #footer ul#menu-footernav4 li ul li a {font-size:16px;} #footer ul#menu-footernav4 li ul {display:none;} #footer ul#menu-footernav4 li.active ul {display:block;} #footer ul li span {width:100%; color:#A2A2A2; font-size:18px; font-weight:300; border-bottom:2px solid #5C0524; display:block; padding:7px 0; background-image:url(/wp-content/themes/warrener/assets/arrow-right-grey.png); background-repeat:no-repeat; background-position:center right;} #footer .terms {width:100%; float:left; border-top:2px solid #E28017; padding-top:30px; text-align:center; margin-top:20px;} #footer .terms p {color:#A2A2A2; font-size:12px; font-weight:normal;} #footer .terms .menu-footernav5-container ul li {display:inline-block; width:auto;} #footer .terms .menu-footernav5-container ul li a {width:auto; color:#ffffff; font-size:12px; background-image:url(/wp-content/themes/warrener/assets/bullet-gold.png); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 10px; margin-left:3px; border:0px;} #footer .terms a.ie {line-height:40px; padding-right:60px; display:inline-block; height:40px; color:#A2A2A2; font-size:12px; background-image:url(/wp-content/themes/warrener/assets/ie-logo.png); background-repeat:no-repeat; background-position:right;} @media only screen and (min-width: 768px) { #header a.logo {background-image:url(/wp-content/themes/warrener/assets/logo-warrener-stewart.png); background-repeat:no-repeat; width:418px; height:100px; margin:30px 0 30px 30px; } a#navButton {position:absolute; top:73px; right:65px;} #footer .content {padding:60px 5% 40px 5%; width:100%;} #footer .contactFooter {margin-bottom:30px; background-size:auto;} #footer .contactFooter img {display:block; float:left; margin:0 30px 0 0;} #footer .contactFooter p {float:left; width:35%; margin-top:20px; margin-right:5%;} #footer ul {width:48%; margin-bottom:30px;} #footer ul ul {width:100%;} #footer ul#menu-footernav2 {float:right;} #footer ul#menu-footernav3 {clear:both;} #footer h4 {float:right; width:48%;} #footer ul#menu-footernav4 {float:right;} #footer .terms {text-align:left;} #footer .terms a {float:right;} } @media only screen and (min-width: 1200px) { a#navButton {display:none;} #mobile {display:none;} #header a.logo {margin:30px 0 0 30px;} #header p.phone {display:block; float:right; color:#C87901; font-size:26px; font-weight:bold; border-bottom:2px solid #A61F62; margin:65px 60px 10px 0; padding-bottom:10px;} #header p.phone span {color:#C87901; font-size:26px; font-weight:bold;} #header p.phone b {font-size:18px; color:#575756; font-weight:normal;} #header p.phone a {font-size:18px; color:#575756; font-weight:normal;} ul#menu-mainnav {display:block; float:right; margin-right:45px; clear:right; padding-bottom:46px;} ul#menu-mainnav>li {float:left; } ul#menu-mainnav>li>a {color:#575756; font-size:18px; font-weight:300; padding:8px 12px; display:block; } ul#menu-mainnav>li.first>a {background-image:none;} ul#menu-mainnav>li>a:hover {background-color:#e88617; color:#ffffff;} .single-staff ul#menu-mainnav>li.menu-item-34>a {background-color:#a1a1a1; color:#ffffff;} ul#menu-mainnav>li.current-menu-item>a {background-color:#a1a1a1; color:#ffffff;} ul#menu-mainnav li.current-menu-item ul.sub-menu {display:block;} ul#menu-mainnav li.current_page_ancestor>a {background-color:#a1a1a1; color:#ffffff;} ul#menu-mainnav li.current_page_ancestor ul.sub-menu {display:block;} ul#menu-mainnav li.current_page_parent ul.sub-menu {display:block;} ul#menu-mainnav ul.sub-menu {display:none; float:right; width:auto; padding:13px 45px 0px 60px; z-index:200; position: absolute; right:0px; text-align:right; background-color:#a1a1a1;} ul#menu-mainnav ul.sub-menu:before {content: ''; background-color:#a1a1a1; position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;} ul#menu-mainnav ul.sub-menu li {width:auto; text-align:left; float:left; padding:0 15px; margin-bottom:13px; border-left:1px solid #ffffff;} ul#menu-mainnav ul.sub-menu li>a {display:block; color:#ffffff; } ul#menu-mainnav ul.sub-menu li>span {display:block; color:#ffffff; } ul#menu-mainnav ul.sub-menu li>a:hover, ul#menu-mainnav ul.sub-menu li.current-menu-item>a, ul#menu-mainnav ul.sub-menu li.current-page-ancestor>a{color:#666666;} ul#menu-mainnav ul.sub-menu ul.sub-menu {display:none;} #footer .contactFooter {background-image:url(/wp-content/themes/warrener/assets/accreditations.png); background-repeat:no-repeat; background-position:right; padding-bottom:0px;} #footer ul {width:22%; margin-bottom:30px; margin-right:4%;} #footer ul#menu-footernav2 {float:left;} #footer ul#menu-footernav3 {clear:none;} #footer ul#menu-footernav4 {float:right; margin-right:0px;} #footer .menu-footernav5-container ul {width:auto; margin:0px;} #footer .contactFooter p {float:left; width:23%; margin-top:20px; margin-right:3%;} #footer h4 {float:right; width:22%;} #footer .terms p {float:left; margin-top:10px;} #footer .terms ul li {float:left; margin-top:12px;} } @media only screen and (min-width: 1400px) { ul#menu-mainnav ul.sub-menu{clear: both;} ul#menu-mainnav ul.sub-menu li {width:auto; text-align:right;} ul#menu-mainnav ul.sub-menu li.first {border-left:0px;} ul#menu-mainnav ul.sub-menu li:nth-child(5n+1) {clear:none;} } /* ---- HOMEPAGE ---- */ @media only screen and (max-width: 480px) { #scroller {float:left; width:100%; margin:0; overflow:hidden; height:540px;} #container #slideshowMain {width:100%; float:left;} #slideshowMain .cycle-slideshow {height:540px;} #slideshowMain .slider {height:240px; width:100%; background-size:cover;} #slideshowMain .slider .middle {display:table-cell; vertical-align:middle;} #slideshowMain .slider .text {position:absolute; top:240px; height:300px; background-color: #E88617; width:100%; padding:30px 20px 20px 10%;} #slideshowMain .slider .text p {border-left:2px solid #D17901; padding-left:10px; color:#FFFFFF; font-size:20px; font-weight:300; line-height:25px; margin:0px; padding-bottom:20px;} #slideshowMain .slider .text p span {color:#A85E02; font-size:16px; font-style:italic; font-weight:bold;} #slideshowMain .slider .text a {border-left:2px solid #D17901; padding-left:10px; color:#FFFFFF; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block;} } @media only screen and (min-width: 480px) { #scroller {width:100%; float:left; position:relative; overflow:hidden;} #container #slideshowMain {width:100%; float:left;} #slideshowMain .cycle-carousel-wrap {width:100%;} #slideshowMain .slider {height:480px; width:100%; background-size:cover;} #slideshowMain .slider .middle {height:480px; display:table; width:100%;} #slideshowMain .slider .panel {display:table-cell; vertical-align:middle; } #slideshowMain .slider .text {background-color: #E88617; width:40%; padding:30px 20px 20px 5%; position:relative; float:right;} #slideshowMain .slider .text p {border-left:2px solid #D17901; padding-left:10px; color:#FFFFFF; font-size:20px; font-weight:300; line-height:25px; margin:0px; padding-bottom:20px;} #slideshowMain .slider .text p span {color:#A85E02; font-size:16px; font-style:italic; font-weight:bold;} #slideshowMain .slider .text a {border-left:2px solid #D17901; padding-left:10px; color:#FFFFFF; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block; margin-right:-20px;} #container #slideshow {display:none;} #slideshow .cycle-carousel-wrap {width:100%;} #slideshow .slider {height:480px; width:25%;} } @media only screen and (min-width: 768px) { #container #slideshowMain {width:60%; float:left;} #container #slideshow {display:block; width:80%; position:absolute; right:0px;} #slideshow .slider {height:480px; width:50%;} } @media only screen and (min-width: 1200px) { #container #slideshowMain {width:40.5%; float:left;} #container #slideshow {width:80%; position:absolute; left:20.3%; } #slideshow .slider {height:480px; width:25%;} } #homeIntro {background-color:#D2D2D2; } #homeIntro h1 {color:#A61F62; font-size:20px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #A61F62;} #homeIntro h2 {color:#A61F62; font-size:20px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #A61F62;} #homeIntro h1 strong {color:#C87901; font-weight:300;} #homeIntro h2 strong {color:#C87901; font-weight:300;} #homeIntro .left {width:100%; background-color:#DFDFDF; padding:50px 10% ;} #homeIntro .left p a {color:#C87901; font-weight:bold;} #homeIntro .left p a:hover {text-decoration:underline;} #homeIntro .right {width:100%; background-color:#D2D2D2; padding:50px 10%;} #homeIntro .right h2 {border-bottom:2px solid #FFFFFF; margin-bottom:0px;} #homeIntro .right a {color:#ffffff; font-size:20px; display:block; padding:20px 0; border-bottom:2px solid #DFDFDF; background-image:url(/wp-content/themes/warrener/assets/arrow-right-large-gold.png); background-repeat:no-repeat; background-position:right center; font-weight:300;} #homeIntro .right a:hover {color:#C87901;} #homeIntro2 {background-color:#F7F7F7; padding:70px 0; } #homeIntro2 .left {width:100%; padding:0 ;} #homeIntro2 .left p a {transition: background-image 0.5s ease;color:#C87901; font-weight:normal; background-image:url(/wp-content/themes/warrener/assets/readmore.png); background-position:center right; padding-right:60px; display:inline-block; line-height:40px; background-repeat:no-repeat;} #homeIntro2 .left p a:hover {transition: background-image 0.5s ease; background-image:url(/wp-content/themes/warrener/assets/readmore-hover.png);} #homeIntro2 h1 {color:#A61F62; font-size:22px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #A61F62;} #homeIntro2 h1 strong {color:#C87901; font-weight:300;} #homeIntro2 h3 {color:#C87901; font-size:22px; font-weight:300; padding-bottom:20px;} #homeIntro2 .thirds {float:left; width:100%; } #homeIntro2 .third {float:left; width:100%; margin-top:30px;} #homeIntro2 .third a {transition: background 0.5s ease; background: linear-gradient(to right, #C87901 50%, #DF8017 0); background-size: 200% 100%; background-position: right; display:block; font-size:20px; line-height:50px; padding-left:20px; color:#fff; width:100%; height:50px; position:relative;} #homeIntro2 .third a:hover {transition:background 0.5s ease; background-position:left;} #homeIntro2 .third a:after {content:''; border-left:1px solid #DF8017; background-image:url(/wp-content/themes/warrener/assets/yellow-arrow.png); background-position:right; background-repeat:no-repeat;display:block; width:50px; position:absolute; height:50px; right:0px; top:0px;} #homeServices2 .content {margin-top:50px;} .twoThirds {float:right; width:100%;} .twoThirds h3 {font-size:22px; font-weight:bold; color:#DF8017; margin-bottom:30px;} #homeServices2 .third {float:right; width:100%;} #homeServices2 .third p {font-size:18px; color:#DF8017; line-height:22px; font-weight:300; margin-bottom:30px;} .twoThirds a {transition: 0.5s ease; display:block; float:left; width:45%; margin-right:5%; color:#9F9F9F; font-size:20px; font-weight:300; margin-bottom:30px; background-repeat:no-repeat ;padding-top:100px;} .twoThirds a:hover {transition: 0.5s ease; color:#df8017;} .twoThirds a img {display:block; margin-bottom:10px;} .twoThirds a img {display:none;} .twoThirds a.linkAccountancy {background-image:url(/wp-content/themes/warrener/assets/icon-accountancy.png);} .twoThirds a.linkAccountancy:hover {background-image:url(/wp-content/themes/warrener/assets/icon-accountancy-hover.png);} .twoThirds a.linkAudit {background-image:url(/wp-content/themes/warrener/assets/icon-audit.png);} .twoThirds a.linkAudit:hover {background-image:url(/wp-content/themes/warrener/assets/icon-audit-hover.png);} .twoThirds a.linkAdvisory {background-image:url(/wp-content/themes/warrener/assets/icon-audit.png);} .twoThirds a.linkAdvisory:hover {background-image:url(/wp-content/themes/warrener/assets/icon-audit-hover.png);} .twoThirds a.linkPlanning {background-image:url(/wp-content/themes/warrener/assets/icon-business-planning.png);} .twoThirds a.linkPlanning:hover {background-image:url(/wp-content/themes/warrener/assets/icon-business-planning-hover.png);} .twoThirds a.linkSupport {background-image:url(/wp-content/themes/warrener/assets/icon-support-services.png);} .twoThirds a.linkSupport:hover {background-image:url(/wp-content/themes/warrener/assets/icon-support-services-hover.png);} .twoThirds a.linkCorporate {background-image:url(/wp-content/themes/warrener/assets/icon-corporate-tax.png);} .twoThirds a.linkCorporate:hover {background-image:url(/wp-content/themes/warrener/assets/icon-corporate-tax-hover.png);} .twoThirds a.linkInternational {background-image:url(/wp-content/themes/warrener/assets/icon-international-tax.png);} .twoThirds a.linkInternational:hover {background-image:url(/wp-content/themes/warrener/assets/icon-international-tax-hover.png);} .twoThirds a.linkUS {background-image:url(/wp-content/themes/warrener/assets/icon-us-tax-planning.png);} .twoThirds a.linkUS:hover {background-image:url(/wp-content/themes/warrener/assets/icon-us-tax-planning-hover.png);} .twoThirds a.linkPersonal {background-image:url(/wp-content/themes/warrener/assets/icon-personal-client-services.png);} .twoThirds a.linkPersonal:hover {background-image:url(/wp-content/themes/warrener/assets/icon-personal-client-services-hover.png);} .twoThirds a.linkExpert {background-image:url(/wp-content/themes/warrener/assets/icon-expert-witness.png);} .twoThirds a.linkExpert:hover {background-image:url(/wp-content/themes/warrener/assets/icon-expert-witness-hover.png);} #ourProcess {background-color:#d2d2d2; padding:30px 0;} #ourProcess h3 {color:#C87901; font-weight:300; font-size:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #fff;} #ourProcess .left {width:100%;} #ourProcess .left p {font-size:28px; line-height:34px; font-weight:300;} #ourProcess .left p a {transition: background-image 0.5s ease; color:#C87901; font-weight:normal; font-size:18px;background-image:url(/wp-content/themes/warrener/assets/readmore-dark.png); background-position:center right; padding-right:60px; display:inline-block; line-height:40px; background-repeat:no-repeat;} #ourProcess .left p a:hover {transition: background-image 0.5s ease; background-image:url(/wp-content/themes/warrener/assets/readmore-hover.png);} #homeServices {width:80%; padding:50px 0 20px 0;} #homeServices .service {width:100%; float:left; margin-bottom:30px;} #homeServices .service .image {float:left; width:17%; text-align:center; } #homeServices .service .image img {width:100%; max-width:65px; } #homeServices .service .copy { float:right; width:77%;} #homeServices .service .copy a {display:block;color:#A61F62; font-size:20px; font-weight:bold; border-bottom:2px solid #A61F62; background-image:url(/wp-content/themes/warrener/assets/arrow-right-purple.png); background-repeat:no-repeat; background-position:right center; padding-bottom:10px; margin-bottom:10px;} #homeServices .service .copy a:hover {color:#c87901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png);} #homeTeam {padding:0;} #homeTeam .left {width:100%; float:left;} #homeTeam .right {display:none;} #directors .profile {transition:background 0.5s ease; float:left; position:relative; height:185px; width:100%; background-size:auto 250px; background-position:center center;} #directors .profile:hover {transition:background 0.5s ease; background-size:auto 300px;} #directors .gChapman {background-image:url(/wp-content/themes/warrener/assets/staff-gary-chapman.jpg); background-size:cover;} #directors .dTalbot {background-image:url(/wp-content/themes/warrener/assets/staff-damian-talbot.jpg);background-size:cover;} #directors .cEdney {background-image:url(/wp-content/themes/warrener/assets/staff-colin-edney.jpg);background-size:cover;} #directors .jLast {background-image:url(/wp-content/themes/warrener/assets/staff-jon-last.jpg);background-size:cover; } #directors .nMorgan {background-image:url(/wp-content/themes/warrener/assets/staff-nick-morgan.jpg);background-size:cover;} #directors .rLane {background-image:url(/wp-content/themes/warrener/assets/staff-ryan-lane.jpg);background-size:cover;} #directors .aEagle {background-image:url(/wp-content/themes/warrener/assets/staff-alex-eagle.jpg);background-size:cover;} #directors .sBarbour {background-image:url(/wp-content/themes/warrener/assets/staff-stuart-barbour.jpg);background-size:cover;} #directors .profile a {height:185px; display:block; } #directors .profile strong a {display:block; color:#ffffff; background-color:rgba(166,31,98,0.8); position:absolute; bottom:0px; right:0px; padding:0px 45px 0 15px; background-image:url(/wp-content/themes/warrener/assets/link-block-purple-right.png); background-repeat:no-repeat; background-position:right; height:30px; line-height:30px; font-weight:normal; } #directors .profile strong a:hover {color:#DF8017; } #directors .meet {float:left; width:100%; background-color:#DF8017; padding:15px 0; position:relative; min-height:100px;} #directors .meet p {font-weight:300; color:#ffffff; width:100%; float:left; font-size:18px; line-height:25px; padding:0px 20px;} #directors .meet a {transition: background 0.5s ease; background: linear-gradient(to right, #C87901 49%, #DF8017 0); background-size: 200% 100%; background-position: right;position:absolute; bottom:10px; right:10px; float:right; padding:0 40px 0 20px; margin-top:15px; line-height:30px; display:block; height:30px; color:#ffffff; font-size:18px;} #directors .meet a:hover {transition:background 0.5s ease; background-position:left;} #directors .meet a:after {content:''; border-left:1px solid #DF8017; background-image:url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-position:right; background-repeat:no-repeat;display:block; width:30px; position:absolute; height:30px; right:0px; top:0px;} #homeTeam2 #directors .profile {display:none;} #homeTeam2 #directors .meet {display:none;} #homeTeam2 #directors .meet {width:125%; margin-left:-12.5%;} #homeTeam2 h3 {display:none;} .testimonial {display:none;} @media only screen and (min-width: 480px) { #directors .profile {width:50%;} #directors .meet {width:50%; height:185px;} } @media only screen and (min-width: 768px) { #directors .meet {display:none;} #homeTeam2 #directors .meet {display:block;} } @media only screen and (min-width: 1024px) { #directors .meet {display:block;} } @media only screen and (min-width: 768px) { #homeIntro .left {width:100%; padding:50px 40% 50px 10%;} #homeIntro .right {width:100%; padding:50px 40% 50px 10%; background-image:url(/wp-content/themes/warrener/assets/w-large-grey.png); background-repeat:no-repeat; background-position:right;} #homeIntro2 {background-image:url(/wp-content/themes/warrener/assets/ws-logo-intro2.png); background-repeat:no-repeat; background-position:top -50px right -200px;} #homeIntro2 .left {width:65%; float:left;} #homeIntro2 p.large {font-size:28px; font-weight:300; line-height:32px;} #homeIntro2 .third {width:47.5%; margin-right:5%;} #homeIntro2 .third:nth-child(2) {margin-right:0;} #homeIntro2 h1 {font-size:30px;} #homeIntro2 h2 {font-size:30px;} #homeIntro2 h3 {font-size:30px;} .twoThirds h3 {font-size:30px;} #homeServices2 .third p {font-size:28px; line-height:32px;} .twoThirds a {width:30%; margin-right:3.3333%; font-size:30px; margin-bottom:50px; line-height:34px; background-position:top left; } #ourProcess {background-image:url(/wp-content/themes/warrener/assets/background-our-process.jpg); background-position:center center; background-size:cover; padding:70px 0 50px 0;} #ourProcess .left {width:50%;} #homeServices {width:80%; padding:70px 0 40px 0;} #homeServices .service {width:50%; padding:0 4% 0 0; } #homeServices .service.alt {padding:0 0 0 4%;} #homeServices .service.even {clear:left;} #homeTeam .left {width:60%;} #homeTeam .right {display:block; float:right; width:40%;} #homeTeam .right .copy {width:80%; float:right;} #homeTeam .right .copy h4 {font-weight:normal; color:#C87901; font-size:30px; border-bottom:2px solid #A61F62; padding-bottom:10px; margin-bottom:10px; font-weight:300;} #homeTeam .right .copy p {color:#9F9F9F; font-size:24px; line-height:29px; font-weight:300; padding-right:80px;} #homeTeam .right .copy a {margin-right:-80px; line-height:60px; height:60px; color:#C87901; font-size:18px; display:block; background-image:url(/wp-content/themes/warrener/assets/link-block-grey-right.png); background-position:right; background-repeat:no-repeat;} .testimonial {position:relative; display:block; background-repeat:no-repeat; background-size:cover; height:380px; display:table; background-position:center center;} .testimonial .middle {display:table-cell; vertical-align:middle;} .testimonial p {color:#ffffff; font-size:26px; font-weight:300; line-height:1.2em; text-align:center; width:45%; margin-left:10%;} .testimonial.right p {margin-left:45%;} .testimonial p em {color:#E18017; font-size:14px; font-weight:bold; font-style:italic;} .testimonial .border {background-color:rgba(255,255,255,0.5); height:15px; width:100%; position:absolute; top:0px;} #homeTeam2 #directors .profile {width:33.33%; display:block;} #homeTeam2 #directors .meet {width:33.3333%; margin-left:0; height:185px;} #homeTeam2 h3 {display:block; margin:50px 0; color: #ca7901; font-size: 30px; font-weight: 300;} } @media only screen and (min-width: 1024px) { .testimonial p {font-size:30px;} .testimonial p em {font-size:16px;} #directors .meet p {font-weight:300; color:#ffffff; width:70%; float:left; font-size:18px; margin:0px 0px 0 30px; padding:0px;} #directors .meet a {margin-top:0px;} #homeTeam2 #directors .profile {width:25%;} #homeTeam2 #directors .meet {width: 25%; float: right; height:185px;} #homeIntro2 {background-image:url(/wp-content/themes/warrener/assets/ws-logo-intro2.png); background-repeat:no-repeat; background-position:top -50px right;} #homeIntro2 .third {width:30%; margin-right:5%;} #homeIntro2 .third:nth-child(2) {margin-right:5%;} #homeIntro2 .third:nth-child(3) {margin-right:0;} .twoThirds {float:right; width:65%;} .twoThirds h3 {margin-bottom:50px;} .twoThirds a:nth-child(3n+1) {clear:left;} #homeServices2 .third {float:left; width:30%;} #ourProcess .left {width:65%;} } @media only screen and (min-width: 1280px) { .testimonial p {font-size:40px;} .testimonial p em {font-size:20px;} } @media only screen and (min-width: 1200px) { #homeIntro .left {float:left; width:40%; padding:50px 5%; min-height:420px;} #homeIntro .right {float:right; width:60%; padding:50px 30% 50px 5%; min-height:420px;} #homeServices .service {width:35%; padding:0 5% 0 0;} #homeServices .service.alt {padding:0 5% 0 0;} #homeServices .service.third {width:30%; padding:0;} #homeServices .service.even {clear:none;} #homeTeam .left {width:60%; padding-left:1%; background-color:#DF8017;} #homeTeam .right {width:40%;} #directors .profile {width:33.33%;} #directors .meet {width:66.66%;} #directors .gChapman {display:block;} #directors .dTalbot {display:block;} #directors .jLast {display:block;} #directors .nMorgan {display:block;} .testimonial {height:600px;} } @media only screen and (min-width: 1400px) { #directors .meet {width:33.33%;} } /* ---- GENERIC ---- */ .contact {float:left; border-top:2px solid #A81F62; display:table; width:100%; height:150px; margin-top:30px;} .contact .image {display:none; vertical-align:middle; width:100px;} .contact img {float:left; margin-right:20px;} .contact .copy {display:table-cell; vertical-align:middle; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .contact span.phone a {color:#CA7901; font-size:18px; font-weight:300; margin:0; padding:0px; display: inline-block; line-height: 22px;} .contact span.phone strong {color:#A81F62; font-weight:normal;} .contact p {margin:0px; padding:0px;} .contact span.email a {color:#A81F62; font-size:14px; font-weight:bold; margin:0px; padding:0px;} .directorLink .contact {padding: 0 10%;} @media only screen and (min-width: 768px) { .contact .image {display:table-cell;} } #banner {} #banner .left {float:right; background-color:#E88617; width:100%; padding:0px 5% 0px 10%; display:table;} #banner .left .middle {display:table-cell; vertical-align:middle; padding:30px 0 30px 0;} #banner .left p {color:#ffffff; font-size:20px; font-weight:300; line-height:25px; border-left: 2px solid #C87901; margin:0px; padding:0 0 20px 20px;} #banner .left h1 {color:#ffffff; font-size:40px; font-weight:300; border-left: 2px solid #C87901; padding:0 0 0px 20px;} #banner .left h1 em {font-size:24px;} #banner .right {width:100%; float:left; height:270px; background-position:center center; background-size:cover;} #banner .aboutImageAlign .right {background-position:center 20% ;} @media only screen and (min-width: 768px) { #banner .left {width:50%; height:350px;} #banner .left .middle {padding:0;} #banner .right {width:50%; height:350px; float:right;} } @media only screen and (min-width: 1024px) { #banner .aboutImageAlign .right {background-position:center 30% ;} } @media only screen and (min-width: 1400px) { #banner .left {width:33.3333%; height:350px; padding:0px 7.5% 0px 5%;} #banner .left .middle {padding:0;} #banner .right {width:66.66666%; height:350px; float:right;} } /* ---- ABOUT ---- */ #process #processHeader {} #about .left {margin:50px 0 0 0;} #about .right {margin:50px 0 0 0;} #about .ethos p {color:#D17901; font-size:24px; font-weight:300; line-height:29px;} #about #directors {float:left; margin:50px 0 0 0; width:125%; margin-left:-12.5%;} #about #block1 {float:left; width:100%;} #about #block2 {float:left; width:100%;} #about #block3 {float:left; width:100%;} #about #block4 {float:left; width:100%;} #about #block5 {float:left; width:100%;} ul#sectorNav {} ul#sectorNav li {} ul#sectorNav li a {color:#A8A8A8; display:block; border-top: 2px solid #A8A8A8; padding:10px 0; background-image:url(/wp-content/themes/warrener/assets/arrow-right-grey.png); background-position:right; center; background-repeat:no-repeat;} #processHeader {margin:50px 0 0 0;} #processHeader h2 {color:#CA7901; font-size:30px; font-weight:300; border-bottom:2px solid #AF1F62; padding-bottom:15px; margin-bottom:15px;} #processIntro .copy p {color:#A1A1A1; font-size:24px; font-weight:300; line-height:29px;} .processStages {width: 100%; float:left; border-bottom:2px solid #DBDBDB; padding-bottom:20px; margin-bottom:30px; } .processStages h3 {color:#CA7901; font-size:30px; font-weight:300; margin-bottom:30px;} .processStages h4 {text-indent:-40px; color:#AF1F62; font-size:20px; font-weight:bold; margin-left:40px; margin-bottom:10px;} .processStages h4 strong {text-indent: 0px; background-color:#CA7901; display:inline-block; text-align:center; margin-right:10px; color:#ffffff; font-weight:300; width:25px; height:25px; -webkit-border-radius: 50px; border-radius: 50px;} .processStages ul {margin-left:40px;} #processCTA {} #processCTA .left {display:none;} #processCTA .right {margin-bottom:50px; padding:0 0 10px 0; text-align:center; border-bottom:2px solid #DBDBDB;} #processCTA .right p {color:#AF1F62; font-size:20px; line-height:25px; font-weight:bold;} #processCTA .right p strong {color:#CA7901;} @media only screen and (min-width: 768px) { #about #block1 {float:left; width:100;} #about .left {float:left; width:48%;} #about .right {float:right; width:48%;} #about #directors {float:left; margin:50px 0 0 0; width:96%; margin-left:0%;} #about #block2 {float:right; width:48%;} #about #block3 {float:left; width:50%;} #about #block4 {float:left; width:100%;} #about #block5 {float:left; width:100%; margin-top:30px;} ul#sectorNav li {width:24%; margin-right:1%; float:left;} .processStages .left {float:left; width:48%;} .processStages .right {float:right; width:48%;} #processCTA .left {display:block; float:left; width:60%; background-color:#DF8017; margin-bottom: 50px; margin-left: -5.5555%;} #processCTA .left p {font-weight:300; border-left:2px solid #C87901; color:#ffffff; width:90%; float:right; font-size:30px; line-height:35px; margin:30px 30px 30px 0;} #processCTA .left p a { text-align:left; padding:0 75px 0 20px; margin-right:-30px; display:block; color:#ffffff; background-image:url(/wp-content/themes/warrener/assets/link-block-orange-right-large.png); background-repeat:no-repeat; background-position:right;} } @media only screen and (min-width: 1400px) { #about #block1 {float:left; width:66.6666%;} #about #block2 {float:right; width:33.3333%; border-top:2px solid #AF1F62; margin-top:90px; padding-top:15px; padding-left:2%;} #about #block3 {float:left; width:66.6666%;} #about #block4 {float:left; width:66.6666%;} #about #block5 {float:left; width:33.3333%; margin-left:2%; margin-top:90px;} ul#sectorNav li {width:48%; margin-right:2%; float:left;} #process #processIntro {float:left; width:33.3333%;} #process .processStages {float:right; width:65.6666%; margin-left:1%;} #process #processIntro {width:31.3333%; margin-right:2%;} #process {background-image:url(/wp-content/themes/warrener/assets/s-large-yellow.png); background-repeat:no-repeat; background-position:bottom 200px left;} #processCTA .left {position:absolute; left:0px; bottom:0px; width:436px; margin-left:0%;} #processCTA .right {float:right; width:65.6666%;} } /* ---- ACCOUNTANCY SERVICES ---- */ #serviceHeader {display:none;} #services .servicesCol1 {float:left; margin:50px 0 0 0;} #services .servicesCol2 {float:left; margin:50px 0 0 0;} #services .servicesCol3 {float:left; margin:0 0 50px 0;} #services .service {width:100%; float:left; margin-bottom:50px;} #services .service .image {float:left; width:17%; text-align:center; } #services .service .image img {width:100%; max-width:65px; } #services .service .copy { float:right; width:77%;} #services .service .copy p {margin-bottom:0px;} #services .service .copy a {display:block;color:#A61F62; font-size:20px; font-weight:bold; border-bottom:2px solid #A61F62; background-image:url(/wp-content/themes/warrener/assets/arrow-right-purple.png); background-repeat:no-repeat; background-position:right center; padding-bottom:10px; margin-bottom:10px;} #services .service .copy a:hover {color:#E18017; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png);} #services ul {float:right; width:77%; margin:0 0 40px 0;} #services ul li.first a {border-top:0px;} #services ul li a {color:#A8A8A8; display:block; border-top: 2px solid #A8A8A8; padding:10px 0; background-image:url(/wp-content/themes/warrener/assets/arrow-right-grey.png); background-position:right; center; background-repeat:no-repeat;} #services ul li a:hover {color:#E18017; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png);} .menuV2 ul.menu {width:100%; float:left; margin-bottom:50px;} .menuV2 ul.menu>li {float:left; width:100%;} .menuV2 ul.menu>li>a {display:block; color:#A1A1A1; font-size:18px; font-weight:300; border-top:2px solid #A1A1A1; padding:5px 15px 5px 0;} .menuV2 ul.menu>li.current-menu-item>a {color:#CA7901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:right center;} .menuV2 ul.menu>li>a:hover {color:#CA7901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:right center;} .sideNavVideo {width:100%; float:left; margin-bottom:50px;} .sideNavVideo p {color: #ca7901; font-size: 20px; font-weight: 300; line-height:1.2em; margin-top:20px;} #service {margin:50px 0;} #service h1 {color:#CA7901; font-size:24px; font-weight:300; display:block; margin-bottom:20px; border-bottom:2px solid #a81f62; padding-bottom:20px; margin-bottom:20px;} #service #col3 {display:none;} #services .cta {display:none;} @media only screen and (min-width: 768px) { #serviceHeader {display:block;} #services.servicePage .servicesCol1 {float:left; width:65%; margin:50px 3% 0px 0;} #services .servicesCol2 {float:left; width:46%; margin:50px 0 50px 0;} #services .servicesCol3 {float:right; width:46%; margin:50px 0 50px 0;} .menuV2 ul.menu {float:left; width:30%;} .sideNavVideo {width:30%; float:left;} #service #columns {float:right; width:62%;} #service #col2 {float:right; width:100%;} #service #col3 {display:block; float:right; width:100%;} #service .caseStudyLink {display:block; float:right; width:108.0645%; margin:30px -8.7149% 0 0; border-left:15px solid #E88617; position:relative; background-repeat:no-repeat; background-size:cover; background-position:-100px center;} #service .caseStudyLink .text {background-color: #E88617; width:52%; padding:30px 0 20px 7%; float:right; margin:30px 0; } #service .caseStudyLink .text p {border-left:2px solid #D17901; padding-left:10px; padding-right:30px; color:#A85E02; font-style:italic; margin:0px; padding-bottom:20px;} #service .caseStudyLink .text a {border-left:2px solid #D17901; padding-left:10px; color:#ffffff; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block; } } @media only screen and (min-width: 1024px) { #service .caseStudyLink {background-position:center center;} } @media only screen and (min-width: 1400px) { #services.servicePage .servicesCol1 {float:left; width:31.3333%; margin:50px 3% 50px 0;} #services.servicePage .servicesCol2 {float:left; width:31.3333%; margin:50px 3% 50px 0;} #services.servicePage .servicesCol3 {float:left; width:31.3333%; margin:50px 0 50px 0;} #service #columns {float:right; width:64%;} .menuV2 ul.menu {width:28%; float:left;} .sideNavVideo {width:28%; float:left;} /*#service #col2 {float:left; width:43.75%;} #service #col3 {float:right; width:43.75%;} #service .caseStudyLink {position:absolute; right:0px; width:32%; margin:60px 0 0 0; background-position:-100px center;}*/ #services .cta {position: absolute; left: 0; bottom:200px; width: 436px; margin-left: 0%; display: block; float: left; background-color: #df8017;} #services .cta p {font-weight:300; border-left:2px solid #C87901; color:#ffffff; width:90%; float:right; font-size:30px; line-height:35px; margin:30px 30px 30px 0;} #services .cta p a {text-align:left; padding:0 75px 0 20px; margin-right:-30px; display:block; color:#ffffff; background-image:url(/wp-content/themes/warrener/assets/link-block-orange-right-large.png); background-repeat:no-repeat; background-position:right;} } /* ---- OUR PEOPLE ---- */ #people {margin:50px 0;} #people h2 {color:#CA7901; font-size:30px; font-weight:300; display:block; margin-bottom:20px;} #people .profilePreview {float:left; width:100%; margin-bottom:40px;} #people .profilePreview .image {width:184px; height:158px; background-size:cover; background-repeat:no-repeat; margin-bottom:10px; } #people .profilePreview .image a {display:block; height:100%; width:100%;} #people .profilePreview .copy {width:100%; float:left;} #people .profilePreview .copy h3 {color:#A81F62; font-size:20px; font-weight:bold; border-bottom:0px; margin:0px; padding:0px;} #people .profilePreview .copy h4 {color:#A1A1A1; font-size:20px; font-weight:bold; font-style:italic; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:2px solid #A81F62;} #people .profilePreview .copy h4 span {color:#A81F62; font-size:16px; display:block; margin-top:10px;} #people .profilePreview .copy a.email {color:#CA7901; font-weight:bold; font-size:14px; display:block; margin:0 0 5px 0;} #people .profilePreview .copy a.link {color:#A1A1A1; font-size:18px; font-weight:300; display:block; } #people .profile h1 {color:#CA7901; font-size:30px; font-weight:300;} #people .profile h2 {color:#A81F62; font-size:20px; font-weight:bold; font-style:italic; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} #people .profile p.intro {color: #ca7901; line-height:1.2em; font-size: 24px; font-weight: 300; display: block; margin-bottom: 20px;} #people .profile .contact {float:left; display:table; border:none; width:100%; height:100px; margin-top:0px;} #people .profile .col1 {width:100%; float:left; border-top:2px solid #A81F62; padding-top:20px; margin-top:0px; } #people .profile .col2 {width:100%; float:left; border-top:2px solid #A81F62; padding-top:20px; margin-top:0px; margin-bottom:50px;} #people .cta {display:none;} #people .contact .image {display:table-cell;} @media only screen and (min-width: 640px) { #people h2 {margin: 0 0 30px 0%; width:464px; clear:both; float:none;} #people .profilePreview {margin: 0 5% 50px 0%; width:45%; float:left;} #people .profilePreview .image {float:left; margin-right:30px; margin-bottom:30px;} #people .profilePreview .copy {width: 100%;} } @media only screen and (min-width: 768px) { #people .profile {width:62%; float:right;} #people .cta {display:block; float:right; width:67.5555%; background-color:#DF8017; margin-bottom: 50px; margin-right: -5.5555%;} #people .cta p {font-weight:300; border-left:2px solid #C87901; color:#ffffff; width:90%; float:right; font-size:30px; line-height:35px; margin:30px 30px 30px 0;} #people .cta p a { text-align:left; padding:0 75px 0 20px; margin-right:-30px; display:block; color:#ffffff; background-image:url(/wp-content/themes/warrener/assets/link-block-orange-right-large.png); background-repeat:no-repeat; background-position:right;} } @media only screen and (min-width: 1024px) { #people .intro {margin: 0 0% 50px 0%; float: left; width: 65%; clear: none;} #people h2 {margin:0px 2.5% 40px 0%; float:left; width:95%; clear:none;} #people .profilePreview {margin: 0 5% 50px 0%; float:left; width:45%; clear:none;} #people .profilePreview .image {width:40%; margin:0px;} #people .profilePreview .copy {width:60%; padding-left:5%;} } @media only screen and (min-width: 1200px) { #people .profile {width:64%;} #people .profile h2 {margin:0 0 20px 0;} #people .profile .col1 {float:left; width:43.75%;} #people .profile .col2 {float:right; width:43.75%;} #people .cta {width:406px; position:absolute; right:0px; bottom:0px; margin:0px;} } /* ---- SECTORS ---- */ #sectorHeader {background-color: #e88617;} #sectorHeader .left .middle {display:table-cell; vertical-align:middle; padding:30px 0;} #sectorHeader .left p {color:#ffffff; font-size:20px; font-weight:300; line-height:25px; border-left: 2px solid #C87901; padding-left:20px;} #sectorHeader .caseStudyHeader {position:relative; padding-top:250px; background-size:cover; background-position:center -250px; width:100%;} #sectorHeader .caseStudyHeader img.mask {display:none; position:absolute; top:0px; left:0px;} #sectorHeader .copy {position:relative;background-color: #DF8017; width:100%; padding:30px 10% 20px 10%;} #sectorHeader .copy h2 {color:#FFFFFF; border-bottom:1px solid #E88617;} #sectorHeader .copy p {color:#ffffff;} #sectorHeader .copy p a { color:#ffffff;} #sectors {padding:50px 0;} #sectors .intro {margin-bottom:50px;} #sector {padding:50px 0;} .sector {margin-bottom:30px; float:left;} .sector .image {width:100%; height:250px; margin-bottom:10px; background-size:cover; background-position:center center;} .sector .image a {display:block; width:100%; height:100%;} .sector .copy h2 {padding:0 0 10px 0;} .sector .copy h2 a {display:block; color:#AF1F62; font-size:20px; font-weight:bold; background-image:url(/wp-content/themes/warrener/assets/arrow-right-purple.png); background-repeat:no-repeat; background-position:right center;} .directorLink {float:left; width:125%; margin:30px 0 30px -12.5%;} .directorLink>.image {width:100%; height:200px; background-repeat:no-repeat; background-size:cover; background-position: center center;} .directorLink .text {background-color: #E88617; width:100%; padding:30px 0 20px 10%; } .directorLink .text h2 {border-left:2px solid #D17901 !important; padding-left:10px !important; color:#ffffff; font-weight:300; margin:0px;} .directorLink .text p {border-left:2px solid #D17901; padding-left:10px; color:#A85E02; font-style:italic; margin:0px; padding-bottom:20px;} .directorLink .text a {border-left:2px solid #D17901; padding-left:10px; color:#ffffff; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block;} .servicesCol1 .directorLink {height:auto;} .directorLeft .contact {border-top:0px;} @media only screen and (min-width: 768px) { #sectorHeader .caseStudyHeader img.mask {display:block;} #sectorHeader .caseStudyHeader {height:400px; padding:0px; display:table; background-position:center center; } #sectorHeader .left {width:100%; height:auto;} #sectorHeader .middle {display:table-cell; vertical-align:middle; width:100%;} #sectorHeader .copy {background-color:transparent; width:350px; padding:0; margin-left:90px;} #sectorHeader .copy h2 {color:#E88617;} #sectorHeader .copy p {font-size:18px; line-height:23px; font-weight:300; margin-bottom:0px;} #sectorHeader .copy p a {font-size:16px; background-image:url(/wp-content/themes/warrener/assets/link-block-narrow.png); background-repeat:no-repeat; background-position: left center; line-height:80px; height:80px; display:block; padding-left:90px; margin-left:-91px;} #sectors .intro {width:530px; margin:0 auto 50px auto; } .sector {margin:0 auto; width:530px; float:none;} .sector .image {float:left; width:250px; margin-right:30px; margin-bottom:50px;} .sector .copy {float:left; width:250px; margin-bottom:50px;} .directorLink {float:right; width:100%; margin:0; border-left:15px solid #E88617; position:relative; } .directorLink .image {height:280px;} .directorLink .text {width:45%; position:absolute; bottom:20px; right:0px;} .copy .directorLink {margin-bottom:20px; } .copy .directorLink .text {width:45%;} .copy .directorLink .image {background-position:left center;} .directorLink.menuDirector {float:left; width:30%; border-left:none; clear:left; } .directorLink.menuDirector .image {background-position:left center;} .directorLink.menuDirector .text {position:relative; background-color: #E88617; width:100%; padding:30px 0 20px 10%;} .servicesCol1 .directorLink {width:100%;} } @media only screen and (min-width: 1024px) { .sector2Col {width:64%;} .directorLink.menuDirector {float:left; width:28%; border-left:none;} .servicesCol1 .directorLink {width:100%;} } @media only screen and (min-width: 1280px) { .copy .directorLink {float:left; width:47.5%; height:auto; border-left:0px; } .copy .directorLink .text {position:relative; background-color: #E88617; width:100%; padding:30px 0 20px 10%; } } @media only screen and (min-width: 1400px) { #sectorHeader .caseStudyHeader {width:66.6666%; float:right;} #sectorHeader .left {display:table; width:33.3333%; padding:0 5%;} #sectorHeader .left {width:33.3333%; height:350px; padding:0px 7.5% 0px 5%;} #sectorHeader .left .middle {padding:0;} #sectors .intro {margin: 0 2.5% 50px 2.5%; float: left; width: 65%; clear: none; } .sector {margin: 0 2.5%; float: left; width: 45%; clear: none;} .sector:nth-child(odd) {clear:left;} .sector2Col {float:right; width:64%; min-height:600px;} #sector #col2 {float:left; width:43.75%;} .directorLeft {position:absolute; left:0px; top:0px; width:33.3333%; margin:120px 0 0 0;} .directorLeft .contact {padding-left:100px;} } /* ---- CASE STUDIES ---- */ #caseStudies {padding:50px 0;} .caseStudy {margin-bottom:30px; float:left;} .caseStudy .image {width:100%; height:250px; margin-bottom:10px; background-size:cover; background-position:right center;} .caseStudy .image a {display:block; width:100%; height:100%;} .caseStudy .copy h2 {padding:0 0 10px 0;} .caseStudy .copy h2 a {display:block; color:#AF1F62; font-size:20px; font-weight:bold;} .caseStudy .copy p a {color:#A1A1A1; font-size:18px; font-weight:300; display:block;} .caseStudy .copy p a:hover {color:#CA7901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:right center; } #caseStudy {padding:50px 0;} #caseStudy .case1 {float:left;} #caseStudy .case2 {float:left; margin-bottom:10px;} #caseStudy .case2 .download {float:left; width:100%; margin-bottom:40px;} #caseStudy .case2 .download .copy {display:block; width:75%; float:left;} #caseStudy .case2 .download h2 {width:100%; display:block;} #caseStudy .case2 .download h2 a {color:#af1f62;} #caseStudy .case2 .download>a {margin-right:20px; float:left; background-image:url(/wp-content/themes/warrener/assets/download.gif); background-size:contain; background-repeat:no-repeat; width:65px; height:90px; display:block;} #caseStudies .intro {margin-bottom:50px;} #caseStudy .case3 {float:left;} #caseStudy .case3 h2 {color:#AF1F62; font-size:20px; font-weight:bold; border-bottom:2px solid #AF1F62; padding-bottom:15px; margin-bottom:px;} #caseStudy .case3 ul {margin-bottom:30px;} #caseStudy .case3 ul li {color:#a1a1a1; font-size:18px; border-bottom:2px solid #D4D4D4; padding:10px 0;} #caseStudy .case3 ul li:last-child {border-bottom:0px;} #caseStudy .directorLink {display:none;} @media only screen and (min-width: 768px) { .caseStudy {margin:0 auto; width:530px; float:none;} .caseStudy .image {float:left; width:250px; margin-right:30px; margin-bottom:50px;} .caseStudy .copy {float:left; width:250px; margin-bottom:50px;} #caseStudy .case3 {float:right; width:30%; margin-top:19px;} #caseStudy .case {float:left; width:62%;} #caseStudy .directorLink {display:block; float:right; width:65%; margin: 30px -5.5555% 0 0; border-left:15px solid #E88617; position:relative; height:280px;} #caseStudy .directorLink>.image {width:100%; height:280px; background-repeat:no-repeat; background-size:cover; background-position: center center;} #caseStudy .directorLink .text {background-color: #E88617; width:55%; padding:30px 0 20px 10%; position:absolute; bottom:20px; right:0px; } #caseStudy .directorLink .text h2 {border-left:2px solid #D17901; padding-left:10px; color:#ffffff; font-weight:300; margin:0px;} #caseStudy .directorLink .text p {border-left:2px solid #D17901; padding-left:10px; color:#A85E02; font-style:italic; margin:0px; padding-bottom:20px;} #caseStudy .directorLink .text a {border-left:2px solid #D17901; padding-left:10px; color:#ffffff; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block;} #caseStudies .intro {width:530px; margin:0 auto 50px auto; } } @media only screen and (min-width: 1400px) { .caseStudy {margin: 0 2.5%; float: left; width: 45%; clear: none;} .caseStudy:nth-child(odd) {clear:left;} #caseStudy .case3 {float:right; width:28%;} #caseStudy .case1 {float:left; width:43.75%;} #caseStudy .case2 {float:right; width:43.75%; } #caseStudy .directorLink {width:61%; margin: 30px 0 0 0;} #caseStudy .case2 .download .copy {float:right;} #caseStudy .case2 .download>a {float:left; background-image:url(/wp-content/themes/warrener/assets/download.gif); background-size:contain; background-repeat:no-repeat; width:20%; height:90px; display:block; margin-right:0px;} #caseStudy .case2 .download h2 {border-bottom:2px solid #AF1F62; } #caseStudies .intro {margin: 0 2.5% 50px 2.5%; float: left; width: 65%; clear: none; } } /* ---- CONTACT ---- */ #contact {margin:50px 0;} #contact.expertWitness {margin:0px 0 50px 0;} #contact h1 {color:#CA7901; font-size:30px; font-weight:300; display:block; margin-bottom:20px; border-bottom:2px solid #a81f62; padding-bottom:20px; margin-bottom:20px;} #contact h4 {color:#CA7901; font-size:30px; font-weight:300; display:block; margin-bottom:20px; border-bottom:2px solid #a81f62; padding-bottom:20px; margin-bottom:20px;} #contact .contact {border-top:0px; margin-top:0px;} .contactForm {float:left;} #contactFormUS .spacer {width:100%; float:left; margin-bottom:20px;} #contactFormUS .spacerHalf {width:100%; float:left; margin-bottom:20px;} #contactFormUS .spacerHalf:nth-child(2n) {float:right;} #contactFormUS .spacer input[type=text] {border:1px solid #a1a1a1; float:left; padding:2%; width:100%; color:#575756; font-weight:bold;} #contactFormUS .spacerHalf input[type=text] {border:1px solid #a1a1a1; float:left; padding:2%; width:100%; color:#575756; font-weight:bold;} #contactFormUS .spacer label, #contactFormUS .spacerHalf label, #contactFormUS .EditingFormControlNestedControl span {display:block; font-size:14px; width:100%; margin-bottom:4px;} #contactFormUS .spacer textarea {resize:none; border:1px solid #a1a1a1; float:left; padding:2%; width:100%; height:100px; font-family: "myriad-pro", Arial, sans-serif; color:#575756; font-weight:bold;} #contactFormUS .spacer input[type=submit] {background-color:#CA7901; text-align:center; padding:2% 0; width:30%; color:#ffffff; font-weight:300; text-transform:uppercase; font-size:16px;} #contactFormUS .spacer .Error input {border-color:red;} #gMap {width:100%; height:500px;} #contactForm {float:left; width:100%;} #contactForm .wpforms-container .wpforms-field {padding:0 0 15px 0; font-size:14px;} #contactForm .wpforms-container .wpforms-field.wpforms-field-layout {padding:0 0 0 0;} #contactForm label {display:block; font-size:14px; color:#575756; margin-bottom:5px; float:left; font-weight:normal;} #contactForm fieldset label {margin-bottom:0px;} #contactForm legend {display:block; font-size:14px; color:#575756; margin-bottom:10px; float:left; font-weight:normal;} #contactForm input[type=text] {width:100%; padding:9px 10px 8px 10px; font-size:14px;border:1px solid #a1a1a1; border-radius:0px;} #contactForm input[type=tel] {width:100%; padding:9px 10px 8px 10px; font-size:14px;border:1px solid #a1a1a1; border-radius:0px;} #contactForm input[type=email] {width:100%; padding:9px 10px 8px 10px; font-size:14px;border:1px solid #a1a1a1; border-radius:0px;} #contactForm textarea {width:100%; padding:9px 10px 8px 10px; font-size:14px; resize:none; height:40px; border:1px solid #a1a1a1; font-family: "myriad-pro", Arial, sans-serif;} #contactForm button[type=submit] {cursor:pointer; width:200px; background-color:#af1f62; font-size:16px; color:#fff; padding:9px 10px 8px 20px; text-align:left; margin-top:10px; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/purple-arrow.png); background-position:center right;} #contactForm button[type=submit]:hover {background-color:#c87901;} #contactForm div.wpforms-container-full input[type=checkbox]+label {padding-inline-start:28px;} #contactForm div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li {display:block;} #contactForm div.wpforms-field.wpforms-field-content p {margin-bottom:5px;} @media only screen and (min-width: 768px) { #contact .left {float:left; width:45%;} #contactForm {float:right; width:45%; margin-bottom:50px;} #contactFormUS {float:right; width:100%; margin-bottom:50px;} #contactFormUS .spacerHalf {width:45%; float:left; margin-bottom:20px;} .expertWitness .contactForm {width:62%;} } @media only screen and (min-width: 1400px) { .contactForm {float:right; width:62%;} } /* ---- News ---- */ #news {padding:50px 0;} #news .news {float:left; width:100%; margin-bottom:50px;} #news .news h1 {padding-bottom:10px; margin-bottom:10px;} #news .news h2 {margin:0 0 20px 0px; border:0px; font-size:14px; font-weight:bold; padding:0px; color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%;} #news .news h3 {margin:0 0 20px 0px; border:0px; font-size:14px; font-weight:bold; padding:0px;} #news .news h3 a {color:#af1f62;} #news .news h3 a:hover {color:#ca7901;} #news .newsMenu {display:none;} #newsFeed {display:none;} #news .news .slide {width:100%; float:left; margin-bottom:30px;} #news .news .slide .image {height:250px; width:100%; float:left; background-size:cover; background-position:center center;} #news .news .slide .copy {float:left; width:100%; text-align:center; padding:10px 0;} #gallery {width: 125%; margin-left:-12.5%; float:left; position:relative;} #gallery #scroll {width: 100%; position: absolute; z-index: 120;} #gallery #scroll .cycle-prev {display: block; background-color: rgba(0,0,0,.4); position: absolute; left: 0; top: 95px; width: 22px; height: 37px; background-image: url(/wp-content/themes/warrener/assets/arrow-left-white.png); background-repeat: no-repeat; background-position: center; padding: 30px 20px 30px 20px;} #gallery #scroll .cycle-next {display: block; background-color: rgba(0,0,0,.4); position: absolute; right: 0; top: 95px; width: 22px; height: 37px; background-image: url(/wp-content/themes/warrener/assets/arrow-right-white.png); background-repeat: no-repeat; background-position: center; padding: 30px 20px 30px 20px;} #gallery #scroll .cycle-prev:hover {background-color: rgba(0,0,0,.8);} #gallery #scroll .cycle-next:hover {background-color: rgba(0,0,0,.8);} #news .newsPreviewV2 {float:left; width:100%; margin-bottom:60px;} #news .newsPreviewV2 .image {width:100%; float:left; height:250px; margin-bottom:30px; background-size:cover; background-position:center center;} #news .newsPreviewV2 .image a {display:block; width:100%; height:250px;} #news .newsPreviewV2 .copy h3 {color:#ca7901; font-weight:normal; font-size:18px;} #news .newsPreviewV2 p.date {color:#af1f62; margin-top:-10px;} #news .newsPreviewV2 p.date a {color:#af1f62;} #news .newsPreviewV2 p a {color:#af1f62;} #news .pager {float:left; width:100%;} #news .pager span.current {float:left; text-align:center; display:block; background-color:#af1f62; color:#fff; width:30px; height:30px; line-height:28px; margin-right:5px; } #news .pager span.dots {float:left; text-align:center; display:block; background-color:#f9f9f9; color:#af1f62; width:30px; height:30px; line-height:28px; margin-right:5px; } #news .pager a {background-color:#f9f9f9; float:left; text-align:center; display:block; margin-right:5px; width:30px; height:30px; color:#af1f62; line-height:28px;} #news .pager a:hover {color:#fff; background-color:#af1f62; } #news .allNews {width:100%; float:right; border-top:2px solid #A81F62;} #news .allNews.copy p a {color:#A81F62; padding-top:20px; display:block; float:left;} .news>img {max-width:100%; width:100%; margin-bottom:40px;} @media only screen and (min-width: 768px) { #newsFeed {display:block; margin:60px 0;} #newsFeed h1 {color:#ca7901; font-size:30px; font-weight:300; padding-bottom:40px; margin-left:2%;} #newsFeed h3 {color:#ca7901; font-size:30px; font-weight:300; padding-bottom:40px; margin-left:2%;} .newsPreview {float:left; width:50%; padding:0 2%;} .newsPreview.hide {display:none;} #news .news .slide .image {height:300px;} #gallery {width: 100%; margin-left:0%;} #gallery #scroll .cycle-prev {top: 120px;} #gallery #scroll .cycle-next {top: 120px;} #news .pager {float:right; width:50%; clear:both;} } @media only screen and (min-width: 769px) { #newsCol {float:right; width:64%;} #newsCol.v2 {width:50%;} #news .newsMenu {display:block; float:left; width:28%; margin-bottom:50px;} #news .newsMenu h2 {font-size:20px; color:#AF1F62; font-weight:bold; border-bottom:2px solid #AF1F62; padding-bottom:10px;} #news .newsMenu a {display:block; color:#A1A1A1; font-size:18px; font-weight:300; padding:7px 0; border-bottom:2px solid #D4D4D4;} #news .newsMenu span:last-child a {border-bottom:0px;} #news .newsMenu.v2 {width:45%;} #newsFeed h1 {margin-left:2%;} #newsFeed h3 {margin-left:2%;} .newsPreview {float:left; width:33.3333%; padding:0 1.6666%;} .newsPreview.hide {display:block;} #news .allNews {width:90%;} } @media only screen and (min-width: 1024px) { #news .news {width:90%; float:right;} #news .news .slide .image {height:400px;} #gallery #scroll .cycle-prev {top: 170px;} #gallery #scroll .cycle-next {top: 170px;} #news .newsPreviewV2 {float:left; width:45%; margin-bottom:60px; margin-left:5%;} #news .newsPreviewV2:nth-child(2n+1) {clear:left;} #newsCol.v2 {width:70%;} #news .newsMenu.v2 {width:30%;} #news .pager {float:right; width:66.5%;} } /* ---- Resources ---- */ #resources {padding:50px 0;} .resources {float:left; width:100%; margin-bottom:30px;} .resources p {color:#a1a1a1; font-weight:300; font-size:18px; line-height:23px;} .downloads {float:left; width:100%; background-image:url(/wp-content/themes/warrener/assets/download-small.gif); background-repeat:no-repeat; background-position:top left;} .downloads h3 {margin-left:50px;} .downloads p {margin-left:50px;} .downloadFiles {float:left; margin-bottom:30px; width:100%;} .downloadFiles a {display:block; border-bottom:2px solid #d4d4d4; padding:10px 0; margin:0 0 0 50px; color:#A1A1A1; font-size:18px; font-weight:300; } .downloadFiles a:last-child {border:0px;} .downloadFiles a:hover {color:#E18017; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:center right;} .downloadsBlock {float:left; width:100%;} @media only screen and (min-width: 768px) { .downloads {background-image:url(/wp-content/themes/warrener/assets/download.gif);} .downloads h3 {margin-left:90px;} .downloads p {margin-left:90px;} .downloadsBlock {float:left; width:47.5%;} .downloadsBlock.right {float:right;} .downloadFiles a {margin:0 0 0 90px;} } @media only screen and (min-width: 1200px) { .resources {width:30%;} .downloadsBlock {float:left; width:30%; margin:0 5%;} .downloadsBlock.right {float:right; margin:0;} } /* ---- Timeline ---- */ #timeline {margin-top:-20px;} #timeline .key {float:left; padding-left:50px;} #timeline .keyOrange {color:#E18017; font-weight:bold; float:left; margin-right:40px; margin-bottom:10px;} #timeline .keyPurple {color:#AF1F62; font-weight:bold; float:left;} #timeline .keyOrange .square {width:25px; height:25px; margin-right:20px; background-color:#E18017; float:left;} #timeline .keyPurple .square {width:25px; height:25px; margin-right:20px; background-color:#AF1F62; float:left;} #timeline .spacer {display:table; float:left; width:100%; background-image:url(/wp-content/themes/warrener/assets/timeline-background.png); background-repeat:repeat-y; padding-top:15px;} #timeline .spacer .month {color:#FFFFFF; text-align:center; padding-top:14px; float:left; width:50px; height:50px; -webkit-border-radius: 25px; border-radius: 25px; background-color:#A1A1A1;} #timeline .spacer .day {display:table-cell; vertical-align:middle; width:50px;} #timeline .spacer .day .middle {color:#FFFFFF; text-align:center; float:left; padding-top:2px; width:25px; height:25px; margin-left:12px; -webkit-border-radius: 25px; border-radius: 25px; background-color:#A1A1A1;} #timeline .spacer .orange {clear:both;float:left; background-color:#E18017; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .orange2 {clear:both; float:left; margin-top:5px; background-color:#E18017; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .orange3 {clear:both; float:left; margin-top:5px; background-color:#E18017; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .purple {clear:both; float:left; background-color:#AF1F62; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .purple2 {clear:both; float:left; margin-top:5px; background-color:#AF1F62; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .purple3 {clear:both; float:left; margin-top:5px; background-color:#AF1F62; padding:4px 6px; font-size:14px; color:#ffffff; display:inline-block;} #timeline .spacer .group {display:table-cell; margin-left:20px;} /* ---- Location ---- */ #location {padding:50px 0;} #location h1 {color:#CA7901; font-size:30px; font-weight:300; display:block; margin-bottom:20px; border-bottom:2px solid #a81f62; padding-bottom:20px; margin-bottom:20px;} #location h3 {font-size:16px; border-bottom:0px; margin-bottom:0px;} #location .contact .copy {width:auto; float:none;} @media only screen and (min-width: 768px) { #location .copy {float:left; width:47.5%;} #location .copy.right {float:right;} #location .contact.contactRight {clear:both; float:right; width:47.5%;} } @media only screen and (min-width: 1024px) { #location #columns {float:right; width:64%;} #location .contact.contactRight {clear:none; float:right; width:30%; border-top:0px; border-bottom:2px solid #d4d4d4;} } #locationStudy {margin:50px 0 0 0; width:100%; } .locationCase {display:table;} .locationCase .copy {width:125%; padding:50px 10%; background-color:#800a3e; margin-left:-12.5%;} .locationCase .copy h2 {color: #fff; font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a61f62;} .locationCase .copy h2 strong {color: #c87901; font-weight: 300;} .locationCase .copy p {color:#fff;} .locationCase .image {display:none;} .locationCase .client {width:125%; padding:50px 10%; background-color:#dbdbdb; margin-left:-12.5%;} .locationCase .client h2 {color:#a81f62; font-size:20px; margin-bottom:5px;} .locationCase .client p {color:#a81f62; font-size:20px; line-height:26px;} .locationCase .client a {color: #ca7901; font-size:20px; text-align:right; padding-right:80px; background-image:url(/wp-content/themes/warrener/assets/yellow-button.png); background-position:right center; background-repeat:no-repeat; display:block; line-height:50px;} @media only screen and (min-width: 768px) { #locationStudy {background-image:url(/wp-content/themes/warrener/assets/case-study-background.png); background-repeat:repeat-y; background-position:center;} .locationCase .copy {float:left; width:47.5%; padding:50px 0; margin:0; background-color:transparent;} .locationCase .client {float:right; width:47.5%; padding:50px 0; margin:0;} } @media only screen and (min-width: 1024px) { .locationCase .copy {float:none; width:33.3333%; padding:50px 3.3333% 50px 1.6666%; display:table-cell;} .locationCase .image {display:block; width:30%; display:table-cell; background-size:cover; background-position:center right;} .locationCase .client {float:none; width:33.3333%; padding:50px 1.6666% 50px 3.3333%; display:table-cell;} } #abi {padding:50px 0; background-color:#7A0F3F; background-image:url(/wp-content/themes/warrener/assets/logo-fade.png); background-repeat:no-repeat; background-position:right; background-size:contain;} #abi .copy h2 {color: #fff; font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a61f62;} #abi .copy h2 strong {color: #c87901; font-weight: 300;} #abi .copy p {color:#fff;} @media only screen and (min-width: 768px) { #abi .copy {float:left; width:47.5%;} #abi .copy.right {float:right;} } @media only screen and (min-width: 1400px) { #abi .columns {float:left; width:64%;} } /*#Audit and Assurance#*/ .auditAssurance {float:left; width:100%; margin:50px 0;} .auditLink {float:left; width:100%; margin:0 0 20px 0;} .auditLink a {transition:background 0.5s ease;display:block; color:#e08017; font-weight:bold; font-size:18px; border-bottom:2px solid #e08017; padding-bottom:20px; margin-bottom:20px; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-position:95% 5px; padding-right:30px;} .auditLink a:hover {transition:background 0.5s ease;background-position:100% 5px ;} @media only screen and (min-width: 768px) { .auditLink {width:45%; margin-right:10%;} .auditLink:nth-child(2n) {margin-right:0px;} } @media only screen and (min-width: 1024px) { .auditLink {width:26%; margin-right:9%;} .auditLink:nth-child(2n) {margin-right:9%;} .auditLink:nth-child(3n) {margin-right:0px;} } @media only screen and (min-width: 1400px) { .auditAssurance {float:right; width:62%;} } #services .caseStudyLink {display:none;} @media only screen and (min-width: 768px) { #services .caseStudyLink {display:block; float:right; width:70.0645%; margin:30px -8.7149% 50px 0; border-left:15px solid #E88617; position:relative; background-repeat:no-repeat; background-size:cover; background-position:-100px center;} #services .caseStudyLink .text {background-color: #E88617; width:52%; padding:30px 0 20px 7%; float:right; margin:30px 0; } #services .caseStudyLink .text p {border-left:2px solid #D17901; padding-left:10px; padding-right:30px; color:#A85E02; font-style:italic; margin:0px; padding-bottom:20px;} #services .caseStudyLink .text a {border-left:2px solid #D17901; padding-left:10px; color:#ffffff; font-size:14px; background-image: url(/wp-content/themes/warrener/assets/link-block-orange-right.png); background-repeat: no-repeat; background-position: right; height:30px; line-height:30px; display:block; } } } @media only screen and (min-width: 1024px) { #services .caseStudyLink {background-position:center center;} } @media only screen and (min-width: 1400px) { #services .caseStudyLink {float:right; width:62%; margin:0px 0 50px 0;} } /*#People v2#*/ .lightGrey {background-color:#F7F7F7;} /* ---- OUR PEOPLE ---- */ .people {padding:50px 0;} .people .intro {margin: 0 0% 50px 0%; float: left; width: 100%; clear: none;} .people h2 {color:#CA7901; font-size:30px; font-weight:300; display:block; margin-bottom:20px;} .people .profilePreview {float:left; width:100%; margin-bottom:40px;} .people .profilePreview .image {width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:10px; } .people .profilePreview .image a {display:block; height:100%; width:100%;} .people .profilePreview .copy {width:100%; float:left;} .people .profilePreview .copy h3 {color:#A81F62; font-size:20px; font-weight:bold; border-bottom:0px; margin:0px; padding:0px;} .people .profilePreview .copy h4 {color:#A1A1A1; font-size:20px; font-weight:bold; font-style:italic; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:2px solid #A81F62;} .people .profilePreview .copy h4 span {color:#A81F62; font-size:16px; display:block; margin-top:10px; font-style:normal;} .people .profilePreview .copy a.email {color:#CA7901; font-weight:bold; font-size:14px; display:block; margin:0 0 5px 0;} .people .profilePreview .copy a.link {color:#A1A1A1; font-size:18px; font-weight:300; display:block; } @media only screen and (min-width: 640px) { .people h2 {margin: 0 0 30px 0%; width:464px; clear:both; float:none;} .people .profilePreview {margin:0 0 50px 5%; width:47.5%; float:left;} .people .profilePreview:nth-child(2n+1) {margin-left:0; clear:left;} .people .profilePreview .image {float:left; margin-right:30px; margin-bottom:30px;} .people .profilePreview .copy {width: 100%;} } @media only screen and (min-width: 768px) { .people .profile {width:62%; float:right;} } @media only screen and (min-width: 1024px) { .people h2 {margin:0px 2.5% 40px 0%; float:left; width:95%; clear:none;} .people .profilePreview {margin:0 0 50px 5%; width:30%; float:left;} .people .profilePreview:nth-child(2n+1) {margin-left:5%; clear:none;} .people .profilePreview:nth-child(3n+1) {margin-left:0; clear:left;} } @media only screen and (min-width: 1200px) { .people .profile {width:64%;} .people .profile h2 {margin:0 0 20px 0;} .people .profile .col1 {float:left; width:43.75%;} .people .profile .col2 {float:right; width:43.75%;} } /*#Payment Form#*/ #paymentForm {} #paymentForm .spacer {width:100%; float:left; clear:left; margin-bottom:20px;} #paymentForm label {float:left; width:200px; margin-bottom:5px;} #paymentForm input[type=text] {clear:left; width:100%; float:left; border:1px solid #dfdfdf; padding:5px;} #paymentForm h3 {color:#c87901; font-weight:normal; float:left; display:block; margin-top:15px;} #paymentForm input[type=submit] {cursor:pointer; background-color:#e88617; width:100%; color:#fff; text-transform:uppercase; padding:8px 0; } @media only screen and (min-width: 1024px) { #paymentForm input[type=text] {width:50%;} #paymentForm input[type=submit] {width:50%;} } /*#New Area Landing Pages#*/ #bookReview {background-color: #e88617; padding:30px 0;} #bookReview .copy h4 {color:#fff; border-color:#fff; font-size:30px; margin-bottom:30px;} #bookReview .copy.third {width:100%; float:left; } #bookReview .copy.third p {font-size:18px; color:#fff; font-weight: 300; line-height:22px;} #reviewForm {float:left; width:100%;} #reviewForm .wpforms-container .wpforms-field {padding:0 0 15px 0;} #reviewForm .wpforms-container .wpforms-field.wpforms-field-layout {padding:0 0 0 0;} #reviewForm label {display:block; font-size:16px; color:#fff; margin-bottom:10px; float:left; font-weight:normal;} #reviewForm fieldset label {margin-bottom:0px;} #reviewForm legend {display:block; font-size:16px; color:#fff; margin-bottom:10px; float:left; font-weight:normal;} #reviewForm input[type=text] {width:100%; padding:9px 10px 8px 10px; font-size:18px;border:3px solid #fff; border-radius:0px;} #reviewForm input[type=tel] {width:100%; padding:9px 10px 8px 10px; font-size:18px;border:3px solid #fff; border-radius:0px;} #reviewForm input[type=email] {width:100%; padding:9px 10px 8px 10px; font-size:18px;border:3px solid #fff; border-radius:0px;} #reviewForm textarea {width:100%; padding:9px 10px 8px 10px; font-size:18px; resize:none; height:40px; border:none; font-family: "myriad-pro", Arial, sans-serif;} #reviewForm button[type=submit] {cursor:pointer; width:200px; background-color:#af1f62; font-size:18px; color:#fff; padding:9px 10px 8px 20px; text-align:left; margin-top:10px; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/purple-arrow.png); background-position:center right;} #reviewForm button[type=submit]:hover {background-color:#c87901;} #reviewForm div.wpforms-container-full input[type=checkbox]+label {padding-inline-start:28px;} #reviewForm div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li {display:block;} @media only screen and (min-width: 640px) { #bookReview .copy.third p {font-size:28px; line-height:32px;} } @media only screen and (min-width: 1024px) { #bookReview {padding:60px 0;} #bookReview .copy h4 {margin-bottom:60px;} #bookReview .copy.third {width:30%; float:left;} #reviewForm {float:right; width:65%;} } #areaCopy {padding:30px 0;} #areaCopy h2 {color:#C87901; font-size:22px; font-weight:300;} #areaCopy h2 strong {color:#af1f62;} #areaCopy h3 {border:0px; padding:0px; margin:0 0 20px 0; color:#C87901; font-size:14px; font-weight:bold;} #areaCopy p big {font-size:14px;} #areaCopy .third {background-image:url(/wp-content/themes/warrener/assets/contact.png); background-repeat:no-repeat; background-position:top left; float:left; padding-left:100px;} #areaCopy .third span.phone {color:#CA7901; font-size:18px; font-weight:300;} #areaCopy .third a {color:#af1f62;} #areaCopy .third a.phone {color:#CA7901; font-weight:normal; font-size:18px;} #areaCopy .third a.bookButton {max-width:300px; display:block; margin-top:20px; width:100%; background-color:#af1f62; font-weight:500; font-size:18px; color:#fff; padding:14px 10px 13px 15px; text-align:left; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/purple-arrow.png); background-position:center right;} #areaCopy .third a.bookButton:hover {background-color:#9f9f9f; text-decoration:none;} .areaReview {background-image:url(/wp-content/themes/warrener/assets/contact.png); background-repeat:no-repeat; background-position:top 30px left 12.5%; padding:30px 0 30px 12.5%; background-color:#F1F1F1; width:125%; margin-left:-12.5%;} .areaReview p {padding-left:100px; padding-right:20px;} .areaReview p:last-child {padding-left:0px; margin-bottom:0px;} .areaReview span.phone {color:#CA7901; font-size:18px; font-weight:300;} .areaReview.copy a {color:#af1f62;} .areaReview.copy a.phone {color:#CA7901; font-weight:normal; font-size:18px;} .areaReview a.bookButton {max-width:300px; display:block; margin-top:20px; width:95%; background-color:#af1f62; font-weight:500; font-size:18px; color:#fff; padding:14px 10px 13px 15px; text-align:left; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/purple-arrow.png); background-position:center right;} .areaReview a.bookButton:hover {background-color:#9f9f9f; text-decoration:none;} @media only screen and (min-width: 768px) and (max-width:1023px) { .areaReview {background-image:none; padding:0px; background-position:top 0px left 0px; margin-left:0; background-color:transparent; width:30%; float:right;} .areaReview p {padding-left:0px;} .areaReview p:last-child {padding-left:0px;} } @media only screen and (min-width: 1024px) { #areaCopy {padding:60px 0;} #areaCopy .third {width:30%; float:left;} #areaCopy .columns {column-count: 2; column-gap:60px;} #areaCopy .twoThirds {width:65%; float:right;} #areaCopy h2 {font-size:28px; border:none;} #areaCopy p big {font-size:28px; line-height:32px; font-weight:300; color:#9F9F9F;} #areaCopy h3 {font-size:18px;} .areaReview {padding:0px; background-position:top 0px left 0px; margin-left:0; background-color:transparent; width:30%; float:right;} .areaReview p:last-child {padding-left:100px;} } /*#INFOGRAPHIC#*/ #infographic {background-color:#DF8017;padding:35px 0 15px 0; border-top:8px solid #d89a51; overflow:hidden;} #infographic h3 {color:#fff; font-size:24px; font-weight:300; margin-bottom:20px;} #infographic p {color:#fff; font-size:18px; font-weight:300; margin:40px 0 0 0; line-height:1.2em;} #infographic .thirds {float:left; width:100%:} #infographic .third {width:100%; margin-bottom:50px; max-width:320px;} #infographic a {position:relative; float:left; color:#fff; text-align:left; font-size:18px; font-weight:300; background-color:#C87901; padding:10px 80px 10px 0; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/infographic-button.png); background-position:center right;} #infographic a:before {content:''; background-color:#C87901; width:10000px; position:absolute; top:0; bottom:0px; right:100%; z-index:1;} #infographic a:after {content:''; background-color:#C87901; width:10000px; position:absolute; top:0; bottom:0px; left:100%; z-index:1;} #infographic a:hover {background-image:url(/wp-content/themes/warrener/assets/infographic-button-hover.png);} @media only screen and (min-width: 768px) { #infographic {padding:50px 0 20px 0; } #infographic .third {float:left; width:30%; margin-right:5%; max-width:100%;} #infographic .third:last-child {margin-right:0;} #infographic h3 {font-size:28px;} #infographic p {font-size:24px;} #infographic a {font-size:24px;} } #mapsLeft {display:none;} @media only screen and (min-width: 1400px) { #mapsLeft {display:block; float:left; width:30%;} #gMapLondon {float:left; width:100%; height:350px; margin-bottom:40px; margin-top:174px;} #gMapEdinburgh {float:left; width:100%; height:350px;} } #contact p span.office {color:#5C0524; font-weight:bold;} #contact p.phone a {color:#A81F62; font-size:14px; font-weight:bold;} #contact p.phone a:first-child {color:#CA7901; font-size:18px; font-weight:normal;} /*#OUR SERVICES#*/ .ttService {float:left; width:100%; margin-bottom:30px;} .ttService a {width:100%; margin-bottom:10px;} #services .twoThirds {margin:50px 0;} #services .twoThirds>div {width:100%; clear:left;} @media only screen and (min-width: 768px) { .ttService {width:47.5%; margin-left:5%;} .ttService:nth-child(2n+1) {margin-left:0; clear:left;} } @media only screen and (min-width: 1024px) { #services .twoThirds {float:left; width:62%;} } @media only screen and (min-width: 1400px) { #services .twoThirds {width:62%; float:right;} } /*#EDINBURGH#*/ #edinburghImages {height:500px; width:100%; float:left; position:relative;} .edinburghImage {float:left; width:100%; height:500px; background-size:cover; background-position:center center;} #edinburghTeam {padding:30px 0; background-color: #f7f7f7;} #edinburghTeam h3 {color:#C87901; font-weight:300; font-size:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #fff;} #edinburghTeam .left {width:100%; margin-bottom:40px;} #edinburghTeam .left p {font-size:20px; line-height:1.4em; font-weight:300;} @media only screen and (min-width: 768px) { #edinburghTeam {padding:70px 0 50px 0;} #edinburghTeam .left {width:65%;} #edinburghTeam .left p {font-size:24px;} } @media only screen and (min-width: 1024px) { #edinburghTeam .left {margin-bottom:80px;} #edinburghTeam .left {width:65%;} #edinburghTeam .left p {font-size:28px;} } #edinburgh .profile {clear:left; border-left:20px solid #df8017; transition:background 0.5s ease; float:left; position:relative; height:185px; width:100%; max-width:350px; margin-bottom:30px; background-size:auto 250px; background-position:center center;} #edinburgh .profile:hover {transition:background 0.5s ease; background-size:auto 300px;} #edinburgh .sBarbour {background-image:url(/wp-content/themes/warrener/assets/stuart-barbour.jpg);} #edinburgh .jHenry {background-image:url(/wp-content/themes/warrener/assets/jonathan-henry.jpg);} #edinburgh .kCampbell {background-image:url(/wp-content/themes/warrener/assets/keith-campbell.jpg);} #edinburgh .lStuart {background-image:url(/wp-content/themes/warrener/assets/lois-stuart.jpg);} #edinburgh .profile a {width:100%; height:185px; display:block;} #edinburgh .profile a span {color:#ffffff; background-color:rgba(166,31,98,0.8); position:absolute; bottom:0px; right:0px; padding:0px 45px 0 15px; background-image:url(/wp-content/themes/warrener/assets/link-block-purple-right.png); background-repeat:no-repeat; background-position:right; height:30px; line-height:30px;} #edinburgh .profile a:hover span {color:#DF8017;} #edinburgh .profile a.noArrow span {background-image:none; padding:0 15px 0 15px;} @media only screen and (min-width: 768px) { #edinburgh .profile {clear:none;} #edinburgh .sBarbour {width:45%; margin-right:10%; max-width:45%;} #edinburgh .jHenry {width:45%; margin-right:0%; max-width:45%;} #edinburgh .kCampbell {width:45%; margin-right:00%; max-width:45%;} #edinburgh .lStuart {width:45%; margin-right:10%; max-width:45%;} } @media only screen and (min-width: 1024px) { #edinburgh .sBarbour {width:30%; margin-right:5%; max-width:30%;} #edinburgh .jHenry {width:30%; margin-right:5%; max-width:30%;} #edinburgh .kCampbell {width:30%; margin-right:5%; max-width:30%;} #edinburgh .lStuart {width:30%; margin-right:0%; max-width:30%;} } /*#CAREERS#*/ #careers .content {padding-top:70px; padding-bottom:70px;} #careers .left {float:left; width:100%;} #careers .left:nth-child(2) {border-top: 2px solid #a81f62; margin-top:30px; padding-top:20px;} #careers .right {float:right; width:100%;} #careers .left h1 {color:#ca7901; font-size:24px; font-weight:300; width:100%;} #careers .left h3 {color:#a81f62; margin-bottom:20px;} #careers .left ul li {font-size:14px; line-height:19px; color:#575756; margin-bottom:5px; list-style-type:disc; margin-left:20px;} #careers .left ul {margin-bottom:25px;} #careers .left p.large {color:#ca7901; font-size:24px; font-weight:300; width:100%; line-height:28px; margin-top:40px;} #careers p big {font-size:24px; font-weight:300; line-height:32px;} .jobPreviews {float:left; width:100%; margin:60px 0;} .jobPreviews h2 {color:#ca7901; font-size:24px; font-weight:300; width:100%;} .jobPreview {float:left; width:100%; margin-top:60px;} .jobPreview h3 {color:#a81f62; margin-bottom:20px;} .jobPreview a {transition: background 0.5s ease; background: linear-gradient(to right, #C87901 50%, #DF8017 0); background-size: 200% 100%; background-position: right; display:inline-block; font-size:20px; line-height:50px; padding-left:20px; padding-right:70px; color:#fff; height:50px; position:relative;} .jobPreview a:hover {transition:background 0.5s ease; background-position:left;} .jobPreview a:after {content:''; border-left:1px solid #DF8017; background-image:url(/wp-content/themes/warrener/assets/yellow-arrow.png); background-position:right; background-repeat:no-repeat;display:block; width:50px; position:absolute; height:50px; right:0px; top:0px;} @media only screen and (min-width: 768px) { #careers .left {width:50%; margin-right:5%;} #careers .left.job {width:100%;} #careers .right {width:45%;} .jobPreview {float:left; width:30%; margin-left:5%; } .jobPreview:nth-child(3n+1) {clear:left; margin-left:0;} } @media only screen and (min-width: 1024px) { #careers .content {background-image: url(/wp-content/themes/warrener/assets/ws-logo-intro2.png); background-repeat: no-repeat; background-position: top -50px right;} #careers .left {width:65%; margin-right:0;} #careers .left.job {width:65%;} #careers .right {width:30%;} } /*#ABOUT V2#*/ #aboutV2Top {margin:50px 0 50px 0; float:left; width:100%;} #aboutV2Top .left.copy h2 {border-bottom:0px; font-size:30px;} #aboutV2Top .left.copy p:first-of-type {color: #ca7901; font-size: 20px; font-weight: 300; line-height:1.3em;} #aboutV2Top .right.copy h2 {color: #ca7901; font-size: 26px; font-weight: 300;} #aboutV2Top .right.copy p:first-of-type {font-size: 20px; font-weight: 300; line-height: 1.3em; color:#a8a8a8;} #aboutV2Top .left {float:left; width:100%; margin-bottom:30px;} #aboutV2Top .right {float:right; width:100%;} #aboutV2Bottom {margin:0px 0 50px 0; float:left; width:100%; } #aboutV2Bottom .middle {float:left; width:100%; margin-bottom:30px;} #aboutV2Bottom .right {float:right; width:100%;} #aboutV2Bottom .middle.copy h3 {color: #ca7901; font-size: 26px; font-weight: 300;} #aboutV2Bottom .right.copy h3 {color: #ca7901; font-size: 26px; font-weight: 300;} @media only screen and (min-width: 768px) { #aboutV2Top {margin:50px 0 100px 0;} #aboutV2Top .left {width:45%; margin-bottom:0px;} #aboutV2Top .left.copy p:first-of-type {font-size: 24px;} #aboutV2Top .right {width:50%;} #aboutV2Top .right.copy p:first-of-type {font-size: 24px;} #aboutV2Bottom {margin:100px 0 50px 0;} #aboutV2Bottom .middle {width:100%; margin-bottom:0px;} #aboutV2Bottom .right {width:100%;} } @media only screen and (min-width: 1024px) { #aboutV2Top .left {width:30%;} #aboutV2Top .right {width:65%;} #aboutV2Bottom {background-image:url(/wp-content/themes/warrener/assets/background-s-yellow.png); background-position:top left; background-repeat:no-repeat;} #aboutV2Bottom .middle {width:30%; margin:0 5% 0 35%;} #aboutV2Bottom .right {width:30%;} } .right .cycle-slideshow div {width:100%; height:270px; background-size:cover; background-position:top center;} @media only screen and (min-width: 768px) { .right .cycle-slideshow div {height:350px;} } @media only screen and (min-width: 1400px) { .right .cycle-slideshow div {background-position:center 20% ;} } #homeTeam2 #directors .profile {background-size:auto 250px; transition: background .5s ease;} #homeTeam2 #directors .profile:hover {transition:background 0.5s ease; background-size:auto 300px;} #training {float:left; width:100%; margin-top:50px; border-top: 2px solid #a81f62; padding-top:50px;} #training .copy {float:left; width:100%;} #training img {float:left; width:100%; margin-top:30px;} #training .copy h2 {color:#A81F62; font-weight:bold; border:0px; font-size:24px; padding-bottom:0px;} #training .copy h3 {border:0px; color:#ca7901; font-size:24px; font-weight:300; padding-bottom:0px;} #training .copy p {font-size:20px; font-weight:300; line-height:1.2em;} @media only screen and (min-width: 768px) { #training {width:100%; } #training .copy {width:50%;} #training img {float:right; width:45%; margin-top:0px;} #training .copy h2 {font-size:30px; padding-bottom:20px;} #training .copy h3 {padding-bottom:20px;} #training .copy p {font-size:24px;} } @media only screen and (min-width: 1024px) { #training {width:65%; } } /*#AREA V3#*/ #locationCaseStudies {overflow:hidden;} #locationCaseStudies .content {padding:0; width:100%;} #locationCaseStudies .locationPreview {float:left;} #locationCaseStudies .locationPreviewLeft {float:left; width:100%; background-color:#800a3e; position:relative;} #locationCaseStudies .locationPreviewImage {background-size:cover; background-position:right center; width:100%; height:250px; float:left;} #locationCaseStudies .locationPreviewCopy {float:left; width:100%; padding:40px; } #locationCaseStudies .locationPreviewCopy h4 {color:#D17901; font-weight:300; font-size:28px;} #locationCaseStudies .locationPreviewCopy h3 {color:#ffffff; font-weight:700; font-size:28px; border-bottom: 2px solid #a81f62; padding-bottom:20px; margin-bottom:20px;} #locationCaseStudies .locationPreviewCopy p {color:#ffffff; font-weight:300; font-size:18px; line-height:1.2em;} #locationCaseStudies .locationPreviewRight {float:left; width:100%; background-color:#dbdbdb; padding:40px; position:relative; } #locationCaseStudies .locationPreviewRight h4 {color:#AF1F62; font-size:21px; font-weight:700;} #locationCaseStudies .locationPreviewRight p {color:#AF1F62; font-size:21px; font-weight:300; line-height:1.2em;} #locationCaseStudies .locationPreviewRight a {float:right; line-height:40px; height:40px; color:#D17901; font-weight:300; font-size:24px; display:block; width:300px; margin-right:-40px; background-repeat:no-repeat; background-image:url(/wp-content/themes/warrener/assets/readmore-hover.png); background-position:center right;} #locationCaseStudies .locationPreview:nth-child(even) .locationPreviewLeft {background-color:#5C0524;} #locationCaseStudies .locationPreview:nth-child(even) .locationPreviewRight {background-color:#d1d1d1;} @media only screen and (min-width: 768px) { #locationCaseStudies .locationPreviewLeft {display:flex; flex-direction: row-reverse;} #locationCaseStudies .locationPreviewImage {width:35%; height:auto;} #locationCaseStudies .locationPreviewCopy {width:65%;} #locationCaseStudies .locationPreviewRight h4 {width:55%;} #locationCaseStudies .locationPreviewRight p {width:55%;} } @media only screen and (min-width: 1024px) { #locationCaseStudies .content {padding:0 5%;} #locationCaseStudies .locationPreview {display:flex; flex-wrap:nowrap;} #locationCaseStudies .locationPreviewLeft {width:61%; } #locationCaseStudies .locationPreviewCopy {width:63.93%; padding:40px 80px 40px 0;} #locationCaseStudies .locationPreviewImage {width:36.07%;} #locationCaseStudies .locationPreviewRight {float:right; width:39%; padding:40px 40px 40px 80px;} #locationCaseStudies .locationPreviewRight h4 {width:100%;} #locationCaseStudies .locationPreviewRight p {width:100%;} #locationCaseStudies .locationPreview:nth-child(odd) .locationPreviewLeft:before {display:block; content:''; position:absolute; width:9600px; top:0; bottom:0; right:100%; background-color:#800a3e;} #locationCaseStudies .locationPreview:nth-child(even) .locationPreviewLeft:before {display:block; content:''; position:absolute; width:9600px; top:0; bottom:0; right:100%; background-color:#5C0524;} #locationCaseStudies .locationPreview:nth-child(odd) .locationPreviewRight:after {display:block; content:''; position:absolute; width:9600px; top:0; bottom:0; left:100%; background-color:#dbdbdb;} #locationCaseStudies .locationPreview:nth-child(even) .locationPreviewRight:after {display:block; content:''; position:absolute; width:9600px; top:0; bottom:0; left:100%; background-color:#d1d1d1;} } #newsFeedV2 {margin:60px 0;} #newsFeedV2 h3 {color:#ca7901; font-size:30px; font-weight:300; padding-bottom:40px;} #newsFeedV2 .newsFeedV2 {float:left; width:100%;} #newsFeedV2 .newsFeedV2 .newsPreviewV2 {float:left; width:100%; } #newsFeedV2 .newsFeedV2Left {float:left; width:100%;} #newsFeedV2 .newsFeedV2Right {float:left; width:100%;} #newsFeedV2 .newsPreviewV2 {margin-bottom:60px; float:left;} #newsFeedV2 .newsFeedV2Right .newsPreviewV2 {float:left; width:100%; } #newsFeedV2 .newsPreviewV2 .image {width: 100%; float: left; height: 250px; margin-bottom: 30px; background-size: cover; background-position: center center;} #newsFeedV2 .newsPreviewV2 .image a {display: block; width: 100%; height: 250px;} @media only screen and (min-width: 768px) { #newsFeedV2 {margin:60px 0 0 0;} #newsFeedV2 .newsFeedV2Left {width:100%;} #newsFeedV2 .newsFeedV2Right {width:100%;} #newsFeedV2 .newsFeedV2Left .newsPreviewV2 {width:45%; margin-left:10%; } #newsFeedV2 .newsFeedV2Left .newsPreviewV2:nth-child(2n+1) {margin-left:0px; clear:left;} #newsFeedV2 .newsFeedV2Right .newsPreviewV2 {width:45%; margin-left:10%; } #newsFeedV2 .newsFeedV2Right .newsPreviewV2:first-child {margin-left:0px;} #newsFeedV2 .newsFeedV2 .newsPreviewV2 {width:45%; margin-left:10%; } #newsFeedV2 .newsFeedV2 .newsPreviewV2:nth-child(2n+1) {margin-left:0px; clear:left;} } @media only screen and (min-width: 1024px) { #newsFeedV2 {margin:120px 0 60px 0;} #newsFeedV2 .newsFeedV2Left {width:100%;} #newsFeedV2 .newsFeedV2Left .newsPreviewV2 {width:30%; margin-left:5%; } #newsFeedV2 .newsFeedV2Left .newsPreviewV2:nth-child(2n+1) {margin-left:5%; clear:none;} #newsFeedV2 .newsFeedV2Left .newsPreviewV2:nth-child(3n+1) {margin-left:0px; clear:left;} #newsFeedV2 .newsFeedV2Right {width:70%;} #newsFeedV2 .newsFeedV2Right .newsPreviewV2 {width:42.86%; margin-left:7.14%; } #newsFeedV2 .newsFeedV2Right .newsPreviewV2:first-child { margin-left:7.14%; } #newsFeedV2 .newsFeedV2 .newsPreviewV2 {width:30%; margin-left:5%; } #newsFeedV2 .newsFeedV2 .newsPreviewV2:nth-child(2n+1) {margin-left:5%; clear:none;} #newsFeedV2 .newsFeedV2 .newsPreviewV2:nth-child(3n+1) {margin-left:0px; clear:left;} } #gMapFulham {float:left; width:100%; height:350px;} #addressMap .address {float:left; width:100%; background-color:#DBDBDB; padding:50px ;} #addressMap .address h3 {font-weight:300; font-size:28px; color:#D17901; margin-bottom:30px;} #addressMap .address p a {color:#A61F62;} #addressMap .address p a strong {color:#D17901; font-weight:normal;} @media only screen and (min-width: 768px) { #gMapFulham {width:50%; height:500px;} #addressMap .address {width:50%; height:500px; padding:100px;} } @media only screen and (min-width: 1024px) { #gMapFulham {width:60%; } #addressMap .address {width:40%; } } /*#AUDIT V2#*/ ul#servicesNav2 {width:100%; float:left; margin-bottom:50px;} ul#servicesNav2>li>a {display:block; color:#A1A1A1; font-size:18px; font-weight:300; border-top:2px solid #A1A1A1; padding:5px 15px 5px 0;} ul#servicesNav2>li.Highlighted>a {color:#CA7901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:right center;} ul#servicesNav2>li>a:hover {color:#CA7901; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; background-position:right center;} ul#subServices {float:left; width:100%; margin-bottom:40px;} ul#subServices li {float:left; width:100%; margin:20px 0; background-image:url(/wp-content/themes/warrener/assets/icon-audit.png); background-size:42px; background-position:top left; background-repeat:no-repeat; padding:65px 0 0 0; } ul#subServices li a {display:inline-block; color:#ca7901; font-size:20px; padding-right:30px; position:relative;} ul#subServices li a::after {display:block; content:''; width:20px; height:20px; background-image:url(/wp-content/themes/warrener/assets/arrow-right-gold.png); background-repeat:no-repeat; top: 6px; right: 0px; position: absolute;} ul#subServices li a:hover {color:#af1f62;} ul#subServices li a:hover::after {background-image:url(/wp-content/themes/warrener/assets/arrow-right-purple.png);} .leftV2 {float:left; width:100%; margin:20px 0 20px 0; clear:left;} .rightV2 {float:left; width:100%; margin:0px 0 40px 0; } .copyV2.leftV2 h3 {color: #ca7901; font-size: 24px; font-weight: 300;} .copyV2.rightV2 h3 {color: #ca7901; font-size: 24px; font-weight: 300;} .copyV2.leftV2 p {color:#868686; font-weight:300; font-size:18px; line-height:1.4em;} .copyV2.rightV2 p {color:#868686; font-weight:300; font-size:18px; line-height:1.4em;} .copy.bottomMargin {margin-bottom:60px;} .menuV2 ul.menu>li.serviceNavTitle {float:left; width:100%; margin-top:40px;} .menuV2 ul.menu>li.serviceNavTitle a {color:#af1f62; font-size:20px; font-weight:bold; float:left; width:100%; margin-bottom:10px; border-top:0px;} .menuV2 ul.menu>li.serviceNavTitle a:hover {background-image:none;} .directorLink a.emailLink {background-image:none;} .directorLink .image {position:relative;} .directorLink .image p {color:#fff; display:block; width:100%; background-color:#CA7901; position:absolute; bottom:0px; padding:3px 0 3px 10%; margin-bottom:0px;} #bookReview .copy.serviceForm {margin-top:20px;} #bookReview .copy.serviceForm p {color:#800A3E; font-size:21px; line-height:1.3em;} #bookReview .copy.serviceForm p a {color:#800A3E; font-weight:bold; font-size:21px;} #bookReview .copy.serviceForm p span.large {font-size:24px; font-weight:normal;} #bookReview .copy.serviceForm p:first-child {color:#fff;} @media only screen and (min-width: 480px) { ul#subServices li {width:45%; margin-right:5%;} ul#subServices li:nth-child(2n+1) {clear:left;} } @media only screen and (min-width: 768px) { ul#servicesNav2 {float:left; width:30%;} .directorLink.menuDirector2 {float:left; width:30%; border-left:none; height:auto; margin-bottom:40px;} .directorLink.menuDirector2 .image {background-position:left center; height:190px;} .directorLink.menuDirector2 .text {position:relative; background-color: #E88617; width:100%; padding:30px 0 20px 10%; bottom:0px;} } @media only screen and (min-width: 1024px) { .directorLink.menuDirector2 {float:left; width:30%; border-left:none;} } @media only screen and (min-width: 1280px) { #bookReview .copy.serviceForm p span.large {font-size:30px;} } @media only screen and (min-width: 1024px) { ul#subServices li {width:30%; margin-right:3.3333%;} ul#subServices li:nth-child(2n+1) {clear:none;} ul#subServices li:nth-child(3n+1) {clear:left;} .leftV2 {float:left; width:45%; margin:20px 0 40px 0;} .rightV2 {width:45%; margin:20px 0 40px 10%;} } @media only screen and (min-width: 1400px) { ul#servicesNav2 {width:28%; float:left;} ul#subServices li {width:20%; margin-right:5%;} ul#subServices li:nth-child(2n+1) {clear:none;} ul#subServices li:nth-child(3n+1) {clear:none;} ul#subServices li:nth-child(4n+1) {clear:left;} } .people.contentV2 {padding:0px;} .auditTeam {float:left; width:100%; padding:50px 0;} @media only screen and (min-width: 1024px) { .people.contentV2 .profilePreview {margin:0 0 50px 5%; width:47.5%; float:left;} .people.contentV2 .profilePreview:nth-child(3n+1) {margin-left:5%; clear:none;} .people.contentV2 .profilePreview:nth-child(2n+1) {margin-left:0; clear:left;} } /*#COPY V2#*/ .contentV2 {float:left; width:100%; margin:20px 0;} .menuV2 {margin:0 0 20px 0;} .copyV2 {margin-bottom:40px;} .copyV2:last-child {margin-bottom:0px;} .copyV2 h2 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; border-bottom:2px solid #A81F62; margin-bottom:20px; width:100%; clear:left;} .copyV2 h3 {color:#AF1F62; font-size:20px; font-weight:bold; margin-bottom:15px;} .copyV2 h4 {color:#AF1F62; font-size:20px; font-weight:bold; margin-bottom:0px;} .copyV2 h5 {color:#ca7901; font-size:24px; font-weight:300; padding-bottom:20px; width:100%;} .copyV2 p {line-height:1.4em;} .copyV2 p a {color:#ca7901; font-weight:bold;} .copyV2 p a:hover {text-decoration:underline;} /*.copyV2 p img {width:100% !important; height:auto !important;}*/ .copyV2>p:first-of-type {font-size:18px;} .copyV2 ul {margin-left:0px; margin-bottom:20px;} .copyV2 ul li {font-size:14px; margin-bottom:4px; line-height:19px; color:#A8A8A8; background-image:url(/wp-content/themes/warrener/assets/bullet-gold.png); background-repeat:no-repeat; padding-left:12px; background-position:0 7px;} .copyV2 ul li h4 {color:#ca7901; font-weight:300; font-size:18px; margin-bottom:0px;} .copyV2 li a {color:#ca7901; font-weight:bold;} .copyV2 li a:hover {text-decoration:underline;} .copyV2 ol {margin-left:20px; margin-bottom:20px;} .copyV2 ol li {font-size:14px; list-style-type:decimal; margin-bottom:10px; color:#575756;} .copyV2 ol li h4 {color:#ca7901; font-weight:300; font-size:18px; margin-bottom:0px;} .copyV2 table {border-collapse:collapse; font-size:14px; color:#575756; margin-bottom:20px;} .copyV2 table td {padding:8px; background-color:#eeeeee; border:1px solid #ffffff;} .copyV2 table th {padding:8px; background-color:#eeeeee; border:1px solid #ffffff; color:#af1f62;} .menuV2 ul.menu>li:first-child>a {border-color:#800A3E;} .menuV2 ul#servicesNav2>li:first-child>a {border-color:#800A3E;} .getInTouch {float:left; width:100%; margin-bottom:40px;} .gitLeft {background-color:#DBDBDB; float:left; width:100%; padding:20px;} .gitLeft h4 {color:#ca7901; font-size:24px; font-weight:300; margin-bottom:20px;} .gitLeft p {color:#AF1F62; font-size:30px; font-weight:300; line-height:1.1em; margin-bottom:0px;} .gitLeft p a {color:#AF1F62; font-size:18px; font-weight:bold;} .gitRight {background-color:#A1A1A1; float:left; width:100%; padding:20px;} .gitRight a {float: right; line-height: 40px; height: 40px; color:#fff; font-weight: 300; font-size: 24px; display: block; width: 100%; background-repeat: no-repeat; background-image: url(/wp-content/themes/warrener/assets/readmore-hover.png); background-position: center right;} @media only screen and (min-width: 768px) { .contentV2 {float:right; width:62%; margin:0px 0;} .menuV2 {margin:0 0 40px 0;} } @media only screen and (min-width: 1024px) { .copyV2 h2 {font-size:30px;} .copyV2 h3 {font-size:24px;} } @media only screen and (min-width: 1280px) { .getInTouch {display:flex;} .gitLeft {width:70%;} .gitRight {width:30%; position:relative;} .gitRight:after {display:block; content:''; width:10000px; position:absolute; top:0px; bottom:0px; left:100%; background-color:#A1A1A1;} .gitRight a {position:absolute; bottom:20px; right:0px; padding-left:30px;} } /*#PERSONAL TAX TEAM#*/ #personalTax {padding:30px 0; background-color: #fff;} #personalTax h3 {color:#C87901; font-weight:300; font-size:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #fff;} #personalTax .left {width:100%; margin-bottom:40px;} @media only screen and (min-width: 768px) { #personalTax {padding:30px 0 50px 0;} #personalTax .left {width:65%;} } @media only screen and (min-width: 1024px) { #personalTax .left {margin-bottom:40px; width:65%;} } #personalTaxTeam .profile {clear:left; border-left:20px solid #df8017; transition:background 0.5s ease; float:left; position:relative; height:185px; width:100%; max-width:350px; margin-bottom:30px; background-size:auto 250px; background-position:center center;} #personalTaxTeam .profile:hover {transition:background 0.5s ease; background-size:auto 300px;} #personalTaxTeam .rLane {background-image:url(/wp-content/themes/warrener/assets/ryan-lane.jpg);} #personalTaxTeam .dCollins {background-image:url(/wp-content/themes/warrener/assets/david-collins.jpg);} #personalTaxTeam .fHollom {background-image:url(/wp-content/themes/warrener/assets/freddie-hollom.jpg);} #personalTaxTeam .profile a {width:100%; height:185px; display:block;} #personalTaxTeam .profile a span {color:#ffffff; background-color:rgba(166,31,98,0.8); position:absolute; bottom:0px; right:0px; padding:0px 45px 0 15px; background-image:url(/wp-content/themes/warrener/assets/link-block-purple-right.png); background-repeat:no-repeat; background-position:right; height:30px; line-height:30px;} #personalTaxTeam .profile a:hover span {color:#DF8017;} @media only screen and (min-width: 768px) { #personalTaxTeam .profile {clear:none;} #personalTaxTeam .rLane {width:45%; margin-right:10%; max-width:45%;} #personalTaxTeam .dCollins {width:45%; margin-right:0%; max-width:45%;} #personalTaxTeam .fHollom {width:45%; margin-right:00%; max-width:45%;} } @media only screen and (min-width: 1024px) { #personalTaxTeam .rLane {width:30%; margin-right:5%; max-width:30%;} #personalTaxTeam .dCollins {width:30%; margin-right:5%; max-width:30%;} #personalTaxTeam .fHollom {width:30%; margin-right:0%; max-width:30%;} }