/* Theme Name:BPL Framework Dear Person that steals websites, Many hours of work have gone into this, most unpaid. I built this as a labour of love to make the sites for my clients better. By stealing my work, you're only bringing a bad reputation on yourself and eventually you'll be found out. You probably don't even care, but do know that there are many methods available to de-index a site that has been stolen or ripped off. Put in the effort and build something original. You'll end up getting paid better and keeping your job for much longer. */ @font-face{font-family:"Genericons"; font-display:swap; src:url("../fonts/Genericons.eot"); src:url("../fonts/Genericons.eot?") format("embedded-opentype"), url("../fonts/Genericons.ttf") format("truetype"), url("../fonts/Genericons.svg#Genericons") format("svg"); font-weight:normal; font-style:normal;} @media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family:"Genericons"; font-display:swap; src:url("../fonts/Genericons.svg#Genericons") format("svg");}} /* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,600;0,900;1,600;1,900&display=swap'); */ /* GLOBALS ---------------------------------------------------------------------------------------------------------------------------------------- */ html, body {height:100vh;} body {padding-top:0px; padding-bottom:40px; font-family:'Lato', sans-serif!important; font-style:normal; font-weight:400; color:#333; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden;} body,html {min-width:380px;} body a {color:#088396; text-decoration:none; background-color:transparent;} body a:visited {color:#088396;} body a:hover, a:focus {color:#333; text-decoration:underline;} .row {margin:0!important;} .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1, h2, h3, h4, h5, h6 {font-family:'Raleway', sans-serif!important; font-weight:600!important; font-style:normal; margin:0 0 20px 0;} .h1-txt, h1 {font-size:36px!important; line-height:48px!important;} .h2-txt, h2 {font-size:24px!important; line-height:38px!important;} .h3-txt, h3 {font-size:20px!important; line-height:1.3!important;} .h4-txt, h4 {font-size:18px!important; line-height:1.5!important;} .h5-txt, h5 {font-size:18px!important; line-height:1.5!important;} .h6-txt, h6 {font-size:18px!important; line-height:1.5!important;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {color:#555!important;} .h1-txt .txt-thin, .h2-txt .txt-thin, .h3-txt .txt-thin, .h4-txt .txt-thin, .h5-txt .txt-thin, .h6-txt .txt-thin, h1 .txt-thin, h2 .txt-thin, h3 .txt-thin, h4 .txt-thin, h5 .txt-thin, h6 .txt-thin {font-family:'Raleway', sans-serif!important;} .h1-txt:first-child, .h2-txt:first-child, .h3-txt:first-child, .h4-txt:first-child, .h5-txt:first-child, .h6-txt:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;} .h1-txt em, .h2-txt em, .h3-txt em, .h4-txt em, .h5-txt em, .h6-txt em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-style:italic;} .h1-txt strong, .h2-txt strong, .h3-txt strong, .h4-txt strong, .h5-txt strong, .h6-txt strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:700;} .h1-txt strong em, .h1-txt em strong, .h2-txt strong em, .h2-txt em strong, .h3-txt strong em, .h3-txt em strong, .h4-txt strong em, .h4-txt em strong, .h5-txt strong em, .h5-txt em strong, .h6-txt strong em, .h6-txt em strong, h1 strong em, h1 em strong, h2 strong em, h2 em strong, h3 strong em, h3 em strong, h4 strong em, h4 em strong, h5 strong em, h5 em strong, h6 strong em, h6 em strong {font-weight:700; font-style:italic;} .page {font-size:18px; color:#333;} .page ul, .page ol, .page p {line-height:32px;} .page ul, .page ol {margin:1.5em 0 2em 0;} .page p {margin:.5em 0 1.5em 0;} .page #main div[role=main] article div p:first-child + h1, .page #main div[role=main] article div p:first-child + h2, .page #main div[role=main] article div p:first-child + h3, .page #main div[role=main] article div p:first-child + h4, .page #main div[role=main] article div p:first-child + h5, .page #main div[role=main] article div p:first-child + h6 {margin-top:-.5em;} .content-column {position:relative; padding:0 1em 0 0!important; margin:0!important;} .content-column + p, .content-column + ul, .content-column + ol, .content-column + h1, .content-column + h2, .content-column + h3, .content-column + h4, .content-column + h5, .content-column + h6 .content-column + img, .content-column + table {clear:left; margin-top:1em!important;} .content-column > h1, .content-column > h2, .content-column > h3, .content-column > h4, .content-column > h5, .content-column > h6 {margin-top:15px!important;} b, strong {font-weight:700;} dfn, cite, em, i {font-style:italic;} b em, em b, strong em, em strong, b i, i b, strong i, i strong, b dfn, dfn b, strong dfn, dfn strong, b cite, cite b, strong cite, cite strong {font-weight:700; font-style:italic;} sup, sub {font-size:75%; height:0; line-height:0; position:relative; vertical-align:baseline;} sup {bottom:1ex;} sub {top:.5ex;} .page small {display:inline-block; font-size:75%!important; line-height:1.8!important} big {font-size:125%;} address {font-size:90%; color:#666;} code, kbd, tt, var, samp, pre {font-family:Inconsolata, monospace; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none;} pre {background-color:transparent; background-color:rgba(0, 0, 0, 0.01); border:1px solid #eaeaea; border:1px solid rgba(51, 51, 51, 0.1); line-height:1.2; margin-bottom:1.6em; max-width:100%; overflow:auto; padding:0.8em; white-space:pre; white-space:pre-wrap; word-wrap:break-word;} abbr[title] {border-bottom:1px dotted #777; cursor:help;} mark, ins {background-color:#FFC; text-decoration:none;} blockquote {font-style:italic;} blockquote > p:last-child {margin-bottom:0;} blockquote cite {font-style:normal;} hr {display:block; clear:both; width:100%; border-bottom:1px solid #EBEBEB; border-top:0; margin:5% 0 2% 0; padding:0;} .txt-spacer {display:inline-block; width:20px; text-align:center; color:#DDD;} .txt-gray, .txt-gray a, .graytext, .graytext a, .grayText, .grayText a {color:#606F78;} .txt-white, .txt-white a, .whitetext, .whitetext a, .whiteText, .whiteText a {color:#FFF;} .txt-green, .txt-green a, .greentext, .greentext a, .greenText, .greenText a {color:#008950;} .txt-red, .txt-red a, .redtext, .redtext a, .redText, .redText a {color:#F00;} .txt-yellow, .txt-yellow a, .yellowtext, .yellowtext a, .yellowText, .yellowText a {color:#FED32E;} .txt-blue, .txt-blue a, .bluetext, .bluetext a, .blueText, .blueText a {color:#088396;} .txt-center, .text-center {text-align:center;} .wp-caption {display:block; color:#707070; font-weight:bold; text-align:center; font-size:12px; line-height:1;} .wp-caption img.img-responsive {width:100%;} .wp-caption.aligncenter {width:100%!important;} .wp-caption img {} .wp-caption figcaption, .wp-caption p {position:relative; padding:5px 10px; margin:0px 5px 15px 5px; line-height:1.5; z-index:2;} .alignleft {display:inline; float:left;} .alignright {display:inline; float:right;} .aligncenter {display:block; margin-right:auto; margin-left:auto;} .bpl_div_img.alignleft, .wp-caption.alignleft, img.alignleft {margin:10px 20px 10px 0; float:left;} .bpl_div_img.alignright, .wp-caption.alignright, img.alignright {margin:10px 0 10px 20px; float:right!important;} .embed-item.aligncenter, .wp-caption.aligncenter, img.aligncenter {float:left; clear:both; margin-top:0.4em; margin-bottom:1.6em;} img.aligncenter {float:none!important; clear:both!important; margin:.4em auto 1.6em auto!important; text-align:center;} .embed-item.alignright, .embed-item.alignright, .coupon.alignleft, .coupon.alignright {display:block; margin-left:0; margin-right:0;} .embed-item.alignleft {float:left;} .embed-item.alignright {float:right!important;} /* This is helpful if you need an image to be outside of a defined element's area. Increase values as needed */ .img-absolute {position:absolute;} .img-relative {position:relative;} .img-responsive {width:100%; height:auto;} /* Ordered List Styling */ .page ol {list-style:none; counter-reset:reasons; padding-left:35px;} .page ol li {counter-increment:reasons; margin:0 0 30px 0; position:relative;} .page ol li:before {position:absolute; width:25px; height:25px; left:-35px; top:5px; content:counters(reasons, '.') ' '; background-color:#008950; color:#FFF; font-weight:bold; text-align:center; border-radius:50%; line-height:25px;} /* HEADER -------------------------------------------------- */ #header {position:relative; height:230px; text-align:center; background:url('../images/bg_header-footer.png') no-repeat center top;} .company-logo {display:inline-block; width:450px; height:120px; margin:30px 0 0 0; text-indent:-999em; background-size:contain!important; background-repeat:no-repeat!important;} /* THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper {position:relative; top:0; right:0; left:0; z-index:9000; margin:0!important;} /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper > .container {padding-right:0; padding-left:0;} .navbar-wrapper .navbar {padding-right:15px; padding-left:15px; background:none; border:none;} .navbar-wrapper .navbar .container {width:auto;} #header .nav-container {position:relative; max-width:1140px; padding:0;} #header .navbar-wrapper {position:absolute; top:170px; width:100%; background:none; height:50px!important; padding:0!important; border-radius:0; text-align:center; z-index:9000;} #header .navbar-wrapper .navbar-collapse {position:relative; margin:0 auto!important; max-width:1140px; height:50px; padding:0; top:0px!important;} #header .navbar-nav {display:inline-block!important; float:none; vertical-align:middle;} #header .navbar-nav > li {padding:0 10px; height:50px;} #header .navbar-nav li a {color:#333;} #header .navbar-nav > li > a {height:50px; color:#FFF; font-size:18px; text-shadow:1px 1px 0px #09704D;} #header .navbar-nav > li > ul > li > a {} #header .nav > li a:hover, #header .nav > li a:focus, #header .nav > li a:active, #header .navbar-nav > .active > a, #header .navbar-nav > .active > a:hover, #header .navbar-nav > .active > a:focus, #header .navbar-nav > .active > a:active {text-decoration:none; background-color:transparent!important;} #header .navbar-nav > li > a {padding-top:0px!important; padding-bottom:0px!important; line-height:51px;} #header .navbar-nav > li {} #header .nav > li > a {position:relative; display:block; padding:10px 13px;} /* Selected Main Menu Items */ #header .navbar-nav > li > ul > li > a:hover, #header .navbar-nav > li.current_page_item > a, #header .navbar-nav > li.current_page_ancestor > a, #header .navbar-nav > li.current-menu-ancestor > a, #header .navbar-nav > li > a:hover, #header .navbar-nav > li:hover > a, #header .navbar-nav > .dropdown.open > a {color:#FFC601!important; background:none;} #header .navbar-nav > li.current_page_item ul > li.active > a, #header .navbar-nav > li.current_page_ancestor ul > li.active > a, #header .navbar-nav > li.current-menu-ancestor ul > li.active > a {color:#FFC601!important; font-weight:bold; background-color:transparent;} #header .navbar-nav > li.menu-item-has-children:hover > a:before {display:block; content:""; position:absolute; top:49px; left:-5px; width:26px; height:12px; background-position:-40px -266px; z-index:9000;} #header .nav > li .caret {position:absolute; top:21px; right:-2px} .nav-social-links {display:inline-block; position:relative; top:2px;} .nav-social-links a {position:relative; display:inline-block; width:25px; height:25px; margin-right:10px;} .nav-social-links a i {background:#FFC601; width:25px; height:25px; border-radius:2px; line-height:25px; font-size:16px;} /* FOOTER -------------------------------------------------- */ footer {float:left; clear:both; width:100%; padding-top:0; padding-bottom:15px; margin:40px 0 0 0!important; background:url('../images/bg_header-footer.png') no-repeat center top; text-align:center; font-family:'Raleway', sans-serif; font-size:16px; color:#FFF; font-weight:600; text-shadow:1px 1px 0px #09704D;} footer .company-logo {margin-bottom:30px} /* BREADCRUMBS -------------------------------------------------- */ .row.bc {border-bottom:1px solid #EEE;} .no-header .row.bc {} .breadcrumb {padding:20px 0!important; margin:0!important; list-style:outside none none; background-color:transparent!important; border-radius:0!important; font-size:11px; line-height:1;} .breadcrumb a {color:#008950!important;} /* COLLAPSIBLE LISTS -------------------------------------------------- */ .panel-group .panel {margin-top:30px; margin-bottom:15px!important; border-radius:0;} .panel-default {border:none!important;} .panel {margin-bottom:20px; background-color:#fff; border:none; border-radius:0; box-shadow:none;} .panel-heading {border-bottom:1px solid #EEE; padding:15px 0!important; background:none!important;} .panel-body {padding:10px 10px 0 10px!important;} .panel-heading .panel-title {position:relative; font-size:16px; margin:0; padding:3px 0 0 40px; line-height:inherit; color:#008950;} .panel-heading a {display:block; position:relative; width:100%;} .panel-heading i {position:absolute; left:-40px; top:-3px; width:30px; height:30px; font-size:18px; border:1px solid #008950; color:#008950; text-align:center; line-height:28px; border-radius:50%; font-style:normal; font-weight:900;} .panel-heading i:before {content:"Q"; font-family:'Raleway', sans-serif;} /* HERO AREA -------------------------------------------------- */ .carousel-arrows {position:relative; max-width:1140px; margin:0 auto; top:45%;} .carousel-control {opacity:1!important; background:none!important; color:#FFF!important;} .carousel-control:hover span {opacity:1!important;} .carousel-control span {background:rgba(0,0,0,.5); padding:5px; width:40px height:40px; font-size:100%!important; border-radius:50%;} .carousel-control.right {right:-30px!important;} .carousel-control.left {left:-30px!important;} /* Carousel base class */ .hero {position:relative; margin:4px 0 60px 0; height:370px!important;} .hero .hero-bg {position:absolute; left:0; bottom:0; width:100%; height:65px; z-index:0; background-size:cover!important;} /* Hero Content */ .hero .hero_content {position:relative; z-index:2;} .hero .hero_content .col-md-6 {height:305px; padding:0;} .hero .hero_content .col-md-12 {height:65px;} /* Left Half Hero Column */ .hero .hero_content .hero-reasons {font-size:20px; font-family:'Raleway', sans-serif; padding-top:0;} .hero .hero_content .hero-reasons table, .hero .hero_content .hero-reasons table tbody, .hero .hero_content .hero-reasons table tr, .hero .hero_content .hero-reasons table td {margin:0!important; padding:0!important; border:none; background:none;} .hero .hero_content .hero-reasons table td {padding-bottom:30px!important; font-weight:600;} .hero .hero_content .hero-reasons td strong {font-weight:900;} .hero .hero_content .hero-reasons td img {float:none; margin:0;} /* Right Half Hero Column */ .hero .hero_content .hero-support {text-align:center; padding-top:20px;} .hero .hero_content .hero-support h1 {font-size:32px!important; margin:0;} .hero .hero_content .hero-support h2 {font-size:24px!important; clear:both;} .hero .hero_content .hero-support p {font-size:11px; color:#777;} /* Join Us Form */ .hero .join-us {float:left; clear:both; width:100%; text-align:center;} .hero .join-us .nf-before-form-content {display:none;} .hero .join-us input[type=text], .hero .join-us input[type=email] {font-size:16px!important; border:1px solid #CCC!important; border-top:1px solid #D9D9D9!important; border-left:1px solid #D9D9D9!important; background-color:#FFF; color:#333; border-radius:5px 0 0 5px; border-right:none!important;} .hero .join-us input[type=text], .hero .join-us input[type=email], .hero .join-us input[type=tel] {height:50px;} .hero .join-us .nf-field-container {margin:0 0 15px 0!important; padding:0!important;} .hero .join-us .email-container, .hero .join-us .submit-container {display:inline-block; vertical-align:top; margin:0;} .hero .join-us .email-container {width:250px!important; margin-right:-2px!important;} .hero .join-us .submit-container {width:130px!important;} .hero .join-us input[type=button] {padding:0px!important; width:130px; height:50px!important; background-color:#008950; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-radius:0 5px 5px 0; font-family:'Raleway', sans-serif; font-weight:900; text-transform:uppercase; font-size:20px; color:#FED32E;} .hero .join-us input[type=button]:hover {opacity:.7;} .hero .join-us .nf-error.field-wrap .nf-field-element:after {width:40px; height:48px; line-height:48px;} .hero .join-us .nf-input-limit {margin:0;} .hero .join-us .nf-error .nf-error-msg {font-size:10px; text-transform:uppercase; margin:0!important; padding:0!important; letter-spacing:1px; font-weight:bold;} .hero .join-us .nf-after-form-content .nf-form-errors {display:none!important;} .hero .join-us .nf-pass.field-wrap .nf-field-element:after {top:-5px!important; right:20px;} /* Socials CTA */ .aside .social-links {float:left; clear:both; width:100%; padding:0; margin:0 0 30px 0; border-bottom:1px solid #EEE;} .hero .hero_content .hero-cta {display:inline-block; padding:16px 0 0 0; text-align:center; font-size:18px;} .hero .hero_content .hero-cta p {margin:0 30px 0 0; display:inline-block; vertical-align:middle; line-height:31px;} .hero .hero_content .hero-cta p:last-child {font-size:14px; line-height:1.2;} .aside .social-links img, .hero .hero_content .hero-cta img {width:31px; height:31px; margin:0 5px 0 0;} /* CONTENT -------------------------------------------------- */ .page {margin-top:20px;} .spacer {height:40px;} .wistia_responsive_padding {padding:0!important;} #inline.container {padding:30px!important; margin:0!important;} .aside {padding-top:30px; padding-left:40px!important;} div[role="main"] {padding-left:5px;} div[role="complementary"] {padding-right:5px;} .home-text span em strong {color:#555;} /* Green CTA on Homepage */ .green-cta { background:#009863; background:-moz-radial-gradient(center, ellipse cover, #009863 0%, #106f4e 100%); background:-webkit-radial-gradient(center, ellipse cover, #009863 0%,#106f4e 100%); background:radial-gradient(ellipse at center, #009863 0%,#106f4e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009863', endColorstr='#106f4e',GradientType=1 ); } .green-cta {margin:30px 0; padding:15px; color:#FFF; text-shadow:1px 1px 0px #09704D; border-radius:5px;text-align:center; font-family:'Raleway', sans-serif; font-weight:600; font-size:24px;} .green-cta p {margin:0; line-height:38px;} /* Bios */ .bpl-bio {float:left; clear:both; width:100%; margin:15px 0; padding:30px 0 0 0; border-top:1px solid #EEE;} .bpl-bio-image {float:left; width:150px;} .bpl-bio-image img {width:140px; height:auto;} .bpl-bio-main {float:right; width:calc(100% - 180px)} .bpl-bio-main h3 {} .bpl-bio-main h3 small {} /* Stories */ .bpl-story {float:left; clear:both; width:100%; margin:15px 0; padding:30px 0 0 0; border-top:1px solid #EEE;} .bpl-story-image {float:left; width:150px;} .bpl-story-image img {} .bpl-story-main {float:right; width:calc(100% - 180px)} .bpl-story-main h3 {margin:0;} .bpl-story-main h3 small {} .bpl-story-date {font-size:12px; text-transform:uppercase; color:#999;} .bpl-story-main .bpl-story-body {font-style:italic;} /* Videos or Embeds ---------------------------- */ .embed-item {margin:15px 0 30px 0;} .embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; height:auto;} .embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .embed-item + ul.list-custom-style, .col-lg-12.embed-item + * {position:relative; z-index:0;} .col-lg-12.embed-item {padding-left:0; padding-right:0;} .video-item {display:inline-block; clear:none!important; float:none!important; vertical-align:top; margin:20px -4px 20px 0; padding:0 30px 10px 0!important; text-align:center;} .video-item .vid-desc {font-size:14px; line-height:1.5;} .video-item a {position:relative; display:block; width:100%; height:auto;} .video-item a img {position:relative; z-index:0;} .video-item a .play-button {display:block; position:absolute; width:60px; height:60px; left:50%; top:50%; margin:-30px 0 0 -30px; background:#FFC601; border-radius:50%; border:2px solid #FFF; z-index:1;} .video-item a .play-button:before {position:relative; left:6px; font-family:'Genericons'; content:'\f452'; color:#000; font-size:50px; text-align:center; line-height:58px;} .video-item a:hover img {opacity:.8;} /* BLOG ---------------------------- */ .hero_single_post {position:relative; height:auto!important; margin:0; border-top:1px solid #D4DDE3;} .hero_post_index {height:200px!important; margin:-20px 0 0 0; font-size:18px; font-family:"BodyTextBoldItalic";} .hero_post_index h1 {margin:40px 0 10px 0; font-size:48px;} .hero_post_index p {padding-right:25%;} .hero_single_post time, .blog-list time, .hero_single_post .post-meta, .hero_single_post .post-meta a {font-size:11px; color:#777; text-transform:uppercase; letter-spacing:0.1em} .blog-list h2 {clear:both; margin-top:5px;} .blog-list h2 > a {color:#088396!important;} .hero_single_post h1 {clear:both; margin-top:5px; font-size:44px!important;} .hero_single_post .hero_content {position:relative; z-index:1; padding:20px 15px; height:auto;} .hero_single_post .post-preview-img {position:absolute; width:100%; height:160px; top:0; overflow:hidden; z-index:0; text-align:center;} .hero_single_post .post-preview-img .img-cover {position:absolute; display:inline-block; width:100%; height:180px; z-index:200;} .hero_single_post .post-preview-img img {position:relative; display:inline-block; width:100%; height:auto; margin-top:-10%; z-index:100; opacity:.3;} .hero_single_post .img-cover { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .hero_single_post .hero_content .btn-social-icon {width:20px; height:20px; margin:0 3px 0 0; font-size:10px; line-height:20px;} .hero_single_post .hero_content .btn-social-icon i {line-height:20px;} .blog-list .divider {text-align:center; height:20px; margin:20px 0;} .circle-icon {display:inline-block; vertical-align:middle; width:10px; height:10px; border-radius:50%; background-color:#DDD;} .entry .wp-post-image {float:right; margin:5px 0 0 20px; border-radius:5px; padding:4px; background:#FFF; border:1px solid #EBEBEB;} .post-thumb-preview {float:left; clear:both; width:100%; height:300px; margin:10px 0 20px 0; background-position:50%; background-repeat:no-repeat; background-size:cover;} .aside .bloglist {float:left; clear:both; width:100%; margin:0 0 20px 0; padding:0 0 20px 0;} .aside .bloglist select {width:100%;} .aside .bloglist ul {list-style:none; margin:0; padding:0;} .aside .bloglist.bpl_blog_categories ul > li {position:relative; padding-left:20px; line-height:2.5; border-bottom:1px solid #EBEBEB; color:#777; font-size:12px;} .aside .bloglist.bpl_blog_categories ul > li:before {position:absolute; width:15px; height:15px; left:0; top:6px; content:"\f436"; line-height:1.7; font-family:"Genericons"; color:#088396!important; font-size:18px;} .aside .bloglist.bpl_blog_categories ul > li > a {display:inline-block; width:87%; font-size:16px; color:#088396;} /* PAGINATION -------------------------------------------------- */ .pagination {width:100%; margin:10px 0; padding:0; border-top:1px solid #EEE; text-align:center; font-size:13px; line-height:2.3; font-weight:bold;} .pagination > .page-numbers {position:relative; display:inline-block; background:#FFF; border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0 -4px 0 0; top:-15px; padding:0 10px;} .pagination > a:first-child, .pagination > span:first-child {border-left:1px solid #EEE; border-radius:3px 0 0 3px;} .pagination > a:last-child, .pagination > span:last-child {border-right:1px solid #EEE; border-radius:0 3px 3px 0;} .pagination > .current {background:#EEE; color:#999;} .pagination > .prev, .pagination > .next {position:relative; text-indent:-999em; color:#999; width:30px;} .pagination > .prev:hover, .pagination > .next:hover {color:#000;} .pagination > .prev:before, .pagination > .next:before {display:block; position:absolute; width:30px; height:30px; font-family:"Genericons"; text-indent:0!important; text-align:center; line-height:30px; font-size:16px; text-align:center!important; top:-1px; left:0;} .pagination > .prev:before {content:"\f430";} .pagination > .next:before {content:"\f429";} /* BUTTONS -------------------------------------------------- */ .btn {position:relative; border:none!important; text-transform:uppercase; font-family:'Raleway', sans-serif; font-weight:900!important;} .btn:hover {opacity:.9;} .btn.btn-md {height:50px; line-height:52px; padding:0 30px; font-size:28px; box-shadow:1px 1px 0px rgba(0,0,0,.3);} .btn.btn-red {background-color:#F00; color:#FFF;} .btn.btn-yellow {background-color:#FED32E; color:#008950;} .btn.btn-black {background-color:#333; color:#FFF;} .btn.btn-green {background-color:#008950; color:#FFF;} /* TABLES -------------------------------------------------- */ table {margin:15px 0; width:100%; border:1px solid #EEE;} table tr:nth-child(even) {background-color:#F7F7F7;} table tr td {padding:10px;} /* =========================================================================================================================== */ /* ============================================================================================================= Media Queries */ /* =========================================================================================================================== */ /* Large desktops and laptops */ @media (min-width:2515px) { .hero .item a, .hero .item .unlinked-slide {background-size:contain;} } /* Large desktops and laptops */ @media (min-width:1200px) { } /* Landscape tablets and medium desktops */ @media (min-width:992px) and (max-width:1199px) { .embed-item.col-lg-4 {width:25%;} .embed-item.col-lg-3 {width:33%;} .embed-item.col-lg-6 {width:50%;} .embed-item.col-lg-12 {width:100%;} /* HEADER -------------------------------------------------- */ #header .nav-container, footer .footer-util {max-width:970px;} /* HERO ---------------------------------------------------- */ .hero .hero_content .hero-reasons {font-size:18px;} /* FOOTER -------------------------------------------------- */ footer .container {max-width:970px;} } /* Portrait tablets and small desktops */ @media (min-width:768px) and (max-width:991px) { .embed-item.col-lg-4 {width:25%;} .embed-item.col-lg-3 {width:33%;} .embed-item.col-lg-6 {width:50%;} .embed-item.col-lg-12 {width:100%;} /* FOOTER -------------------------------------------------- */ footer .container {max-width:750px;} /* HERO -------------------------------------------------- */ .hero {height:auto!important; text-align:center;} .hero .hero-bg {bottom:-15px} .hero .hero_content .hero-reasons, .hero .hero_content .hero-support, .hero .hero_content .hero-cta {display:inline-block; width:100%!important; height:auto; padding:0; float:none!important; clear:none!important; width:auto;} .hero .hero_content .hero-reasons {padding:30px 0; margin:0 auto; width:auto!important; text-align:left;} .hero .hero_content .hero-support {padding:0 0 30px 0;} .hero .hero_content .hero-cta {} } /* Landscape phones and portrait tablets */ @media (max-width:767px) { .visible-xs.hidden-print.bpl_dyn_phone.dynamic-phone-number, .visible-xs.phone-link {display:inline!important; color:#333; border-bottom:1px dotted #333;} .phone-link:hover {text-decoration:none;} .embed-item.col-lg-4, .embed-item.col-lg-3, .embed-item.col-lg-6, .embed-item.col-lg-12 {width:100%;} div[role=main].container {padding:0 10px!important;} /* HEADER -------------------------------------------------- */ #header {height:auto; float:left; clear:both; width:100%; margin:0 0 20px 0;} .company-logo {height:90px; background-position:center center!important;} #header .navbar-wrapper {position:relative!important; top:0!important; float:left!important; clear:both!important; width:100%; height:auto!important;} #header .navbar-wrapper .navbar-collapse {height:auto!important;} #header {text-align:center;} #header .navbar-collapse.collapse {display:block!important; border:none; box-shadow:none!important;} #header .navbar-collapse.collapse ul {margin:0; line-height:1!important;} #header .navbar-collapse.collapse ul li {display:inline-block; padding:0 15px 0 0!important; margin:0!important; height:auto;} #header .navbar-collapse.collapse ul li a {font-size:16px!important; padding:0 15px 5px 0!important; line-height:30px; height:auto!important;} /* HERO -------------------------------------------------- */ .hero {height:auto!important; text-align:center;} .hero .hero-bg {display:none!important;} table, .hero .hero_content .hero-reasons, .hero .hero_content .hero-support, .hero .hero_content .hero-cta {display:inline-block; width:100%!important; height:auto; padding:0; float:none!important; clear:none!important; width:auto;} .hero .hero_content .hero-reasons {padding:0; margin:0 auto; width:auto!important; text-align:left;} .hero .hero_content .hero-support {padding:0 0 30px 0!important;} .hero .hero_content .hero-support .nf-field-element {} .hero .join-us .email-container {width:200px!important; margin-right:-2px!important;} .hero .join-us .submit-container {width:130px!important;} .hero .hero_content .hero-cta {line-height:auto; height:auto; background-color:#EEE; border-radius:5px; padding:15px 0;} .hero .hero_content .hero-cta p {width:100%; margin:10px 0;} .hero .hero_content .hero-cta p img {display:inline!important; float:none;} .bpl-story-image, .bpl-bio-image {margin:0 0 15px 0;} .bpl-story-image, .bpl-story-main, .bpl-bio-image, .bpl-bio-main {clear:both; width:100%;} } /* Portrait phones and smaller */ @media (max-width:480px) { .company-logo {width:100%;} #header .navbar-wrapper {top:150px;} #header .navbar-collapse.collapse ul li {height:auto!important; padding:0 5px!important} #header .navbar-collapse.collapse ul li a {font-size:14px; padding:0; height:auto;} table {border:none;} table td {padding:10px 5px 10px 0!important; font-size:14px;} .hero .hero_content .hero-reasons {font-size:16px;} .hero .hero_content .hero-reasons img {height:35px; width:auto;} .hero .hero_content .hero-reasons table tr td:nth-child(odd) {width:40px!important;} } /* iPhone SE and smaller */ @media (max-width:320px) { } /* =========================================================================================================================== */ /* ===================================================================================================================== Forms */ /* =========================================================================================================================== */ /* =========================================================================================================================== */ /* ========================================================================================================== Bootstrap Addons */ /* =========================================================================================================================== */ /* 1/5th Column */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position:relative; min-height:1px; padding-right:10px; padding-left:10px; width:20%; float:left;} /* 1/7th Column */ .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17 {position:relative; min-height:1px; padding-right:10px; padding-left:10px; width:14.28%; float:left;} /* 1/8th Column */ .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18 {position:relative; min-height:1px; padding-right:10px; padding-left:10px; width:12.5%; float:left;} .clearfix {width:100%; float:left; clear:both!important;} .block-text {background-color:#F0F0F0; border-radius:5px; color:#626262; font-size:14px; margin-top:27px; padding:15px 18px; } .block-text a {font-size:25px; font-weight:bold; line-height:21px; text-decoration:none; } .mark {padding:12px 0;background:none; } .block-text p {color:#585858; font-family:Georgia; font-style:italic; line-height:20px; } .sprite-i-triangle {background-position:0 -1298px; height:44px; width:50px; } .block-text ins {bottom:-44px; left:50%; margin-left:-60px; } .block {display:block; } .zmin {z-index:1; } .ab {position:absolute; } .person-text {padding:10px 0 0; text-align:center; z-index:2; } .person-text a {display:block; font-size:14px; margin-top:3px; text-decoration:underline; } .person-text i {font-family:Georgia; font-size:13px; } .rel {position:relative; } /* =========================================================================================================================== */ /* =========================================================================================================== Utility Classes */ /* =========================================================================================================================== */ /* All Genericons */ .genericon {font-size:16px; vertical-align:top; text-align:center; -moz-transition:color .1s ease-in 0; -webkit-transition:color .1s ease-in 0; display:inline-block; font-family:"Genericons"; font-style:normal; font-weight:normal; font-variant:normal; line-height:1; text-decoration:inherit; text-transform:none; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; speak:none;} /* Helper classes */ .genericon-rotate-90 {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .genericon-rotate-180 {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .genericon-rotate-270 {-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .genericon-flip-horizontal {-webkit-transform:scale(-1, 1); -moz-transform:scale(-1, 1); -ms-transform:scale(-1, 1); -o-transform:scale(-1, 1); transform:scale(-1, 1);} .genericon-flip-vertical {-webkit-transform:scale(1, -1); -moz-transform:scale(1, -1); -ms-transform:scale(1, -1); -o-transform:scale(1, -1); transform:scale(1, -1);} /* Individual icons */ .genericon-404:before {content:"\f423";} .genericon-activity:before {content:"\f508";} .genericon-anchor:before {content:"\f509";} .genericon-aside:before {content:"\f101";} .genericon-attachment:before {content:"\f416";} .genericon-audio:before {content:"\f109";} .genericon-bold:before {content:"\f471";} .genericon-book:before {content:"\f444";} .genericon-bug:before {content:"\f50a";} .genericon-cart:before {content:"\f447";} .genericon-category:before {content:"\f301";} .genericon-chat:before {content:"\f108";} .genericon-checkmark:before {content:"\f418";} .genericon-close:before {content:"\f405";} .genericon-close-alt:before {content:"\f406";} .genericon-cloud:before {content:"\f426";} .genericon-cloud-download:before {content:"\f440";} .genericon-cloud-upload:before {content:"\f441";} .genericon-code:before {content:"\f462";} .genericon-codepen:before {content:"\f216";} .genericon-cog:before {content:"\f445";} .genericon-collapse:before {content:"\f432";} .genericon-comment:before {content:"\f300";} .genericon-day:before {content:"\f305";} .genericon-digg:before {content:"\f221";} .genericon-document:before {content:"\f443";} .genericon-dot:before {content:"\f428";} .genericon-downarrow:before {content:"\f502";} .genericon-download:before {content:"\f50b";} .genericon-draggable:before {content:"\f436";} .genericon-dribbble:before {content:"\f201";} .genericon-dropbox:before {content:"\f225";} .genericon-dropdown:before {content:"\f433";} .genericon-dropdown-left:before {content:"\f434";} .genericon-edit:before {content:"\f411";} .genericon-ellipsis:before {content:"\f476";} .genericon-expand:before {content:"\f431";} .genericon-external:before {content:"\f442";} .genericon-facebook:before {content:"\f203";} .genericon-facebook-alt:before {content:"\f204";} .genericon-fastforward:before {content:"\f458";} .genericon-feed:before {content:"\f413";} .genericon-flag:before {content:"\f468";} .genericon-flickr:before {content:"\f211";} .genericon-foursquare:before {content:"\f226";} .genericon-fullscreen:before {content:"\f474";} .genericon-gallery:before {content:"\f103";} .genericon-github:before {content:"\f200";} .genericon-googleplus:before {content:"\f206";} .genericon-googleplus-alt:before {content:"\f218";} .genericon-handset:before {content:"\f50c";} .genericon-heart:before {content:"\f461";} .genericon-help:before {content:"\f457";} .genericon-hide:before {content:"\f404";} .genericon-hierarchy:before {content:"\f505";} .genericon-home:before {content:"\f409";} .genericon-image:before {content:"\f102";} .genericon-info:before {content:"\f455";} .genericon-instagram:before {content:"\f215";} .genericon-italic:before {content:"\f472";} .genericon-key:before {content:"\f427";} .genericon-leftarrow:before {content:"\f503";} .genericon-link:before {content:"\f107";} .genericon-linkedin:before {content:"\f207";} .genericon-linkedin-alt:before {content:"\f208";} .genericon-location:before {content:"\f417";} .genericon-lock:before {content:"\f470";} .genericon-mail:before {content:"\f410";} .genericon-maximize:before {content:"\f422";} .genericon-menu:before {content:"\f419";} .genericon-microphone:before {content:"\f50d";} .genericon-minimize:before {content:"\f421";} .genericon-minus:before {content:"\f50e";} .genericon-month:before {content:"\f307";} .genericon-move:before {content:"\f50f";} .genericon-next:before {content:"\f429";} .genericon-notice:before {content:"\f456";} .genericon-paintbrush:before {content:"\f506";} .genericon-path:before {content:"\f219";} .genericon-pause:before {content:"\f448";} .genericon-phone:before {content:"\f437";} .genericon-picture:before {content:"\f473";} .genericon-pinned:before {content:"\f308";} .genericon-pinterest:before {content:"\f209";} .genericon-pinterest-alt:before {content:"\f210";} .genericon-play:before {content:"\f452";} .genericon-plugin:before {content:"\f439";} .genericon-plus:before {content:"\f510";} .genericon-pocket:before {content:"\f224";} .genericon-polldaddy:before {content:"\f217";} .genericon-portfolio:before {content:"\f460";} .genericon-previous:before {content:"\f430";} .genericon-print:before {content:"\f469";} .genericon-quote:before {content:"\f106";} .genericon-rating-empty:before {content:"\f511";} .genericon-rating-full:before {content:"\f512";} .genericon-rating-half:before {content:"\f513";} .genericon-reddit:before {content:"\f222";} .genericon-refresh:before {content:"\f420";} .genericon-reply:before {content:"\f412";} .genericon-reply-alt:before {content:"\f466";} .genericon-reply-single:before {content:"\f467";} .genericon-rewind:before {content:"\f459";} .genericon-rightarrow:before {content:"\f501";} .genericon-search:before {content:"\f400";} .genericon-send-to-phone:before {content:"\f438";} .genericon-send-to-tablet:before {content:"\f454";} .genericon-share:before {content:"\f415";} .genericon-show:before {content:"\f403";} .genericon-shuffle:before {content:"\f514";} .genericon-sitemap:before {content:"\f507";} .genericon-skip-ahead:before {content:"\f451";} .genericon-skip-back:before {content:"\f450";} .genericon-skype:before {content:"\f220";} .genericon-spam:before {content:"\f424";} .genericon-spotify:before {content:"\f515";} .genericon-standard:before {content:"\f100";} .genericon-star:before {content:"\f408";} .genericon-status:before {content:"\f105";} .genericon-stop:before {content:"\f449";} .genericon-stumbleupon:before {content:"\f223";} .genericon-subscribe:before {content:"\f463";} .genericon-subscribed:before {content:"\f465";} .genericon-summary:before {content:"\f425";} .genericon-tablet:before {content:"\f453";} .genericon-tag:before {content:"\f302";} .genericon-time:before {content:"\f303";} .genericon-top:before {content:"\f435";} .genericon-trash:before {content:"\f407";} .genericon-tumblr:before {content:"\f214";} .genericon-twitch:before {content:"\f516";} .genericon-twitter:before {content:"\f202";} .genericon-unapprove:before {content:"\f446";} .genericon-unsubscribe:before {content:"\f464";} .genericon-unzoom:before {content:"\f401";} .genericon-uparrow:before {content:"\f500";} .genericon-user:before {content:"\f304";} .genericon-video:before {content:"\f104";} .genericon-videocamera:before {content:"\f517";} .genericon-vimeo:before {content:"\f212";} .genericon-warning:before {content:"\f414";} .genericon-website:before {content:"\f475";} .genericon-week:before {content:"\f306";} .genericon-wordpress:before {content:"\f205";} .genericon-xpost:before {content:"\f504";} .genericon-youtube:before {content:"\f213";} .genericon-zoom:before {content:"\f402";}