/*
Theme Name: Lawley
Author: Martin Bielicki
Author URI: http://www.lawleyinsurance.com
Description: Custom theme for 2017 redesign
Version: 1.0
Text Domain: lawley
*/
@-ms-viewport { width: device-width; }
/*
* Emigre web font kit 54ff48d801bcf
* Emigre web font kit 5554b9ca8ae96
* Emigre web font kit 5554b9ca86ba1
*
* These fonts are not shareware.
* Use of these fonts requires the purchase
* of a license from Emigre, www.emigre.com
* Please contact sales@emigre.com
*
* To purchase a license to use this font go to:
* http://www.emigre.com/WebFonts/Mr-Eaves-Sans-and-Modern/Sans-Regular-and-Alternates
*
* © 2015 Emigre, Inc
*/
/* mreavessanr, mreavessanb, mreavessanri */
/*Mr Eaves Sans Regular and Alt */
@font-face {
font-family: 'mreavessanr';
src: url('fonts/mreavessanr-020415006EmigreWebOnly.eot');
src: url('fonts/mreavessanr-020415006EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('fonts/mreavessanr-020415006EmigreWebOnly.woff2') format('woff2'),
url('fonts/mreavessanr-020415006EmigreWebOnly.woff') format('woff');
font-weight: normal;
font-style: normal;
/*-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;*/
}
/*Mr Eaves Sans Bold and Alt */
@font-face {
font-family: 'mreavessanb';
src: url('fonts/mreavessanb-020415006EmigreWebOnly.eot');
src: url('fonts/mreavessanb-020415006EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('fonts/mreavessanb-020415006EmigreWebOnly.woff2') format('woff2'),
url('fonts/mreavessanb-020415006EmigreWebOnly.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*Mr Eaves Sans Regular Italic and Alt */
@font-face {
font-family: 'mreavessanri';
src: url('fonts/mreavessanri-020415006EmigreWebOnly.eot');
src: url('fonts/mreavessanri-020415006EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('fonts/mreavessanri-020415006EmigreWebOnly.woff2') format('woff2'),
url('fonts/mreavessanri-020415006EmigreWebOnly.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* ================================================================================================== */
/* Generic Style Declarations */
/* ================================================================================================== */
/* Generic Style Declarations */
/*
## Fonts##
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
font-weight: normal; font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
font-style: normal; font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
## Colors ##
0b406b -Lawley Blue
174972 - Line color
7baed5 - Lawley Light Blue
a9cae4 - Hover state
cccccc - Lawley Light Gray
dddddd - Med Light Gray
f1f1f1 - Light Gray
e9e9e9 - line color
*/
.grayscale { /*-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");*/}
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 20px;
line-height: 1.5;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Lawley custom styles
========================================================================== */
*, *:before, *:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
}
body{
margin: 0;
}
ul {}
a {
font-weight: normal; font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
color: #0b406b;
outline: 0;
}
a img{
border: 0px;
}
a:hover, a:hover img, a:hover:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.transition {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translate3d(-50%, 0, 0);
}
20% {
-webkit-transform: translate3d(-50%, -15px, 0);
}
50% {
-webkit-transform: translate3d(-50%, 10px, 0);
}
}
@-moz-keyframes bounce {
0%, 100% {
-moz-transform: translate3d(-50%, 0, 0);
}
20% {
-moz-transform: translate3d(-50%, -15px, 0);
}
50% {
-moz-transform: translate3d(-50%, 10px, 0);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
20% {
-webkit-transform: translate3d(-50%, -15px, 0);
-moz-transform: translate3d(-50%, -15px, 0);
-ms-transform: translate3d(-50%, -15px, 0);
-o-transform: translate3d(-50%, -15px, 0);
transform: translate3d(-50%, -15px, 0);
}
50% {
-webkit-transform: translate3d(-50%, 10px, 0);
-moz-transform: translate3d(-50%, 10px, 0);
-ms-transform: translate3d(-50%, 10px, 0);
-o-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
}
}
/*
* Helper classes
*/
/*.left {float:left;}
.right {float:right;}*/
/*
* Typography
*/
h1,h2,h3,h4,h5 {font-weight: normal; font-family: 'mreavessanb', Arial, Helvetica, sans-serif; color: #0b406b; line-height: 1;}
/*
7.594em
5.063em
3.797em
2.531em
1.668em
1em
0.75em
0.5em
*/
h1 {
font-size: 3.797em;
margin: .5em 0 .5em;
/*margin-top:0;*/
}
h2 {
font-size: 2.531em;
margin: .5em 0 .5em;
margin-top:0;
}
h3 {
font-size: 1.668em;
margin: 1em 0 1em;
margin-top:0;
}
h4 {
font-size: 1em;
margin: .75em 0 .75em;
margin-top:0;
}
h5 {
font-size: 0.75em;
margin: 1.25em 0 .75em;
margin-top:0;
}
h6 {
font-size: 0.5em;
margin: 1em 0 1em;
margin-top:0;
}
h2 {font-family: 'mreavessanr', Arial, Helvetica, sans-serif}
h5 {text-transform: uppercase;}
p {font-size: 1.125em;}
p .small {font-size:.75em; line-height: 1;}
p a.btn-secondary {font-size:.875em;}
.content ul li {font-size:1.125em;}
a:hover {}
a h1, a h2, a h3, a h4, a h5, h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration: none;}
h2 a {font-family: 'mreavessanr', Arial, Helvetica, sans-serif}
a:hover img {/*opacity: 0.95;*/}
/*h1 a:active , h2 a:active, h3 a:active, h4 a:active {background: #eee;}*/
p a {border-bottom:2px solid #ddd; text-decoration: none;}
p !a img {border-bottom:0 none; text-decoration: none;}
p a:hover {border-bottom:2px solid #7baed5; /*color:#7baed5;*/}
p a:active {border-bottom:2px solid #7baed5; background: #7baed5; color:#fff;}
p.intro-paragraph {
width: 75%;
margin: 0 auto 1em;
font-size: 1.668em;
line-height: 1.3;
color: #666;
}
.bg-light-blue p.intro-paragraph {
color: #0b406b;
}
em {font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
font-style: normal;
}
strong {font-weight: normal; font-family: 'mreavessanb', Arial, Helvetica, sans-serif; }
input, textarea, keygen, select, button {font-family: 'mreavessanr', Arial, Helvetica, sans-serif;}
cite {font-family: 'mreavessanr', Arial, Helvetica, sans-serif; font-style: normal;}
blockquote {
padding: .01em 1.25em;
border-top: 4px solid #7baed5;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
display: block;
margin: 1em auto;
font-size: 1.25em;
text-align: center;
border-bottom: 1px solid #e9e9e9;
}
blockquote p {
font-size: 1.25em;
width: 75%;
margin: 1em auto;
}
/*
* Buttons and links
*/
a.btn{
display:inline-block;
text-align: center;
/*text-transform: uppercase;*/
text-decoration: none;
/* font-size:1.25em; */
height: 52px;
line-height: 52px;
padding: 0 24px;
border:2px solid #7baed5;
font-style: normal;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a.btn:hover {
text-decoration: none;
border:2px solid #afcee6;
/* color:#7baed5;*/
}
a.btn:active {/*transform: translate(0, 2px); transform: scale(.90);*/}
a.btn-primary {
background:#7baed5;
color:#fff;
/* height: 64px;
line-height: 64px;*/
margin-top:2em;
}
a.btn-primary:hover {background:#a9cae4; color: #fff; border:2px solid #a9cae4; }
a.btn-secondary {
margin-top:2em;
border-radius: 3em;
}
.header a.btn-secondary {
border-color: #fff;
}
.header a.btn-secondary:hover {
}
a.btn-secondary:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
.header a.btn-secondary:hover {
border: 2px solid #a9cae4;
}
a.btn-mega {border:0 none;}
a.btn-mega:hover {}
a.btn .text {}
a.btn .icon {/*margin-right:.25em;*/}
a.btn-full {width: 100%}
a.btn-menu {
/*background:url('/wp-content/themes/LawleyInsurance/images/ui-menu-on.png') #fff no-repeat 6px center;*/
float:right;
/*display: none;*/
border:2px solid transparent;
position: relative;
z-index: 999999999999999999;
/*border-radius: 3px;*/
margin-left:.25em;
background: rgba(255, 255, 255, 0.30);
height: 68px;
line-height: 68px;
}
a.btn-menu .text {margin-left:.5em; display: none;}
a.btn-menu .lines {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
z-index: 1;
}
a.btn-menu .lines span {
position: absolute;
display: block;
height: 3px;
width: 100%;
background: #7baed5;
-webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s;
transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s;
}
a.btn-menu i {
color: #7baed5;
display: inline-block;
opacity: 1;
font-size: 1em;
/* visibility: visible; */
/* margin-right: 0; */
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
/*transform: scale(1);*/
/* display: inline-block; */
/* width: 100%; */
font-size: 1em;
}
a.btn-menu:hover i {color: #fff;}
.btn-menu.open i {display: none;}
a.btn-menu:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
a.btn-menu:hover .lines span {background: #fff;}
.btn-menu.open .lines span {
background: #0b406b;
-webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .4s;
transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .4s;
transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .4s;
transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .4s, -webkit-transform .2s .4s;
}
.btn-menu.open .lines span:nth-child(1) {top:8px;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.btn-menu.open .lines span:nth-child(2) {top:8px;opacity: 0;}
.btn-menu.open .lines span:nth-child(3) {top:8px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.btn-menu.open {
border:2px solid #7baed5 !important;
background: #7baed5;
color: #fff;
height: 68px;
line-height: 68px;
}
.btn-menu .lines span:nth-child(1) {
top:0;
}
.btn-menu .lines span:nth-child(2) {
top:8px;
/*width: 85%;*/
}
.btn-menu .lines span:nth-child(3) {
top:16px;
}
a.btn-contact {float:right; /*margin-left:1em;*/background: #7baed5;
border: 2px solid #7baed5; color:#fff;
/*border-radius: 3px;*/
height: 68px;
line-height: 68px;
font-size: 1.5em;
}
a.btn-contact:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;}
a.btn-jump {
opacity: 0;
position: fixed;
bottom: -14px;
right: .5em;
border-radius: 4em 4em 0 0;
color: #7baed5;
background: #fff;
width: 52px;
height: 52px;
margin: 0 auto;
line-height: 52px;
text-decoration: none;
font-size: 1.75em;
z-index: 999999999;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
text-align: center;
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
border: 1px solid #e9e9e9;
}
a.btn-jump:hover {
bottom:-6px;
color:#0b406b;
}
a.btn-jump.show {
opacity: 1;
}
a.btn-jump-featured {
opacity: 1;
display: block;
border-radius: 4em;
background: #fff;
color: #7baed5;
width: 52px;
height: 52px;
margin: 0 auto;
/* margin-top: 2em; */
line-height: 54px;
text-decoration: none;
position: absolute;
left: 50%;
bottom: 4%;
font-size: 1.75em;
/* -webkit-animation: bounce 3s ease-in-out infinite;
-moz-animation: bounce 3s ease-in-out infinite;
animation: bounce 3s ease-in-out infinite;*/
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
/* -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;*/
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
text-align: center;
border: 1px solid #e9e9e9;
z-index: 99999;
/* position: relative;*/
}
a.btn-jump-featured.hide {opacity: 0;}
a.btn-jump-featured:hover {
/* transform: scale(1.05);*/
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
animation-play-state: paused;
color:#0b406b;
/* -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,.06);
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.06);*/
}
/*
* Responsive styles
*/
.responsive {width:100%; display: block; padding:4em 0;}
.responsive .container {
/*max-width: 1144px;*/
max-width: 1300px;
margin: 0 auto;
padding:0 30px;
}
.responsive hr {
max-width: 4em;
height: 6px;
margin: 0 auto 30px;
border: none;
background: #7baed5;
margin-bottom: 30px;
position: relative;
z-index: 9999999;
}
.featured hr, .work hr, .bg-light-blue hr {background: #0b406b;}
.education hr, .newsletters hr {background: #7baed5;}
/*
* Lists
*/
.list.faq {list-style-type: none; text-align: left; padding:0;}
.list.faq li {padding:1em; line-height: 1em; display: block; width:33%; float:left;}
.list.faq a {font-size:1.75em; text-decoration: none;}
.list.faq li::before {
content: "Q:";
margin-right: .25em;
float: left;
font-size: 3em;
display: block;
height: 1em;
margin-top: .25em;
}
.list.faq a {font-size: 1.5em;width:100%; line-height: 1em;}
.list.faq a {}
.list.categories { list-style-type: none; }
.list.categories li {display: inline-block;}
.list.categories a {}
.list.docs {list-style-type: none; text-align: left; padding:0;}
.list.docs li {width:100%;padding:.25em 0; line-height: 1em; display: block; float:left;}
.list.docs a {font-size: 1.25em;}
.documents {list-style-type: none; text-align: left; padding:0;}
.documents li {width:100%;padding:.25em 0; line-height: 1em; display: block; float:left;}
.documents a {/*font-size: 1.25em;*/}
.list.news {}
.list.services {list-style-type: none; text-align: center; padding:0; margin:0;}
.list.services li {display: block; float:left; width:25%; /*border-right:1px solid #e9e9e9;*/}
.list.services a {
padding: 1em;
background: #fff;
margin-right: 1em;
/* margin-bottom: 1em; */
border-radius: 3px;
/* border: 2px solid #7baed5; */
display: block;
text-decoration: none;
font-size: 1.25em;
text-transform: uppercase;
line-height: 1;
/* min-height: 5em; */
}
.list.services a:hover {
color:#7baed5;
}
.list-quick-footer {
margin-top: 2em !important;
}
.list-quick-footer li {
}
.list-quick-footer li a {
}
.list-quick-footer li a:hover {
color: #fff;
}
/*
* Header styles
*/
.header {
background: #fff;
/*height: 97px;*/
/* padding: 1em 0;*/
padding:.75em 0;
border-bottom: 1px solid #e9e9e9;
position: fixed;
/*position: absolute;*/
/*overflow: hidden;*/
top: 0;
left: 0;
width: 100%;
/*width: 100vw;*/
z-index: 999999999;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
/*-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);
box-shadow:0 6px 20px 0 rgba(0,0,0,.1); */
/*-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 3px 10px 0 rgba(0,0,0,.1)
*/
}
.header .container {
width: auto; max-width: none;
position: relative;
}
.header.smaller {
/*height: 81px;*/
position: fixed!important;
background: #fff;
background: rgba(255, 255, 255, 0.95);
padding: .5em 0;
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
}
/*.header.to-smaller { top:97px; position: fixed;}*/
.header.smaller a {
height: 52px !important;
line-height: 52px;
/*font-size: 1em;*/}
.header.smaller .logo {width:184px;}
.header .logo {
/*height: 64px;
width: 180px;*/
float: left;
display: block;
padding: 0 1em;
margin: 0 auto;
text-align: center;
/* padding: 0.3em 0;*/
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
line-height: 64px;
width: 226px;
}
.header a.logo:hover {transform: scale(1.05);}
.header .logo-img {max-width: 100%; }
.header a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.logo-wrap {margin:0 auto;}
.logo {}
/*
* Menu
*/
.menu {list-style: none; }
.menu-links-wrap {float:left; margin-left:1em;}
.menu-links {float:left;}
.menu-links li {display:inline-block;/* position: relative;*/}
.menu-links li.menu-item-has-children > a::after {
content: " +";
}
.menu-links a {
/*display: inline-block;
text-transform: uppercase;
text-decoration: none;
height: 64px;
line-height: 64px;
padding: 0 14px;
border-bottom: 2px solid transparent;*/
/*border-radius: 3px;*/
text-decoration: none;
/*text-transform: uppercase;*/
height: 68px;
line-height: 68px;
display: inline-block;
color: #0b406b;
position: relative;
}
.menu-links >li > a {padding: 0px 24px; font-size: 1.5em;
}
.menu-links >li > a:after {
display: block;
content: "";
width: 40%;
height: 2px;
background-color: #0b406b;
visibility: hidden;
margin-top: .5em;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
text-align: center;
margin: -2px auto 0;
}
.menu-links >li:hover > a:after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.menu-links .sub-menu a {/*padding: 0px 12px;*/ font-size: 1.25em;}
.menu-links h5 {color: #fff;}
.menu-links a i {
color: #7baed5;
/* -webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;*/
}
.menu-links li:hover i {
color: #0b406b;
/*-webkit-transform: rotate(180deg);
transform: rotate(180deg);*/
}
.menu-links a:hover {
/*text-decoration: underline;*/
color:#fff;
/* background:#a9cae4;
border: 2px solid #a9cae4;
background: #7baed5;
color: #fff;*/
}
/*Animated underline*/
/*.menu-links a:after {
display: block;
content: "";
width: 100%;
height: 2px;
background-color: #0b406b;
visibility: hidden;
margin-top: -.40em;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}*/
/*.menu-links a:hover:after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}*/
.header.smaller .menu-links .sub-menu > li a , .menu-links .sub-menu > li a {
height: 52px !important;
line-height: 52px !important;
}
.menu-links .custom-sub {
visibility: hidden;
opacity: 0;
position: absolute;
background: #fff;
margin-left:0;
padding:0;
width: 100%;
/* max-width: 1400px; */
/*left: 0;*/
width: 50%;
background: #7baed5;
padding: 2em 0;
/*-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;*/
/* -webkit-box-shadow: 0 0px 20px 6px rgba(0,0,0,.1);
box-shadow: 0 0px 20px 6px rgba(0,0,0,.1);*/
-webkit-box-shadow: 0px 6px 6px 3px rgba(0,0,0,.1);
box-shadow: 0px 6px 6px 3px rgba(0,0,0,.1);
/*border-bottom: 4px solid #fff;*/
transition: all 0s;
left: 0;
width: 100%;
}
.menu-links li:hover .custom-sub {
display: block;
visibility: visible;
opacity: 1;
top: 100%;
transition: all 0.2s;
}
.menu-links .sub-menu {
float: left;
padding-left: 0;
width: 100%;
}
.menu-links li:hover .custom-sub .custom-sub-container {
max-width: 1144px;
margin: 0 auto;
padding: 0 30px;
}
.custom-sub-container {
/*max-width: 1144px;
max-width: 1144px; */
max-width: 1300px;
margin: 0 auto;
padding: 0px;
}
.menu-links .custom-sub .custom-sub-column {
/*width: 46%;
border-right: 1px solid #a9cae4;*/
display: block;
float: left;
margin-right: 1em;
padding-right: 1em;
}
.custom-sub h3 {color:#fff; margin-bottom:.25em;}
.custom-sub p {margin:0;}
.csc-sm {width: 23%;text-align: center; border-right: 1px solid #a9cae4;}
.csc-lg {width: 73%;border-right: 1px solid #a9cae4;}
.csc-med {width: 31%; text-align: center; border-right: 1px solid #a9cae4;}
.csc-med2 {width: 62%; border-right: 1px solid #a9cae4; }
.csc-med3 {width: 50%; text-align: center; border-right: 1px solid #a9cae4;}
.menu-links > li:hover {
background: #7baed5;
}
.menu-links > li:hover > a {
/*background: #7baed5 !important;*/
color:#fff;
}
.menu-links li.current_page_item > a {
/*border-bottom: 2px solid #7baed5;*/
background: #f9f9f9;
}
.menu-links li.current-page-ancestor > a {
/*border-bottom: 2px solid #7baed5;*/
background: #f9f9f9;
}
.menu-icons-wrap {float:right;margin-right:2em;/*padding:.5em 0;*/}
.menu-icons {float:right;}
.menu-icons li {display:inline-block; float: left; text-align: center}
.menu-icons a {
display: block;
/* text-transform: uppercase; */
text-decoration: none;
text-align: center;
padding: 1em .5em;
color: #0b406b;
/* border-bottom: 2px solid transparent; */
line-height: 1em !important;
font-size: .8em;
}
.menu-icons li i {display: block; color:#7baed5; font-size: 1.3em; margin-bottom: .2em;
}
.menu-icons a:hover {text-decoration: none;
color:#7baed5;}
.menu-icons li a:hover i { color: #7baed5; }
.menu-icons a.icon-locations { height: 72px;
width: 40px;
height: 64px;
display: block;
background: url('/wp-content/themes/LawleyInsurance/images/ui-pin-hover.png') #fff no-repeat center center;
text-indent: -99999999px;
}
.menu-icons a.icon-locations:hover {
background: url('/wp-content/themes/LawleyInsurance/images/ui-pin-on.png') #fff no-repeat center center;
/*border-bottom: 3px solid #7baed5;*/
}
.menu .menu-news {
list-style-type: none;
padding: 0;
display: block;
margin-top: 0;
}
.menu .menu-news li { text-align:left; width: 100%; /*border-bottom: 1px solid #a9cae4;*/}
.menu .menu-news li a { line-height: 1 !important;
height: auto !important;
padding: 1em 0; }
.menu .menu-news a:hover, .menu .menu-news a:hover h3 {color: #fff;}
.menu .menu-news p {margin-top:0;}
.menu .menu-news h3 {margin-bottom: 0;}
.menu .menu-news-img {
height: 156px;
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 1em;
}
.menu .menu-mega {
padding: 0;
margin: 0;
}
.menu .menu-mega li {
width: 50%;
background: #ccc;
}
.menu .menu-mega li a {
}
.account {position: relative;}
.account .btn-secondary {border-color: #fff; text-decoration:none;}
.account .btn-secondary:hover {border-color: #cadfee; text-decoration:none;}
.icon-login {position: relative;}
.dropdown {
visibility: hidden;
opacity: 0;
top: 50px;
position: absolute;
text-align: center;
width: 300px;
padding: 2em;
background: #7baed5;
/*right: -14px;*/
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
}
.dropdown span.triangle-top {
position: absolute;
top: -10px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 10px solid #7baed5;
left: 50%;
top: 2em;
}
.account:hover .dropdown {/* opacity: 1; top:62px;*/visibility: visible;
opacity: 1;}
.account .dropdown p {color: #fff; font-family: 'mreavessanri', Arial, Helvetica, sans-serif;}
.menu-icons a.icon-search {
width: 35px;
height:64px;
display: block;
background: url('/wp-content/themes/LawleyInsurance/images/ui-search-hover.png') #fff no-repeat center center;
text-indent: -99999999px;
}
.menu-icons a.icon-login {
width: 35px;
height:64px;
display: block;
background: url('/wp-content/themes/LawleyInsurance/images/ui-advisor-down.png') #fff no-repeat center center;
text-indent: -99999999px;
/*border: 2px solid transparent;*/
}
.menu-icons a.icon-login:hover, .account:hover a.icon-login {background: url('/wp-content/themes/LawleyInsurance/images/ui-advisor-up.png') #fff no-repeat center center;}
.menu-icons a.icon-search:hover, .menu-icons a.icon-search.open {
background: url('/wp-content/themes/LawleyInsurance/images/ui-search-on.png') #fff no-repeat center center;
/*border-bottom: 3px solid #7baed5;*/
}
.menu-icons a.icon-resources { height: 72px;
width: 35px;
height: 64px;
display: block;
background: url('/wp-content/themes/LawleyInsurance/images/ui-resources.png') #fff no-repeat center center;
text-indent: -99999999px;
}
.menu-icons a.icon-resources:hover {
background: url('/wp-content/themes/LawleyInsurance/images/ui-resources-on.png') #fff no-repeat center center;
/*border-bottom: 3px solid #7baed5;*/
}
a.featured-contact {border:2px solid #7baed5; font-size:1.25em; background:#ffffff; padding:.5em 1em; border-radius: 3px; text-transform: uppercase; text-decoration:none; float:right;}
a.featured-contact:hover {border-color:#bdd7ea;}
.menu-wrap {
display: none;
position: absolute;
background: #7baed5;
width: 100%;
left: 0;
top: 84px;
z-index: 9999999999;
padding:1em;
/*padding: 10%;*/
}
.menu-wrap.open {
display: block !important;
}
/*
* Nav Styles
*/
.nav {background: #7baed5;
position: fixed;
z-index: 999999999;
top:0;
right:-3%;
height: 100%;
width: 40%;
overflow-y: auto;
overflow-x: hidden;
padding: 0em 0;
/*padding-top:5em;*/
visibility: hidden;
opacity:0;
-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,.05);
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.05);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
body.open::before {
content: "";
background: rgba(11, 64, 107, 0.85);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999999999;
}
.nav .container {
padding:0px !important;
/* position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.nav .section {
}
.nav a, .nav li., .nav ul, .nav .container {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.nav.open {
display: block;
right: 0;
visibility: visible;
opacity: 1;
-webkit-box-shadow: 0 0px 20px 6px rgba(0,0,0,.1);
box-shadow: 0 0px 20px 6px rgba(0,0,0,.1);
}
.menu {list-style-type: none; margin:0; padding:0;}
.nav ul.nav-top {
padding: 0;
margin-bottom: 2em;
}
.nav ul.nav-top li {
display: inline-block;
/* float: left; */
width: 48%;
margin-right: 1%;}
.nav ul.nav-top a {display: inline-block;
text-decoration: none;
height: 52px;
line-height: 52px;
padding: 0 22px;
border: 2px solid #fff;
height: 52px;
line-height: 52px;
float: left;
width: 100%;
text-align: center;
border-radius: 3em;
}
.nav ul.nav-top a:hover {
color: #fff;
border-color: #a9cae4;
background: #a9cae4;
}
.nav ul.nav-top .sub-menu {display: none;}
.nav ul.nav-primary {
/*width: 60%;*/
margin-bottom:2em;}
.nav ul.nav-primary .custom-sub {
background: #a9cae4;
}
.nav ul.nav-primary > li {width: 100%; }
.nav ul.nav-primary li {
display: inline-block;
position: relative;
text-align: left;
border-bottom: 1px solid #a9cae4;
}
.nav ul.nav-primary > li > a {
font-size: 1.5em;
text-transform: uppercase;
/* border-bottom: 2px solid #fff;
margin-bottom: .25em;
color: #fff;
border-radius: 3px;*/
}
.nav ul.nav-primary li a {
display: block;
font-size: 1.125em;
/* padding: .5em 24px; */
/* text-transform: uppercase;*/
text-decoration: none;
color: #0b406b;
line-height: 1;
text-align: left;
height: 52px;
line-height: 52px;
padding: 0 24px;
}
.nav ul.nav-primary > li > span:hover i {color:#0b406b;}
.nav ul.nav-primary > li > span:hover {background: #a9cae4; }
.nav ul.nav-primary > li > span {
float: right;
display: block;
padding: 0 .15em;
font-size: 1.668em;
line-height: 1.668;
/* background: #7baed5; */
/* border-radius: 2em; */
/* border: 2px solid #fff; */
height: 52px;
width: 52px;
text-align: center;
/* background: #fff; */
color: #fff;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
/* -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1); */
/* box-shadow: 0 6px 20px 0 rgba(0,0,0,.1); */
/* margin-top: .25em; */
cursor: pointer;
position: absolute;
right: 24px;
top: 0px;
}
.nav li.menu-item.open > span {
background: #a9cae4;
color: #fff;
border-color:#cadfee;
}
.nav li.menu-item.open > span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav li.menu-item > span i{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.nav li.menu-item.open > span:hover i {color:#0b406b;}
.nav ul.nav-primary > li:hover > span i{
/*color: #fff;*/
}
.nav ul.nav-primary li a:hover { text-decoration:none; color:#ffffff; border-color:#cadfee; /*background: #a9cae4;*/}
/*.nav ul.nav-primary li:hover a {background:#7baed5; color:#fff;}*/
/*.nav ul.nav-primary li.current_page_item {background:#eee;}*/
.nav ul.nav-primary ul.sub-menu {
display: none;
padding: 0;
margin-bottom: .25em;
/*border-left: 4px solid #fff;
padding-left: 1em;*/
filter: alpha(opacity=0);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.nav li.menu-item.open ul.sub-menu {display:block;}
.nav ul.nav-primary li:hover ul.sub-menu {
/* visibility:visible;
opacity:1; filter:alpha(opacity=100);
-moz-box-shadow: -5px -5px #888;
-webkit-box-shadow: 0px 5px #bbb;
box-shadow: 0px 5px #bbb;
border-bottom:5px solid #ccc;
-moz-box-shadow: 3px 0px 6px rgba(0,0,0,0.1);
-webkit-box-shadow: 3px 0px 6px rgba(0,0,0,0.1);
box-shadow: 3px 0px 6px rgba(0,0,0,0.1);*/
}
.nav ul.nav-primary ul.sub-menu li.menu-item { float: none;
border-bottom: 1px solid #7baed5;
width: 100%;}
.nav ul.nav-primary ul.sub-menu a{
font-size: 1em;
/* line-height: 36px; */
padding: 0 24px;
/* height: 36px !important; */}
.nav ul.nav-primary ul.sub-menu a:hover {
}
.nav ul.nav-primary ul::before{
/*content: "";
width: 0;
height: 0;
border-left: 24px solid transparent;
border-right: 24px solid transparent;
border-bottom: 12px solid #fff;
position: absolute;
top: -12px;
left: 26%;*/
}
.nav a.btn-secondary {
border-color: #fff;
}
.nav a.btn-secondary:hover {
border-color: #cadfee;
}
.nav-services-mega {
width: 48%;
float: left;
display: inline-block;
padding: 1em 24px;
background: #0b406b;
color: #fff !important;
height: auto !important;
margin-right: .25em;
margin-bottom: .25em;
border-radius: 3px;
}
.header.smaller .nav-services-mega {
height: auto !important;
}
.nav-services-mega span {
width: 54%;
float: right;
line-height: 1;
text-transform: uppercase;
padding: .5em 0 .5em;
/* border-bottom: 1px solid #174972; */
font-size: 1.25em;
}
.nav-services-mega span.nav-services-supporting {
font-size: .85em;
text-transform: none;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
width: 100%;
color: #fff;
/* padding-bottom: 0; */
text-align: center;
float: left;
display: inline-block;
/* padding: 0.5em 0; */
/* margin: .5em 0; */
color: #7baed5;
padding-top: 0;
}
.nav-services-mega img {float:left; width: 40%;}
.nav-services-mega:hover {
color: #7baed5 !important;
}
.nav-header {
/* top: 4em;
width:100%;
position: absolute;*/
width: 75%;
padding: .75em 24px;
float: left;
margin-bottom: 1em;
}
.header.smaller .nav-header {
padding: .5em 24px;
}
.nav-body {display: block;float:left;}
.nav-footer {
overflow-y: auto;
width: 100%;
float: left;
text-align: center;
}
.nav-footer {
/* bottom: 0px;
width:100%;
position: absolute;*/
}
.nav-footer .social {background: none;
text-align: center;
padding:0;
margin: 0;
}
.nav-footer ul {
list-style-type: none;
padding: 0;
}
.nav-footer ul li {
display: inline-block;
}
.nav-footer ul li a {
border:0 none;
}
.nav-footer ul li a:hover {
color: #fff;
border:0 none;
}
a.nav-close {
position: absolute;
right: 0%;
font-size: 2.75em;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
text-decoration: none;
top: 0%;
padding: .5em;
line-height: .75;
color:#0b406b;
}
a.nav-close:hover {
color: #fff;
}
#Content .featured {
padding: 2em 0;
}
#Content {
margin-top: 98px;
}
.header .links-header{float:right;}
.header .responsive-wrap {padding:1em;}
.header .section-logo {
width:17%;
float: left;}
.header .section-menu {
width: 50%;
float:left;}
.header .section-contact {
width:33%;
float: right;}
.header .section {/*width:33.3%;float:left;*/}
.header ul.menu-header { float:left; margin-top:1.50em;}
.header ul.menu-header li { display: inline-block; /**/margin-right: .5em;}
.header ul.menu-header li a {display: block; font-size:1.25em; text-transform: uppercase;text-decoration: none;
padding: .5em .75em;
text-align: center;
color:#fff;}
.section-menu .sub-menu > li {display: block; /*border-bottom: 1px solid #a9cae4;*/}
.header ul.menu-header li a:hover {background:#7baed5; color:#fff; /*text-decoration: underline;*/}
.header ul.menu-header a.links-featured {/* border-radius:5px;border:2px solid #7baed5*/; /*background: none;*/}
.header ul.menu-header a.links-featured:hover {/*border-radius:5px; border:2px solid #7baed5;*/ background:#7baed5; border-radius: 3px;}
.menu-icons a:hover, .menu-icons a.open {/*border-radius:5px; border:2px solid #7baed5; background:#7baed5;*/}
.header ul.menu-icons li {margin-right: 0px !important;}
/*.header ul.menu-header a.link-featured {border-radius:6px; border:3px solid #7baed5; background:none; }*/
.icon-ui-pin, .icon-ui-search {/*border-radius:5px; border:2px solid #0b406b;*/}
.header .links-buttons {margin-right:2em;}
/*
* UI
*/
a.icon-ui-pin {
height:48px; width:48px; display: block;
background: url('/wp-content/themes/LawleyInsurance/images/ui-pin.png') no-repeat center center;
}
a.icon-ui-search {
height:72px; width:60px; display: block; margin-top:1.50em; border-radius: 3px;
background: url('/wp-content/themes/LawleyInsurance/images/ui-search.png') no-repeat center center;
}
a.icon-ui-button .icon-ui-menu {
height:60px; width:60px; display: block; border-radius: 3px;
background: url('/wp-content/themes/LawleyInsurance/images/ui-menu-on.png') #fff no-repeat center center;
margin-right:.5em;
border:3px solid transparent;
/*background: #7baed5 ;
border-radius: 6px 6px 0px 0px;*/
/* -webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;*/
}
a.icon-ui-button {float: left; display: block; font-size:1.25em; line-height:2.5em; text-decoration: none;}
a.icon-ui-pin:hover {
background: url('/wp-content/themes/LawleyInsurance/images/ui-pin.png') #f1f1f1 center center no-repeat !important;
}
a.icon-ui-search.open {
background: url('/wp-content/themes/LawleyInsurance/images/ui-search-hover.png') #fff center center no-repeat !important;
}
a.icon-ui-button:hover .icon-ui-menu {
background: url('/wp-content/themes/LawleyInsurance/images/ui-menu.png') #7baed5 center center no-repeat !important;
}
a.icon-ui-button:hover {color:#7baed5;}
a.icon-ui-button.open .icon-ui-menu {
border:3px solid #7baed5;
}
/*a.icon-ui-search:hover {
background: url('/wp-content/themes/LawleyInsurance/images/ui-search.png') #7baed5 center center no-repeat !important;
}*/
a.icon-ui-menu:hover {
/*background: url('/wp-content/themes/LawleyInsurance/images/ui-menu.png') #7baed5 center center no-repeat !important;*/
/* background: #fff;*/
}
.icon-ui-menu {/*display: none !important;*/}
.icon-ui-search {float:right;}
.search {/*display: none;*/
float: left;
width: 100%;
/*position: relative;*/
}
.search.open {/*display: block !important;*/ }
.search label {/**/display: none;}
.search input {float: left; border:none 0; }
.bio-archive input[type=search] {
width: 75%;
font-size: 1.125em;
padding: 0 12px;
/*color: #fff;*/
height: 52px;
line-height: 52px;
border-radius: 3px;
-webkit-appearance: none;
border: 1px solid #ccc;
}
.search input[type=search] {
width: 100%;
font-size: 1.125em;
padding: 0 12px;
background: #a9cae4;
color: #fff;
height: 52px;
line-height: 52px;
border-radius: 3px;
-webkit-appearance:none;
}
.header.smaller .search input[type=search], .header.smaller .search #SearchBtn {
height: 52px;
line-height: 52px;
}
.search input[type=search]:focus {
background: #fff;
color: #0b406b;
}
input[type=submit], #SearchBtn {
-webkit-appearance:none;
}
.search input[type=submit] { }
.search input[type=submit]:hover, .bio-archive input[type=submit]:hover {cursor: pointer; color: #7baed5 !important;}
.bio-archive #SearchBtn {
display: inline-block;
padding: 0 22px;
border: none 0;
background: #0b406b;
color: #fff;
font-size: 1.25em;
height: 52px;
line-height: 52px;
border-radius: 3px;
-webkit-appearance:none;
}
.search #SearchBtn {
display: block;
padding: 0 22px;
border: none 0;
background: #0b406b;
color: #fff;
position: absolute;
right: 0;
font-size: 1.25em;
height: 52px;
line-height: 52px;
border-radius: 0px 3px 3px 0;
-webkit-appearance:none;
}
.search #Search {width: 100%; position: relative;}
.search-nav {/*display: none;*/ margin-bottom:1em;}
.flex-wrap {
/* display: none; */
background: #7baed5;
/* padding: 1em; */
/* float: left; */
width: 100%;
/* margin-bottom: 10px; */
position: relative;
text-align: center;
/* PADDING: 2EM; */
}
.flex-wrap p {
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
color: #fff;
font-size: 1.25em;
}
/*
* Featured Styles
*/
.featured {text-align: center; position: relative;
background: #f1f1f1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.featured .container::after {
content: "";
/*background: rgba(11, 64, 107, 0.5);lawley blue*/
/*background: rgba(0, 0, 0, 0.5);*/
/*background: rgba(11, 64, 107, 0.15);*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999;
}
.featured .container::after, .featured.home-header .container::after {
/* background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.60),rgba(11, 64, 107, 0.20), rgba(123, 174, 213, 0.80));
background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.70),rgba(11, 64, 107, 0.40), rgba(123, 174, 213, 0.90));*/
background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.80),rgba(11, 64, 107, 0.60), rgba(123, 174, 213, 0.90));
/*content: "";
background: transparent;*/
/*background: rgba(11, 64, 107, 0.15);*/
/*rgb alpha gradient diagonal*/
/*background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.90),rgba(123, 174, 213, 0.40), rgba(239, 204, 140, 0.40));*/
/*background: linear-gradient(to bottom right,rgba(123, 174, 213, 0.75), rgba(11, 64, 107, 0.60), rgba(239, 204, 140, 0.40));*/
/*background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.70),rgba(123, 174, 213, 0.30), rgba(123, 174, 213, 0.70));*/
/* opacity: .5; */
/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);*/
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); */
/* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); */
/*background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);*/
/*background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);*/
/* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/
}
/*.featured.responsive {padding:4em 0;}*/
.featured-wrap {}
.featured-left{left:10% !important;}
.featured-right{right:10% !important;}
.featured-primary {height:430px; position: relative; background: url('/wp-content/themes/LawleyInsurance/images/featured-image-cyber.png') center right no-repeat; margin-right:1em;}
.featured-secondary { }
.featured .btn-primary {
margin-top: 1em;
margin-bottom:1em;
/*border-radius: 3px;*/
height: 68px;
line-height: 68px;
/* font-size: 1.25em; */
font-size: 1.5em;}
.featured .btn-primary, .featured .btn-secondary { /* margin: 1em 0 2em;*/}
.featured .btn-secondary {
color:#fff;
border-color: #7baed5;
}
.featured .btn-secondary:hover {
background: #a9cae4;
color: #fff;
border-color: #a9cae4;
}
.featured-content-wrap{
/**/width: 75%;
margin: auto;
position: absolute;
z-index: 999;
left: 12%;
text-align: center;
top:25%;
z-index: 99999;
/* position: relative;*/
}
.featured-img{
/*float:right;
margin-left:1em;
border:1px solid #ddd;*/
background: #fff;
padding:8px;
width:100%;
padding: 0;
margin: 0;
}
.featured h2, .featured h1 {
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
color: #fff;
/* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); */
text-shadow: 1px 1px 12px rgba(11, 64, 107, 0.35);
/* line-height: 1; */
z-index: 99999;
position: relative;
}
.post .featured h2, .post .featured h1 {
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
}
.featured p {
font-size: 1.668em;
/*font-family: 'mreavessanri', Arial, Helvetica, sans-serif;*/
/*color: #0b406b;*/
color: #ffffff;
z-index: 99999;
/* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); */
text-shadow: 1px 1px 12px rgba(11, 64, 107, 0.35);
position: relative;
}
.featured .btn {
z-index: 99999;
position: relative;
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
}
/*
* Topics
*/
.topics {}
.topics .topics-heading {
float: left;
width: 15%;
text-align: center;
}
.topics .topics-categories {
float: right;
width: 84%;
}
/*
* Quick
*/
.quick { background:#0b406b; text-align:center; padding:1em 0; /*position: relative; z-index: 9; text-align: center;*/}
.quick h3 { /*margin-top: 1em;*/
color: #7baed5;
}
.quick p {color: #fff; margin-bottom:1em;}
.quick .quick-footer {display: block;float: left;width: 100%; text-align: center;}
.quick .btn-secondary {color: #fff;}
.quick::before {
/*background: #0b406b;
position: absolute;
top: -34px;
left: 41%;
width: 255px;
height: 88px;
content: '';
z-index: 1;
border-radius: 100px 100px 0px 0px;*/
/* width: 100%;
height: 23vh;
background: url('http://benpearce.nz/wp-content/themes/benpearce/r/img/squiggle.svg') no-repeat center top;
display: block;
position: absolute;
top: 100%;
left: 0;
background-size: cover;
margin-top: -1px;
z-index: 100;
transform: translateZ(0);*/
}
.quick .menu-quick { /* margin-bottom: 2em;*/
float: left;
width:100%;
/*margin-top: 1em;*/}
.quick .menu-quick li {float:left; width:16%; text-align: center;/* margin-bottom: 1em;*/}
.quick .menu-quick li a {
width: 100%;
text-align: center;
color: #fff;
line-height: 1;
border:0 none;
display: block;
float: left;
height: auto;
/*border-bottom: 2px solid transparent;
font-size:1.25em;*/
padding: 1em;
/*border-radius: 2px;
display: block;
padding: 1em 2em;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
text
color: #0b406b;
*/
}
.quick .menu-quick li a:after {
display: block;
content: "";
width: 40%;
height: 2px;
background-color: #fff;
visibility: hidden;
margin-top: .5em;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
text-align: center;
margin: .5em auto 0;
}
.quick .menu-quick li a:hover:after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.quick .menu-quick li a:hover {
/*
border: 2px solid transparent;
border-radius: 3px;
border-color:#afcee6;*/
color: #7baed5;
/*background: #174972;
border-radius: 3px;
border-bottom: 2px solid #fff;*/
}
.quick .menu-quick li a:hover img {
transform: translate(0, -3px);
}
.quick .menu-quick img {
margin: 0 auto;
display: block;
margin-bottom:.75em;
max-width: 100%;
/*padding: 0 .75em;*/
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-ms-transition: transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
}
.quick-main {padding:2em 0;}
.quick-main ul {}
.quick-main li {display: inline-block;
margin-right: .5em; margin-bottom:.5em;}
.quick-main a {
display: inline-block;
text-align: center;
/* text-transform: uppercase; */
text-decoration: none;
/* font-size: 1.25em; */
height: 52px;
line-height: 52px;
padding: 0 24px;
border: 2px solid #7baed5;
font-style: normal;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 2em;
border-radius: 3em;
color: #fff;
margin-top:0;
}
.quick-main a:hover { background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
/*Mega sub nav*/
.page .quick-main .menu-quick { width: auto;
}
.page .quick-main .menu-quick img {
float: left
}
.page .quick-main .menu-quick li { width: auto;
}
.page .quick-main .menu-quick li a {
}
.page .quick-main .menu-quick li a:hover { background: transparent;
}
/*
* Services
*/
.services {
background: url("/wp-content/themes/LawleyInsurance/images/paper.png");
text-align: center;}
.services a.btn {
/*background: #7baed5;
color: #fff;*/}
.services a.btn:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
.services h1 {/*margin-top: .5em;*/
color: #0b406b;
width: 100%;
margin-left: 0;
margin-right: 0;
}
ul.menu-services { list-style-type: none; }
.home-page ul.menu-services li {width: 45%;}
ul.menu-services img { /*border-radius: 3px;*/
background-clip: padding-box;
max-width: 100%;
}
ul.menu-services h3 a:hover, ul.menu-services h4 a:hover {color: #7baed5;}
ul.menu-services li { width:45%; display:inline-block; float: left; padding:2em;
border: 1px solid #e9e9e9;
background: #fff;
margin: 1em;
}
ul.menu-services li:nth-child(2n+1) {
clear: both;
}
ul.menu-services a {}
ul.menu-services img {/*width: 60%;*/
margin-bottom: 1em;
display: block;
margin: 0 auto 1em;}
ul.menu-services p { margin-top:.25em; margin-bottom: 0px;}
ul.menu-featured-links {list-style-type: none;}
ul.menu-featured-links li {display: inline-block;}
.services .section {
/* background: #fff; */
/* padding: 1em; */
width: 100%;
float: left;
text-align: center;
/* padding-bottom: 4em; */
border-radius: 3px;
/* border: 1px solid #e9e9e9; */
}
/*
* Quote
*/
.quote {background: url("/wp-content/themes/LawleyInsurance/images/paper.png") #f1f1f1; position: relative;}
.quote .container {/**/width:60%; text-align: center; overflow: hidden;}
.quote .quote-text {
/*width: 84%;
float: right;
text-align: left;*/
}
.quote .quote-thumb {
width: 13%;
float: left;
text-align: center;
/*background: #ccc;*/
border: 6px solid #fff;
height: 145px;
/* width: 100px; */
border-radius: 10em;
}
.quote h2, .quote h3 { /*margin-top: 1em;*/
width: 100%;
font-style: normal;
font-weight:normal;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
/* margin: 2em auto;*/
float: none;
display: inline-block;
margin-bottom:.5em;
}
.quote h2 { padding-top: .5em;}
.quote h3 { padding-top: .75em; line-height: 1.5em;}
.quote cite {color:#7baed5; margin-bottom: 1em;
display: block;}
.quote img{
position: absolute;
bottom: 0px;
float: right;
}
.quote-bottom {
position: relative;
bottom: -2px;
}
.quote-bottom svg {
display: block;
width: 100%;
height: auto;
}
/*
* News
*/
.news{background: #fff;}
.news h2 {
text-align: center;
color: #0b406b;
}
.news-featured {
float: left;
text-align: center;
background-color: #0b406b;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 6em;
margin: 1em;
width: 100%;
}
.news-featured p {/*margin-bottom:0;*/}
.news-featured .primary-img {width: 100%;margin-bottom:1em;}
.news-list {
/*width: 56%;*/
float: right;
text-align: center;
}
.news-featured h3 {color: #fff}
.list-mega-sub-button {
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
.list-mega-sub-button i {
font-size:1.5em;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.list-mega-sub-button.open i {
color: #7baed5;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.list-mega-sub-button.open {}
.list-mega-sub-button.open .dropdown {
visibility: visible;
opacity: 1;
top: 65px;
}
.list-mega-sub-nav {
padding: 0;
margin: 0;
}
.list-mega-sub-nav-2 {
padding: 0;
margin: 0;
}
.list-mega-sub-nav li {width: 100%;
text-align: left;
border-bottom: 1px solid #a9cae4;
padding: 0;
}
.list-mega-sub-nav li a {color: #0b406b;
width: 100% !important;
text-align: left !important;
border:0 none;
padding: 0;
}
.list-mega-sub-nav li a:hover {
background: transparent;
border: 0 none;
}
.list-mega-sub-nav {}
/*.list-mega-sub-button:hover .dropdown {
visibility: visible;
opacity: 1;
}*/
.list-news {
list-style-type: none;
float: right;
padding: 0;
margin:0;
text-align: left;
}
.list-news-bio {
display: block;
}
.list-news .list-news-img {
height: 165px;
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 1em;
}
.list-news .primary-img {
}
.list-news a {
text-decoration: none;
/* float: left;*/
display: inline;
width: 100%;}
.news-featured a {
text-decoration: none;
}
.news-featured p {color: #fff;}
.list-news a:hover h4, .news-featured a:hover h4, .list-news a:hover h3, .news-featured a:hover h3 {
color:#7baed5;
/*text-decoration: underline; */
}
.list-news li {
float: left;
width: 33%;
/* border-bottom: 1px solid #f1f1f1; */
margin-bottom: 1.5em;
padding: 0 1em;
}
.list-news li:last-child {
margin-bottom:0;
}
.list-news h4 {margin-top: 0px; margin-bottom: 1em;}
.list-news .primary-img {
float: left;
margin-bottom: .75em;
width: 100%;
}
.list-news a:hover {}
.list-news a:hover img {/*border: 1px solid #ccc;*/}
/*.list-news p {
margin-top: 0em;
line-height: 1.1;
}*/
.list-101 {}
.list-101 li {
width: inherit;
padding: 0;
border-bottom: 0 none;
}
.list-101-img {
height: 300px;
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 1em;
}
.page .pages-parent:nth-child(even) {
background: #f1f1f1;
}
.pages-parent {
text-align: center;
border-top:1px solid #e9e9e9;
}
.list-pages-parent {padding:0; margin:0;}
.list-pages-parent li {width:33%; display:inline-block; text-align: center}
.list-pages-parent li.page_item_has_children {width: 100%;
padding: 1em;
clear: both;
border: 2px solid #f1f1f1;
border-radius: 6px;}
.list-pages-parent li.page_item_has_children > a {background: #7baed5; color: #fff;}
.list-pages-parent ul.children {
float: left;
/* clear: both; */
padding: 0;
margin-top: 1em;
width: 100%;
}
.list-pages-parent li a {
display: block;
float: left;
padding: 12px 0;
line-height: 1.3;
border: 2px solid #7baed5;
width: 100%;
border-radius: 3em;
text-decoration: none;
background: #fff;
}
.list-pages-parent li a:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
/*
* Newsletters
*/
.newsletters {
position:relative;
text-align: center;
/*width: 50%; float: left;*/
}
.cta .container {/*width: 60%;*/}
.cta hr {background: #0b406b;}
.newsletters.cta {
background:url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter-plane.png) 100% -14% no-repeat,
url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter.png) 0% 27% no-repeat, #7baed5;
}
.newsletters::before {
/* content: '';
z-index: 1;
position: absolute;
top: -36px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 50px 100px;
border-color: transparent transparent #7baed5 transparent;
left: 43%;*/
}
.newsletters p {
/* margin-top: 0em;
color: #fff;
text-align: center;
font-size: 2.5em;
margin: 0;
margin-bottom: 1em;
float: left;
width: 75%;
text-align: left;
line-height: 1.1;
margin-bottom: 0;
margin: 0em auto 1em;*/
}
.newsletters .responsive-centered {padding:50px 0;}
.newsletters a.btn {border-color: #fff;}
.newsletters a.btn:hover {border-color:#cadfee;}
.newsletters .responsive-wrap {/*width:50%;*/}
.newsletters.cta h2 {color:#fff; }
.newsletters h3 {}
/*
* Questions
*/
.questions {background:#0b406b; }
.questions h2 {color:#fff; text-align: center;}
.questions .list.faq li::before {color:#7baed5;}
.questions .faq a {color:#fff;}
.questions .faq a:hover { color:#7baed5; }
.questions .btn {color:#fff;}
/*
* Recognition
*/
.recognition {background: #ddd}
/*
* Resources
*/
.resources {
/*background:#0b406b;*/
}
.resources h2 {text-align: center;}
.resources .section {width:48%; margin-right:.25em; float: left; text-align: center; padding: 0 3%;}
.resources .case-study {width:47%; float:left; margin-right:1em; }
.resources .links { width: 47%; float: right; }
.resources .faq {}
.list.faq li::before {color:#fff;}
.resources .faq a {color:#7baed5;}
.resources .faq a:hover { color:#fff; }
.resources p {/*color:#7baed5;*/}
.resources .docs {}
.resources .docs a {background: #f1f1f1;
color: #0b406b;
display: block;
padding: 20px;
text-decoration: none;
border-radius: 3px;}
.resources .docs a:hover {background: #ddd;}
.resources .docs img {
float: left;
margin-right: .5em;
margin-top: -.35em;
}
.documents {}
.documents a {background: #f1f1f1;
color: #0b406b;
display: block;
padding: 20px;
text-decoration: none;
border-radius: 3px;}
.documents a .thumb {
background: url(/wp-content/themes/LawleyInsurance/images/ui-resources-on.png) no-repeat;
width: 25px;
height: 28px;
float: left;
margin-right: .5em;
margin-top: -.35em;
}
.documents a:hover {background: #ddd;}
.documents img { float: left;
margin-right: 1em;
}
.resources .case-study {}
.resources .case-study p {color:#7baed5;}
.resources .case-study img {width: 100%; margin-bottom:1em;}
.resources .case-study h2 {color:#fff;}
.resources .case-study .btn {border-color:#fff;}
.resources .case-study .btn:hover {background: #fff;}
.resources .case-study {position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius:3px;
}
.resources .case-study-thumb {padding:3em; text-align: center; }
.resources .case-study-thumb::after {
content: "";
/* background: rgba(11, 64, 107, 0.85);*/
background: rgba(123,174,213,.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999;
border-radius:3px;
}
.resources .case-study-text {position: relative; z-index:99999;}
.resources h2 {
color:#fff;
}
.resources h3 {/*color: #fff;*/}
/*
* Education
*/
.education {
/* background: url(/wp-content/themes/LawleyInsurance/images/lawley-insurance-consulting.jpg) center no-repeat #0b406b;
text-align: center;*/
/* width: 50%; */
/* float: left; */
background-color: #0b406b;
/* background-position: top center;
background-repeat: no-repeat;
background-size: cover;*/
text-align: center;
}
.education hr {/*background: #fff;*/}
.education h3 {color:#fff;}
.education h2 {color:#fff;}
.education p {color:#7baed5;}
.education .btn {color:#fff;}
.education .btn {border-color:#7baed5;}
.education .section {
width: 50%;
float: left;
display: block;
/* padding: 0 1em; */
width: 50%;
float: left;
display: block;
padding: 0 1em;
/* border-right: 1px solid #a9cae4;*/
/* background: #fff; */
}
/*#7baed50b406b
* Community
*/
.community {
background: url('/wp-content/themes/LawleyInsurance/images/lawley-insurance-community.jpg') center no-repeat #f1f1f1;
/* background-image: url('/wp-content/themes/LawleyInsurance/images/lawley-insurance-community.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;*/
background-color: #0b406b;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.community .container { width:60%;}
.community h2 { /*margin-top: 1em;*/
color: #fff;
width: 100%;
margin-left:0;
/*text-align: center;*/}
.community p {color:#fff;}
.community .section { float:left; width: 50%;}
.community .btn {color:#fff;}
.difference {
background-color: #7baed5;
}
.difference .cta {float: right;
width: 50%;
padding: 6em;
background: #7baed5;
/*margin-bottom: -2em;
margin-top: -2em;
border-radius: 3px;*/}
.difference .list {width:50%;float:left;background: url('/wp-content/themes/LawleyInsurance/images/lawley-insurance-consulting.jpg') center no-repeat #0b406b;
text-align: center;
background-color: #0b406b;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding:6em;
/* background-attachment: fixed;*/}
.difference .list ul {list-style-type:none; padding:0; margin:0;}
.difference .list li {
color: #ffffff;
float:left;
text-align: center;
width:100%;
padding: 0 1em;
}
.difference .list a {}
.difference .list i {
text-align: center;
margin-bottom: 1em;
display: block;
float: left;
width: 25%;
}
.difference .list h3, .difference .list h4 {color:#fff;/*margin-bottom:0;*/}
.difference .list p {
margin-top: 0;
margin-bottom:0;
color: #fff;
display: none;
}
.difference .list img {max-width: 100%}
.statement {/*padding: 3em 0;*/
text-align: center;
background: #7baed5;
}
.statement h3 {color: #fff; /*font-size:3.5em; margin-bottom:0;*/}
.statement a.btn-secondary {border-color: #fff;}
.statement a.btn-secondary:hover {border-color:#cadfee;}
.statement p {
/*font-size: 1.5em;
width: 75%;
margin: 0 auto;*/
/* line-height: 1; */
/* margin-bottom: 2em !important;*/
}
.why {padding: 2em 0;
text-align: center;
background: #7baed5;
background: url(/wp-content/themes/LawleyInsurance/images/lawley-insurance-consulting.jpg) center no-repeat #0b406b;
text-align: center;
background-color: #0b406b;
background-position: center -190px;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.why img {
margin-bottom: 1em;
max-width: 100%;
}
.why h3 {color: #fff; font-family: 'mreavessanri', Arial, Helvetica, sans-serif; margin-bottom:0;}
.why .col-3 { display: inline-block;
width: 33%;
}
.why .col { display: inline-block;
float: left;
padding: 0 2em;
}
.stat {background: #ccc; text-align: center;}
.stat .container {}
/*.stat h3 {color:#fff;}
.stat p {color:#fff;}*/
.stat img {max-width: 100%;}
/*
* About
*/
.about {background:url("/wp-content/themes/LawleyInsurance/images/paper.png") #f1f1f1;
position: relative; overflow: hidden;text-align: center;}
.about .container {margin: 0 auto; /*width: 60%;*/ overflow: hidden;}
.about h1 {/*margin-top: 1em;*/
color: #0b406b;
width: 100%;
margin-left:0;}
.about h2 {/*margin-bottom:.25em; margin-top:.25em;*/}
.about .responsive-wrap {}
.about-blurb { margin: 0 auto;
text-align: left;
float: left;
width: 50%;}
.about-list {/*float:right; width:32%;*/ text-align: center; margin-right:1em;}
.about .about-box {float:left; width:50%; text-align: center; padding:1em; margin:2em 0;}
.about img {max-width: 100%;
border: 10px solid #fff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
}
.about img.img1 {
/*-webkit-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
transform: rotate(1.5deg);*/
}
.about img.img2 {
max-width: 100%;
border: 8px solid #fff;
/* -webkit-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
transform: rotate(1.5deg);*/
}
.about .about-ui {float: left; display: block; margin-top:2em; width:100%;}
.about .about-ui ul {padding:0; margin:0; width:100%;}
.about .about-ui li {display: inline-block; text-align: center; float:left;width:33%;}
.about .about-ui a {background: #f1f1f1; color:#0b406b; padding:1em 2em; display: block; font-size: 1.25em;}
.about .about-ui a:hover {background: #7baed5; color:#fff;}
/*
* Slider
*/
.slider {position: relative; text-align: center;}
.slider .container {overflow: hidden; margin: 0 auto;}
.slider .slider-text { width: 33%;
float: left;}
.slider .slider-img { width: 66%;
float: right;
/*padding: 1em 0;*/
}
/*
* Why 2
*/
/*.why {background:url("/wp-content/themes/LawleyInsurance/images/debut_light.png");}
.why h2 {margin-bottom:.25em; margin-top:.25em;}
*/
/*
* Stories
*/
.stories {background: #0b406b;}
.stories h1 {color:#fff;}
.stories p {color:#ccc;}
.list {}
.list-why {}
.list-why img {/*float:left; */margin-right:.5em; /*width: 100%;*/}
.list-why li {display:block; float:left; width:33%; text-align: center}
/*Social*/
.social {/*background: #0b406b; */text-align: center; padding: 3em 0; border-top: 1px solid #e9e9e9; }
.social ul {list-style-type: none; margin:0 auto; padding:0;}
.social li { display: inline-block;
margin-right: .5em;
margin-bottom: .5em;}
.social a {
display: block;
/*height: 52px;
width: 52px;*/
border: 2px solid #7baed5;
border-radius: 2em;
color: #0b406b;
height: auto;
}
.social a:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #a9cae4;
}
.social a i {color: #7baed5;}
.social a:hover i {color: #0b406b;}
/*.social a.facebook {background:url('/wp-content/themes/LawleyInsurance/images/template/lawley-facebook.png')center center;}
.social a.linkedin {background:url('/wp-content/themes/LawleyInsurance/images/template/lawley-linkedin.png')center center;}
.social a.twitter {background:url('/wp-content/themes/LawleyInsurance/images/template/lawley-twitter.png')center center;}
.social a.newsletter {background:url('/wp-content/themes/LawleyInsurance/images/template/lawley-newsletter.png') -1px -2px;}
*/
/*Work*/
/*.work.cta {background: #fff;}
.work.cta h3 {color:#0b406b;}
.work.cta a.btn {
border-color: #7baed5;
}
.work.cta a.btn:hover {
border-color:#afcee6;
}*/
/*Footer*/
.footer {background: #0b406b; border-top:1px solid #174972;}
.footer img {max-width: 75%; margin-bottom: 1em;}
.footer h2 {color:#7baed5;}
.footer a, .footer p {color:#fff;}
.footer a {text-decoration: none;}
.footer a:hover {text-decoration: none; color:#7baed5;}
.footer ul {list-style-type: none; padding:0; display: block; margin-top:0; margin-bottom: 0;text-align: center;}
.footer li {display: inline-block;}
.footer li a {margin-top:0;}
.footer .btn {/*float:right;*/}
.footer-hq-contact {margin-bottom: 1em;}
.footer-hq-contact a {display: inline-block;
/*height: 52px;
line-height: 52px;*/
padding: 0 12px;
font-size: 1.2em;
}
.footer .section {/*width:20%; float:left;*/}
.footer .section.locations { width: 75%;
/* margin-top: 1em; */
/*border-top: 1px solid #174972;*/
/* padding-top: 1em; */
text-align: center;
/* padding: 2em 0; */
margin: 0 auto;}
.list-locations {}
.list-locations li {/*float:left; */display: inline-block;}
.list-locations li a {
padding: .5em;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
color: #7baed5;
}
.list-locations li a:hover { color:#fff; }
/*Legal*/
.legal {padding:1em 0; background: #333; text-align: center;}
.legal a {color:#999;display:block; padding: 0 .25em; text-decoration: none; margin:0;}
.legal a:hover {color: #fff;}
.legal p {color:#999; margin:0;}
.legal ul {list-style-type: none; padding:0; margin:0; color: #7baed5;}
.legal li {display: inline-block;}
/*
* Pages and Templates
*/
.page {}
.page .content {float:left; width:60%;}
.page .aside {float:right; width:30%; padding:20px; background: #f1f1f1; margin:1em 0;}
.page #Banner img {width: 100%;}
.title {padding:2em 0; background: #0b406b; text-align: center;}
.title h1 {color:#fff; text-transform: uppercase; margin: 0; line-height: 1;}
.breadcrumbs {padding:.5em 0 !important; font-size:.80em; text-align: center; border: 1px solid #f1f1f1;/* background: #f9f9f9;*/}
.breadcrumbs a {}
.breadcrumbs p {margin:.5em; font-size: 1em;}
.cta {text-align: center; background: #7baed5;}
.cta h2, .cta h3, .cta h4 {
/*font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
font-style: normal;
margin-bottom:0;*/
}
.cta h1, .cta h2, .cta h3, .cta h4, .cta h5 {color: #fff;}
.cta p {color:#0b406b;}
.cta p a {color: #fff}
.cta a.btn {border-color: #fff;}
.cta a.btn:hover {border-color: #a9cae4;}
/*Index*/
.index .featured {padding:2em 0;}
.index .attachment-medium, .index .attachment-thumbnail {float:left; margin-right:1em;}
.index a {text-decoration: none;}
.index a h2 {text-decoration: none; border:0;}
.index a:hover h2 {text-decoration: none; color:#7baed5;}
.index article {border-bottom:1px solid #e9e9e9; margin-bottom: 2em}
.list.categories {
padding:0;
list-style-type: none;
}
.list.categories li {margin-bottom: 1em;
float: left;
}
/*.page .cta {}
.page .cta h2 {color: #fff;}
.page .cta a.btn {border-color: #fff;}
.page .cta a.btn:hover {border-color: #cadfee;}
*/
/*Post*/
.post {}
.post .related {
padding: 1em 0;
display: block;
}
.post-title{
width: 75%;
margin: 2em auto;
text-align: center;
}
.post .section {/*width:50%; float:left;*/}
.categories {
width: 100%;
float: none;
text-align: left;
}
.categories a {
padding: .25em .5em;
text-decoration: none;
margin-right: .5em;
border-bottom:0;
border-radius: 3px;
border: 2px solid #7baed5;
background: transparent;
/* color: #fff; */
border-bottom: 2px solid #7baed5 !important;
}
.categories a::before {
content: '#';
}
.categories a:hover {
background: #a9cae4;
border: 2px solid #a9cae4;
border-bottom: 2px solid #a9cae4 !important;
}
.post .featured .categories a {color:#fff;}
.post .categories a {
border: 2px solid #7baed5;
background: transparent;
/*color: #fff;*/
border-bottom: 2px solid #7baed5 !important;
}
.post .categories a:hover {
background: #a9cae4;
border: 2px solid #a9cae4;
border-bottom: 2px solid #a9cae4 !important;
}
.post .categories a::before {
content: '#';
}
.bg-dark-blue .categories a {
background: #7baed5;
color: #fff;
}
.bg-dark-blue .categories a:hover {
background: #fff;
color: #0b406b;
}
.date .right {float:right;}
.breadcrumbs .left {float:left;}
.categories a:hover {color:#fff; background: #a9cae4; border-bottom:0;}
.time {text-align: right;}
.share {text-align: center; float:left;/*width:40%*/; margin-bottom:2em;}
.author {text-align: left; float:left;width:70%;}
.author a {text-decoration: none; display: block;}
.author a:hover .author-name { text-decoration: none; /*color: #7baed5; */}
.author h4 {/*float:left;*/}
.author-photo { /* padding: .25em; */
background: #fff;
/* border: 1px solid #eee; */
border-radius: 5em;
display: block;
float: left;
margin-right: .75em;}
.author-photo img {border-radius: 5em;}
.author-photo {/*float:left;*/}
.author-name {
font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
font-weight: normal;
display: block;
font-size: 1em;
}
.author-title {
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
font-style: normal;
display: block;
font-size: .75em;
/*line-height: 1.25;*/
}
.author-link {
border-bottom: 2px solid #ddd;
text-decoration: none;
font-weight: normal;
font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
color: #0b406b;
font-size: .60em;
}
a:hover .author-link {
border-bottom: 2px solid #7baed5;
/*color: #7baed5;*/}
.callout {}
/*Bio*/
.bio-primary {width:25%; float: left;}
.bio-primary h3 {margin-bottom:0;}
.bio-secondary {width:75%; float:right; text-align: left;}
.bio-secondary p {margin-top: 0;}
.bio {background:url("/wp-content/themes/LawleyInsurance/images/paper.png") #f1f1f1; text-align: center;}
.bio .container {/*width: 60%;*/}
.bio-photo {display: block; margin-bottom: .25em;}
.bio-photo img {border-radius: 8em; background-clip: padding-box;}
.bio a {}
.bio a:hover {}
.bio a:hover .bio-name {color: #7baed5;}
a:hover .bio-name {color: #7baed5;}
/* .bio-photo .bio-name:hover {}
.bio-photo .bio-photo:hover .bio-name{color: #7baed5;}*/
.bio-name {font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
font-weight: normal;}
.bio-title {font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
display: block;
font-size: .75em;
font-style: normal;}
.bio-designations { font-size: .35em;
margin-left: .5em;}
.bio.featured {}
.bio.bio-author {}
.bio.bio-widget {padding:2em; margin-bottom: 1em;}
.bio.bio-search-item {}
.bio.archive-item {text-align: left; padding:2em;}
.bio.archive-item .bio-photo {float:left; margin-right: .5em;}
.bio.archive-item img {width: auto; margin-right:0;}
/*
.bio {background:url("/wp-content/themes/LawleyInsurance/images/debut_light.png") #f1f1f1; text-align: left;}
.bio h3 {}
.bio h3 a {text-decoration: none;}
.bio h3 a:hover .bio-name {text-decoration: none; color: #7baed5;}
.bio .container { margin:0 auto;}
.bio-photo-wrap {float: left;
width: 100%;
text-align: center;}
.bio-photo {
border-radius: 5em;
display: block;}
.bio-photo img {border-radius: 5em;}
.bio-photo {}
.bio-info {float:left; width:100%; text-align: center;}
.bio-actions {width: 100%; float:left; text-align: center;}
*/
.bio-content { float: left;
width: 66%;
padding-right: 2em;}
.bio-sidebar { float: right;
width: 33%;
}
.bio-about { background: #7baed5;
text-align: center;
padding: 2em 0;}
.bio-about p {font-size: 1.75em;color: #0b406b;}
.bio-single h1 {text-shadow: none; color:#0b406b;}
/*Video*/
.video .container {
z-index: 999999;
position: relative;
width:60%;
}
.video .container-full {
width:auto !important;
}
.video .intro-paragraph {}
.video .btn-secondary {color: #fff;}
.video h2 {color: #fff;}
.video p {color: #fff;/*font-size: 1.5em; margin-bottom: 2em !important;*/}
/*Home*/
.home-header {padding: 4em 0 !important;}
.home-header h1 {
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
/*width: 75%;
margin: 0 auto .5em;*/
margin-bottom: .25em;
}
/*Post*/
.post .featured {/*padding:4em 0;*/}
.post-content h1 {
/*margin-top: .5em;
display: block;
float: none;
background: rgba(11, 64, 107, 0.75);
color: #fff;
display: inline;
line-height: 1.15;*/
line-height:1;
}
/*.post-content p:first-of-type {font-size: 1.5em;}*/
.post h2 {
/*font-family:'mreavessanri', Arial, Helvetica, sans-serif;
border-bottom: 1px solid #f1f1f1;
padding-bottom: .5em;*/
}
.post-content p {
/* font-size: 1.35em;
margin-bottom: 1.5em;
line-height: 1.35em;*/
font-size:1.125em;
}
.post-content li {
font-size: 1.125em;
}
.post-content ul li {
font-size: 1.125em;
}
.post-content h2, .post h3 {
/*font-size:2.5em;*/
}
.post-header {
background: #f1f1f1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* padding:4em 0;*/
}
.post-meta {
float: left;
width: 100%;
border-bottom: 1px solid #eee;
/* padding-bottom: 1em;*/
margin-bottom: 2em;
}
.post-content .attachment-medium,.careers-content .attachment-medium, .case-study-content .attachment-medium {float:right; margin-left:1em;}
.post-content {float:left; width:66%; padding-right:2em;}
.post-sidebar {float:right; width:33%;}
.post-footer {/*padding:1em 0;*/ font-size:.80em;}
.action {background: #7baed5; padding:2em; text-align: center; margin-bottom:2em;
}
.post .action, .index .action { background: url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter-plane.png) -40px 180px no-repeat #7baed5;
background-size: contain;
padding-bottom: 8em;}
.action a {/*color: #fff;*/}
.action h3, .action h4 {
/*color: #fff;
font-style: normal;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif !important;*/}
.action p {}
.action a.btn {border-color: #fff;}
.action a.btn:hover {border-color: #cadfee;}
/*Page*/
.page-archive {}
.page-archive h2 {text-align: left !important;}
.page .featured {padding:2em 0;}
.page-header {
/*background: #f1f1f1;*/
background: #ccc;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* background: #f1f1f1;
background-position: fixed;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;*/
}
/*.page h1 {
margin-top: .5em;
display: block;
float: none;
background: rgba(11, 64, 107, 0.85);
color: #fff;
display: inline;
line-height: 1.15;
text-transform: uppercase;
}*/
.page-title{
margin: 0em auto;
text-align: center;
}
.page-content {
margin: 0 auto;
text-align: left;
width: 75%;
}
.page-content p {
/*font-size: 1.5em;*/
}
.page-body ul li { font-size: 1.125em !important;}
.page-body ul li li {
}
.page-body li li, .page-body li li li {
font-size: inherit !important;
}
.page-sidebar {/*float:right; width:33%;*/}
.page-body .container {/*width:60%;*/ text-align: left;}
.page-body .container h2 {text-align: center;}
.page .quote {
/* width: 100%;
float: none;
text-align: center;*/
}
.page .quote h3 { /*margin-top: 1em;
border-top: 4px solid #7baed5;
padding-top: 1em;*/
}
.page .quote-text {
/* width: 75%;
float: none;
margin:0 auto;*/
}
.page .video {
background-color: #0b406b;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
position: relative;
}
.page .video::after {
content: "";
background: linear-gradient(to bottom right,rgba(11, 64, 107, 0.99),rgba(11, 64, 107, 0.85), rgba(11, 64, 107, 0.99));
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999;
}
/*Archive*/
.archive-item {
border-bottom: 1px solid #e9e9e9; margin-bottom: 2em; padding-bottom:1em;
text-align: left;
}
.archive-item a {text-decoration: none;}
.archive-item a:hover h3 {color: #7baed5;}
.archive-item h3 a:hover {color: #7baed5;}
.archive-item a:hover .bio-name {color: #7baed5;}
.archive-item img {float:left; margin-right:1em; width:25%;}
.archive-content {
width: 62%;
float:left;
}
.archive-sidebar {
width: 33%;
float:right;
}
/*Careers*/
.careers-content {float:left; width:66%; padding-right:2em;}
.careers-sidebar {float:right; width:33%;}
.careers-list .archive-item {
margin-bottom:1em;
}
.careers-list .archive-item h3 {
margin-bottom: .25em;
}
.careers-list .archive-item p {
font-size: 1em;
margin: 0;
}
/*RFP*/
.rfp-content {float:left; width:66%; padding-right:2em;}
.rfp-sidebar {float:right; width:33%;}
/*FAQ*/
.faq-content {float:left; width:66%; padding-right:2em;}
.faq-sidebar {float:right; width:33%;}
/*Landing*/
.landing-content {float:left; width:66%; padding-right:2em;}
.landing-sidebar {float:right; width:33%;}
/*Follow*/
.follow-content {float:left; width:66%; padding-right:2em;}
.follow-sidebar {float:right; width:33%;}
.follow .newsletters.cta {
padding:4em;
background: url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter-plane.png) 116% 30% no-repeat/*, url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter.png) 0% 75% no-repeat,*/ #7baed5;
background-size: 60% !important;
}
/*Error 404*/
.error .featured h1 {color:#0b406b; text-shadow: initial;}
/*Locations*/
.locations-menu-wrap {
width: 20%;
float: left;
margin-right:2em;
}
.locations-menu {
/*width: 20%;*/
}
.locations-menu ul {list-style-type:none; padding:0; margin:0;
display: block;
float: left;
border: 1px solid #e9e9e9;
border-radius: 3px;}
.locations-menu a {
padding: 1em;
background: #fff;
/* margin-right: 1em; */
/* margin-bottom: 1em; */
border-radius: 3px;
/* border: 2px solid #7baed5; */
display: block;
text-decoration: none;
/*font-size: 1.25em;*/
text-transform: uppercase;
line-height: 1;
/* min-height: 5em; */
}
.locations-menu a:hover {color: #7baed5;background: #f9f9f9;}
.locations-menu .current_page_item a {background: #f9f9f9;}
.locations-menu li {
float: none;
width: 100%;
border-bottom: 1px solid #e9e9e9;
border-right: 0;
display: block;
float: left;
}
.locations-content {
width: 38%;
float:left;
}
.locations-content-full {
width: 74%;
float:right;
}
.locations-sidebar {
width: 38%;
float:right;
}
.locations-sidebar .bio-headshot img {
border-radius:5em;
}
.locations-sidebar .bio {padding:1em;}
.locations-sidebar .bio-headshot {
padding: 0 !important;
background: none !important;
border: 0 none !important;
}
.locations-sidebar .bio h3 a {
color: #0b406b !important;
}
.locations-sidebar .bio h3 a:hover {
color: #7baed5 !important;
text-decoration: none !important;
}
.page .video .container {
z-index: 999999;
position: relative;
/*width:60%;*/
}
/*Case Study*/
.case-study-company {padding:1em; border:1px solid #e9e9e9; border-radius:3px; margin-bottom: 1em}
.case-study-content {
width: 62%;
float:left;
}
.case-study-sidebar {
width: 33%;
float:right;
}
.case-study-stat-wrap {
background:#0b406b;
padding:1em;
margin-bottom: 1em;
}
.case-study-stat {
padding:2em;
background: #0b406b;
border:1px solid #fff;
text-align: center;
}
.case-study-stat h1, .case-study-stat h2, .case-study-stat h3 {
color:#ffffff;
font-size:275%;
margin:0;
}
.case-study-stat p {
color: #7baed5;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif;
margin:0;
font-size: 125%;
}
/*Sections*/
#BannerImg {
position: relative;
text-align: center;
height: 240px;
overflow: hidden;
}
#BannerImg::before {
/*background: rgba(250,250,250,0.5);*/
background: rgba(11,64,107,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999;
}
#BannerImg #Info {
position: absolute;
top: 32%;
background: none;
width: 72%;
text-align: center;
left: 14%;
z-index: 999999999;
}
#BannerImg .img {
min-width: 100%;
-webkit-filter: grayscale(25%);
filter: gray;
filter: grayscale(25%);
filter: url(desaturate.svg#greyscale);
}
#BannerImg h1 {
font-size:3em;
line-height: 1em;
margin-bottom:.75em;
font-style: normal;
font-weight:normal;
font-family: 'mreavessanri', Arial, Helvetica, sans-serif !important;
/*color: #0b406b;*/
color: #fff;
}
.bg-image {text-align: center; position: relative;}
.bg-image h3, .bg-image h4 {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.bg-image a.btn {color: #fff;}
.bg-image .wrap * { position: relative; z-index: 9999999; }
.bg-image:hover .wrap::after {
/*background: rgba(11, 64, 107, 0.50);*/
}
.bg-image .wrap::after {
content: "";
/*background: rgba(11, 64, 107, 0.40);*/
background:rgba(11, 64, 107, 0.65);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 9999;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-ms-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
/*CPT list*/
.cpt-list {}
/*Carriers CPT*/
.cpt-list-carriers {list-style-type: none; padding:0px; margin-bottom:2em; float:left; width:100%;}
.cpt-list-carriers li { /*border-bottom:1px solid #eee;*/ float:left;padding:1em 0;/*width:100%; */margin: 0px;}
/*.cpt-list-carriers li:nth-child(even) { background: #f9f9f9; }*/
.cpt-list-carriers li:hover {/*background: #f9f9f9;*/}
.cpt-list-carriers li a {display: inline-block; /*width:100%; */text-decoration: none;}
.cpt-list-carriers li a:hover {text-decoration: underline;}
.cpt-list-carriers li a:hover .img-wrap {/*border:1px solid #ccc;*/}
.cpt-list-carriers .img-wrap {background: #fff; margin:0 1em;/*border:1px solid #ddd;*/
float:left; text-align: center; width:150px; padding:4px;border-radius: 3px;}
.cpt-list-carriers .img-wrap img {margin:auto;}
.cpt-list-carriers li h4 {line-height:88px; margin-bottom:0px; text-indent:-99999px;}
/*Careers CPT*/
.cpt-list-careers {list-style-type: none; padding:0px; float:left; width:100%; margin-bottom: 0;}
.cpt-list-careers li { border-bottom:1px solid #ddd; width:100%; float:left;padding:1em 0;/*width:100%; */margin: 0px;}
.cpt-list-careers h3 {margin-bottom:0;}
.cpt-list-careers .attr {margin: .5em 0 0; font-size: 1em;}
/*.cpt-list-careers li:nth-child(even) { background: #f9f9f9; }*/
.cpt-list-careers li:hover {background: #f9f9f9;}
.cpt-list-careers li a {display: inline-block; /*width:100%; */text-decoration: none;}
.cpt-list-careers li a:hover {color: #7baed5;}
/*Bio CPT*/
.bio-single {
}
.bio-single .featured .section {
}
/**
*
* Plugins & Third Party Styles
*
**/
/*Wistia*/
.wistia_popover_embed {
z-index: 999999 !important;
}
/*Swiper*/
.swiper-container {
/* width: 1000px;*/
/*height: 460px;*/
/*background: #f1f1f1;*/
}
.swiper-slide {text-align: center;}
.swiper-container-horizontal>.swiper-pagination-bullets { /* bottom:40px !important;*/}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
width: 10px !important;
height: 10px !important;
background: #7baed5 !important;
}
.swiper-button-next {right:50px !important;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237baed5'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-prev {left:50px !important;
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237baed5'%2F%3E%3C%2Fsvg%3E") !important;}
/* Tribe Events Plugin */
#tribe-events-pg-template, .tribe-events-pg-template {
margin-top:98px;
}
/*Sticky*/
.sticky {
}
.sticky.stuck {
position: fixed;
top:94px;
width: 33.33333%;
max-width: calc(1144px/3);
bottom: auto;
}
.faq-page h2:before {
display: block;
content: " ";
margin-top: -90px;
height: 90px;
visibility: hidden;
}
/*FAQ*/
.faq:target {background: #a9cae4;}
.faq-footer { float: left;
width: 100%;
text-align: center;}
.faq .faq-answer {
display: none;
background: #7baed5;
display: block;
padding: 2em;
border-radius: 3px;
margin-top: 1em;
line-height: 1.25;
}
.faq .faq-answer p {margin: 0;}
/*UI*/
.pagination {margin-bottom:1em;}
.pagination.more a {
display:inline-block;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-size:1.25em;
height: 64px;
line-height: 64px;
padding: 0 22px;
border:2px solid #7baed5;
font-style: normal;
width: 100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 3px;
}
.stack-menu {list-style-type:none; padding:0; margin:0;
display: block;
float: left;
border: 1px solid #e9e9e9;
border-radius: 3px;
margin-bottom:2em;
}
.stack-menu a {
padding: 1em;
background: #fff;
/* margin-bottom: 1em; */
border-radius: 3px;
/* border: 2px solid #7baed5; */
display: block;
text-decoration: none;
/*font-size: 1.25em;*/
text-transform: uppercase;
line-height: 1;
/* min-height: 5em; */
}
.stack-menu a:hover {color: #7baed5; background: #f9f9f9;}
.stack-menu img {margin-right:.25em;}
.stack-menu li {
float: none;
width: 100%;
border-bottom: 1px solid #e9e9e9;
border-right: 0;
display: block;
float: left;
}
.pagination.more a:hover {
background: #a9cae4;
color: #fff;
border: 2px solid #7baed5;
}
.pagination .left {float:left; text-align: left; width: 50%;}
.pagination .right {float:right; text-align:right; width:50%;}
/*Content Blocks*/
.content-blocks{ border-top:1px solid #e9e9e9;}
.content-blocks h2 { text-align: center;}
.content-blocks img {max-width: 100%;}
.content-blocks .container {/*width:60%;*/}
.content-blocks .col-1 { /*width: 75%;*/ text-align: center;}
.content-blocks .col-1 p { /*font-size: 1.5em;*/
/*width: 75%;*/
margin: 0 auto;
/* line-height: 1; */
margin-bottom: 1em !important;}
.content-blocks .col-2{
width: 50%;
float: left;
padding:1em;
}
.content-blocks .col-3{
width: 33%;
float: left;
/*text-align: center;*/
padding:1em;
}
.content-blocks img {max-width:100%;}
.bg-light-blue {background: #7baed5;border-top: 0 none;}
.bg-light-blue h1, .bg-light-blue h2, .bg-light-blue h3, .bg-light-blue h4 {color:#fff;}
.bg-light-blue h1 a, .bg-light-blue h2 a, .bg-light-blue h3 a, .bg-light-blue h4 a {
color:#fff;
font-weight: normal;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
}
.content-blocks h1 a, .content-blocks h2 a, .content-blocks h3 a, .content-blocks h4 a {
font-weight: normal;
font-family: 'mreavessanr', Arial, Helvetica, sans-serif;
}
.bg-light-blue h1 a:hover, .bg-light-blue h2 a:hover, .bg-light-blue h3 a:hover, .bg-light-blue h4 a:hover {color: #0b406b;}
.bg-light-blue a.btn-secondary {border-color: #fff;}
.bg-light-blue a.btn-secondary:hover {
background: #a9cae4;
border: 2px solid #a9cae4;
}
.bg-dark-blue {background: #0b406b;border-top: 0 none;}
.bg-dark-blue h1, .bg-dark-blue h2, .bg-dark-blue h3, .bg-dark-blue h4 {color:#7baed5;}
.bg-dark-blue p {color:#fff;}
.bg-dark-blue a.btn-secondary {color: #fff;}
.bg-dark-blue a.btn-secondary:hover {
background: #a9cae4;
border: 2px solid #cadfee;
}
.bg-light-gray {background: #f1f1f1;}
.bg-dark-gray {background: #ccc;}
.bg-light-texture {background: url(/wp-content/themes/LawleyInsurance/images/paper.png) #f1f1f1;}
.bg-pattern-dark-blue {}
.bg-pattern-light-blue {}
.video-block { width:62%; float:left;}
.video-text-block { width:33%; float:right;}
/*Taxonomy Filters*/
.beautiful-taxonomy-filters-tax.filter-count-4 {
width: 25%;
float: left;
display: block;
}
.select2-container{width: 95% !important;}
.beautiful-taxonomy-filters {padding:1em; border-radius:3px; border:2px solid #e9e9e9;}
.beautiful-taxonomy-filters-button {
margin-top: 2em;
height: 52px;
line-height: 52px;
border-radius: 3em;
display: inline-block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 1em;
/* height: 64px; */
/* line-height: 64px; */
padding: 0 22px;
border: 2px solid #7baed5;
font-style: normal;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background: #fff;
font-family: 'mreavessanb', Arial, Helvetica, sans-serif;
}
.beautiful-taxonomy-filters-button:hover { background: #a9cae4;
color: #fff;
border: 2px solid #7baed5;
text-decoration: none;
cursor: pointer;
}
/*Custom Related Posts*/
.crp_related img{
max-width: 18% !important;
float: left;
margin-right: 1em;
margin-bottom: 0em;
}
.crp_related a {font-size: inherit !important;}
.crp_related a:hover, .crp_related a:hover img {
text-decoration: none !important;
}
/*
* Responsive
*/
@media only screen and (max-width: 1150px) {
.header .section-menu {
display: none;
}
.header .section {
width: auto;
}
.nav {
width: 75%;
}
}
@media only screen and (max-width: 750px) {
html {
font-size: 14px;
line-height: 1.5;
}
.beautiful-taxonomy-filters-tax.filter-count-4 {
width: 100%;
float: left;
display: block;
}
.responsive {padding:2em 0;}
.responsive .container {padding: 0px 17px}
.responsive-full .container {padding:2em !important;}
.responsive hr {margin-bottom:1em;}
/* h1 {font-size:2.5em;}
h2 {font-size: 2em;}
h3 {font-size:2em;}
h4 {font-size: ;}*/
/* h1 {
font-size: 3em;
}
.home-header h1 {
font-size: 3.75em;
line-height: .9em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.5em;
}*/
/*p {font-size:1.1em; margin-bottom:.5em;}*/
p.intro-paragraph {
/*font-size: 1.3em;*/
/* line-height: 1; */
font-size: 1.25em;
line-height: 1.5em;
margin-bottom: .75em !important;
width: auto;
}
blockquote p {width: 100%;}
a.btn {
/*font-size: 1em;*/
/*height: 52px;
line-height: 52px;*/
padding: 0 12px;
height: 36px;
line-height: 36px;
}
.featured a.btn-primary, .featured a.btn-secondary { /* width: 100%; */
margin-right: 0;
margin-top: 0em;
height: 52px !important;
line-height: 52px;
margin-bottom: .5em;
}
a.btn-primary, a.btn-secondary {margin-top: .5em;}
.featured p {/*font-size:1.25em;*/}
.header a.button-secondary {padding:.5em;}
a.icon-ui-button .icon-ui-menu-text {display: none;}
/*UI*/
#Content, .featured {
margin-top: 67px;
}
.header.responsive, .header.smaller {padding:.5em 0;}
.header .logo {/*width: 100%; height: auto; text-align: center; */
height: 52px;
width: 116px;
padding: 5px;
line-height: 42px;
}
.header.smaller .logo {
width: 116px;
line-height: 42px;
}
.header .logo-img {width:106px;}
.header .header-links {width: 100%;/* float:left;*/}
.header .button-header-menu-text {display: none;}
.header .button-header-menu {
height: 50px;
width: 50px;}
.header .section-menu {float:right; margin-left:.5em;}
.cta .container {width: auto;}
.list.services li {float: none; width: 100%; border-bottom: 1px solid #e9e9e9; border-right: 0;}
.list.services a { margin-right: 0; }
.menu-links {display: none;}
.btn-menu .text {display: none;}
.btn-menu .icon {margin-right:0 !important;}
.menu-links {display: none}
.menu-icons {display: none;}
.header .logo-wrap {float:left;}
.header .responsive-wrap {
padding: .25em;
}
a.btn-menu
{ display: block;
height: 52px !important;
line-height: 52px;
}
a.btn-menu .text {display: none;
}
.nav {width: 100%; padding:0;/*right:-100%;*/ /*padding-top: 4em;*/}
.nav-header {width: 75%;}
.nav-footer {width: 100%;}
.nav.open{
width: 100%;
/*left:0%;*/
}
.nav ul.nav-top {margin-bottom:1em;}
.nav ul.nav-top a {padding: 0 12px;
height: 36px !important;
line-height: 36px;}
.nav ul.nav-primary ul.sub-menu {display: none; /*padding-left:.75em;*/}
.nav .menu {/*display: none;*/}
.nav .menu.open {display: block !important;}
.nav ul.nav-primary {width:100%; margin-bottom:1em; padding-bottom: .25em;}
.nav ul.nav-primary li {width: 100%; }
.nav ul.nav-primary > li {padding:0; border-right:0 none;}
.nav ul.nav-primary li a {/*font-size:1.25em;*/ text-align: left; margin-bottom: 0;padding: 0 17px;}
.nav ul.nav-primary > li > a {border:0 none; /* padding:.75em 20px;*/ font-size: 1.5em;}
.nav ul.nav-primary > li > span {
height: 52px;
width: 52px;
line-height: 2.531em;
border-color: #fff;
right: 17px;
}
.search input[type=search] , .search #SearchBtn {
height: 52px;
line-height: 52px
}
.btn-menu.open {
height: 52px;
line-height: 52px;
}
.nav ul.nav-primary ul.sub-menu a {
/*height: 36px;*/
}
.header.smaller .nav ul.nav-primary ul.sub-menu a {
font-size: 1.25em;
/*line-height: 36px;*/
/*padding: 0;*/
/*height: 36px;*/
padding: 0px 17px;
}
.header.smaller a {
height: auto;
}
.quick-main a {
padding: 0 12px;
height: 36px;
line-height: 36px;
}
/*.nav ul.nav-primary li a::after{
content: "↓";
float: right;
font-size: 1em;
line-height: .5em;
color: #ccc;
background: #f1f1f1;
height: 24px;
width: 31px;
text-align: center;
border-radius: 8px;
}*/
.nav ul.nav-primary li li a::after {
content: "";
}
.nav ul.nav-primary ul.sub-menu {
/*position: static;
visibility: visible;
display: none;
position: static;
visibility: visible;
padding: 0;*/
}
.nav ul.nav-primary ul.sub-menu li {
width: 100%;
/*border-bottom:1px solid #ddd;*/
}
.nav ul.nav-primary ul.sub-menu li a {
width: 100%;
font-size: 1.25em;
}
.nav-header {
padding: .5em 17px !important;
}
a.btn-menu i {
font-size: 1.668;
}
.header .section {width:auto;}
.header .contact {float:right;}
a.btn-contact {margin-left:0;
height: 52px !important;
line-height: 52px;
}
.menu-icons-wrap {display: none;}
.menu-icons a.icon-search, .menu-icons a.icon-locations, .menu-icons a.icon-resources {height:48px;}
.search-nav {display: block;}
a.icon-ui-menu {
/*margin-top: .5em;*/
display: block !important;
float: left;
/*width: 100%;
padding-left: 2em;*/
text-align: center;
text-transform: uppercase;
color: #fff;
text-decoration: none;
/*font-size: 2em;*/
line-height: 1.50em;
text-align: center;
}
.links-icons {/*display: none;*/}
.header ul.menu-header {margin-top:0;}
.links-buttons a.open {background: #fff;}
.header-links {/*width:100%;*/}
.header .links-buttons {display: none;}
.links-buttons.open {display: block !important;}
.header .links-buttons {margin-right: 0; }
.links-icons {/*background: #fff; width:100%;*/}
.links-buttons {float:right;
width: 100%;
display: inline-block;
background: #fff;
padding:1em;
}
.links-buttons a {background: #7baed5;}
.links-icons {float: none !important;}
.header .links-header {}
a.icon-ui-search {
height:64px; width:64px; margin-top:0px;
}
a.featured-contact { padding:.75em;}
.featured-contact a {width:45px;}
.search-wrap input[type=search] {
width: 77%
}
.why { background-position: 33% center;}
.why img {
max-width: 33%;
}
/*Col*/
.why .col {
width: auto;
margin-bottom:1em;
}
/*Typography*/
/*Featured*/
.featured h2, .featured h2 a {/*font-size: 1.75em;*/}
.featured h2 a {}
.featured-conten-wrap {}
.featured-img {float: none; margin:0; padding: 0;}
#BannerImg #Info {
position: absolute;
top: 32%;
}
#BannerImg h1 {
/*font-size: 2em*/
}
/*Swiper*/
/* .swiper-container {
width: 100%;
}*/
.featured-content-wrap{
top:6%;
width: 100%;
position: static;
margin-bottom: 2em;
}
.list-pages-parent li {width:100%;}
/*Help*/
.quick .menu-quick li {width:50%;margin-bottom: 1em;}
.quick::before { left:30%; display: none;}
/*Difference*/
.difference .container { padding:2em 0; }
.difference .cta {
width: 100%;
margin-top: 0;
margin-bottom: 0;
float: none;
}
.difference .list {
width: 100%;
float: none;
padding:2em 0;
}
.difference .list h2 {
line-height: 1;
}
.difference .list i {
width: 45%;
}
.why .why-box {width:100%; text-align: left}
.why .why-box img {
float: left;
width: 30%;
margin-right: .5em;
margin-bottom: 3em;
}
.list-why li {
width:100%;
}
.about {padding-bottom:2em;}
.about img.img2 { /* position: initial;
margin-bottom: -8em;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 60%;*/
}
.about .container {width:100%;}
.quick .menu-quick li {margin-bottom:0;}
.quick .menu-quick li a {padding: .75em;}
/*Services*/
ul.menu-services li {float:none; width: 100%; padding: 1em; width: auto;
margin: 0 0 1em;}
ul.menu-services img {margin-bottom: .5em;}
/* .services-image {float:none; width: 100%;}
.services-content {float: none; width: 100%; text-align: center;}
.services-content h1 {float:none; text-align: center;}
.services .section {padding: 1em; width:100%;margin-bottom:1em; margin-right:0;}
.services p {
width: 100%;
}*/
.news .news-box { float:left; width:100%; }
.news .newsletter-box {float:left; width:100%;}
.news-featured {
width:100%; float:left;
padding-right:0;
margin-right:0;
border-right:0 none;
margin-bottom:1em;
border-bottom:1px solid #f1f1f1;
padding:2em;
}
.news-featured img {width: 100%;}
.news-list {width:100%; float:left;}
.news-list img {width: 25%;}
.list-news img {
width: auto;
float: left;
margin-right: .5em;
margin-bottom: .5em;
}
.list-news .list-news-img {
max-width: 33%;
float: left;
margin-right: 1em;
height: 59px;
}
.list-news .primary-img {
}
.list-news li {
width: 100%;
padding: 0 0 1em;
margin-bottom: 1em;
border-bottom: 1px solid #eee;}
.list-news-bio {
display: none;
}
.list-news h3 {
margin-bottom: 0;
}
.newsletters {
padding-bottom: 12em !important;
background: url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter-plane.png) 78% -43% no-repeat #7baed5 !important;
/* background-size: 100% 100% !important; */
}
.cta.container {width: auto;}
.newsletters .responsive-wrap {width:auto;}
.newsletters p {
}
.newsletters.cta h2 {width: auto; margin: 0 auto .75em;}
.quote .container {width:auto; }
.quote .quote-text {
width: auto;
float: none;
text-align: center;
}
.quote img {
position: static;
display: block;
float: none;
max-width: 78%;
margin-bottom: -2em;
margin: 0 auto -2em;
}
.services .section {/*padding:2em 1em;*/ padding:0; padding-bottom:2em;}
.resources .section {width:auto; float:none;}
.quote h1 {/*font-size:2em;*/}
.list.faq li {width: auto; float: left; display: block; width:100%; padding:1em 0; d}
.resources .links, .resources .case-study { width:100%; float:none; }
.community {text-align: center;}
.community .section { float:none; width: 100%; margin-bottom:2em; }
.video .container { width:auto;}
/*Footer*/
.footer .section {width: auto;float: none; text-align: center;}
.footer .section.locations { width: 100%;}
.list-locations li {width: 32%;}
.list-locations li a {padding:.5em 0;}
/*Action*/
.action {padding: 1em;margin-bottom: 1em;}
/*Home*/
.home-header {padding: 2em 0 !important;
background-position: 70% center;}
/*Article*/
.article-bg {
height:100px;
}
a.btn-jump-featured {
display: none;
}
a.btn-jump {
right: 0;
width: 36px;
}
/*Page*/
.page .content {float:none; width:100%;}
.page .aside {float:none; width:100%;}
.page .featured {padding:2em 0;}
ul.menu-featured-links li {display:inline-block; }
.cta {text-align: center;}
/*Index*/
.date .right, .breadcrumbs .left {float:none; width:100%;}
.post-content .attachment-medium,.careers-content .attachment-medium, .case-study-content .attachment-medium {
max-width: 100%;
margin-left: 0;
float: none;
margin: 0 auto 1em;}
/*Post*/
.post-title{
width: 100%;
text-align: center;
}
.post h1, .page h1 {display: block; line-height: .9em;}
.post h1 {/*font-size:2.5em;*/}
.post-content, .page-content, .archive-content {width:100%; float:none;padding-right: 0;}
.post-sidebar, .page-sidebar, .archive-sidebar {width:100%; float:none;}
.post-content ul li {
/*font-size: 1.25em;*/
}
.post .related {
display: none;
}
/*Bio*/
.bio .container {width:100%;}
.bio.bio-widget {padding: 1em;}
.bio-designations{
line-height: 1em;
display: block;
}
.bio.archive-item {
text-align: center;
padding: 1em;
}
.bio.archive-item .bio-photo {float:none; margin-right:0;}
.bio.archive-item img {float: none;}
.bio-content, .bio-sidebar {width: auto; margin: 0}
.share .ssba > div {text-align: center;}
.author {width:100%;}
/*Locations*/
.locations-menu,
.locations-content,
.locations-menu-wrap,
.locations-sidebar { width:100%; float:none; }
/*Careers*/
.careers-content,
.careers-sidebar {width:100%; float:none;padding-right: 0;}
/*RFP*/
.rfp-content,
.rfp-sidebar {width:100%; float:none;padding-right: 0;}
/*FAQ*/
.faq-content,
.faq-sidebar {width:100%; float:none;padding-right: 0;}
/*Follow*/
.follow-content,
.follow-sidebar {width:100%; float:none;padding-right: 0;}
/*Landing*/
.landing-content,
.landing-sidebar {width:100%; float:none;padding-right: 0;}
.follow .newsletters.cta {
padding: 4em;
background: url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter-plane.png) 116% 30% no-repeat, url(/wp-content/themes/LawleyInsurance/images/template/lawley-bg-risk-newsletter.png) 0% 75% no-repeat, #7baed5;
background-size: 60% !important;
padding: 2em 2em 5em !important;
}
/*Case Study*/
.case-study-content,
.case-study-sidebar {width:100%; float:none;padding-right: 0;}
/*UI*/
.pagination.left, .pagination.right {}
.content-blocks .col-2, .content-blocks .col-3, .video-block, .video-text-block{
width: auto;
float: none;
padding:1em;
}
.sticky.stuck {
position: static;
width: inherit;
}
/*Slider*/
.slider .slider-text { width: auto;
float: none;
margin-bottom: 1em;}
.slider .slider-img { width: auto;
float: none;
margin-bottom: 1em;
}
.swiper-button-prev {left:4% !important;}
.swiper-button-next {
right:4% !important;
}
.home-page ul.menu-services li {
width: auto;
margin:0 0 1em;
}
/* Archive */
.archive-item img {width: 50%;}
/* Footer */
.social li {width:46%;}
/* Topics */
.topics .topics-heading, .topics .topics-categories {
float: none;
width: auto;
}
/* Education */
.education .section {
float: none;
width: 100%;
margin-bottom: 2em;
}
.list-101-img {
height: 202px;
}
}
/*@media only screen and (max-width: 24em) {
.responsive-wrap {width: auto; margin: 0; padding:1em;}
}
@media screen and (min-width: 320px) and (max-width: 640px) {
.header-text {
background-color: blue;
}
}
*/
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}