/* 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");}} /* Headings */ /* Regular */ @font-face {font-family:"Heading"; src:url("../fonts/_headings/AvenirBlack.woff") format('woff'); font-weight:normal; font-style:normal;} /* Regular Italic */ @font-face {font-family:"Heading Italic"; src:url("../fonts/_headings/AvenirBlackItalic.woff") format('woff'); font-weight:normal; font-style:normal;} /* Thin */ @font-face {font-family:"Heading Thin"; src:url("../fonts/_headings/AvenirMedium.woff") format('woff'); font-weight:normal; font-style:normal;} /* Thing Italic */ @font-face {font-family:"Heading Thin Italic"; src:url("../fonts/_headings/AvenirMediumItalic.woff") format('woff'); font-weight:normal; font-style:normal;} /* Bold */ @font-face {font-family:"Heading Bold"; src:url("../fonts/_headings/AvenirNextHeavy.woff") format('woff'); font-weight:normal; font-style:normal;} /* Bold Italic */ @font-face {font-family:"Heading Bold Italic"; src:url("../fonts/_headings/AvenirNextHeavyItalic.woff") format('woff'); font-weight:normal; font-style:normal;} /* Body */ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* VARS ---------------------------------------------------------------------------------------------------------------------------------------- */ :root { --bpl-blue: #051D73; --bpl-light-blue: #04E; --bpl-green: #00F200; --bpl-green-alt: #00B300; --bpl-red: #B11F24; --bpl-orange: #FF7409; --bpl-yellow: #FF0; --bpl-highlight: #FFC; --bpl-dark-grey: #606F78; --bpl-med-grey: #A6BCC7; --bpl-light-grey: #DAE3E8; --bpl-black: #000; --bpl-white: #FFF; --bpl-shadow: rgba(0,0,0,.1); } /* GLOBALS ---------------------------------------------------------------------------------------------------------------------------------------- */ html, body {height:100vh;} body {padding-top:0px; padding-bottom:40px; font-family:"Roboto", sans-serif!important; color:var(--bpl-black); -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden;} body,html {min-width:360px;} body a {color:var(--bpl-light-blue); text-decoration:none; background-color:transparent;} body a:visited {color:var(--bpl-light-blue);} body a:hover, a:focus {color:var(--bpl-black); text-decoration:underline;} .bpl-mobile, .visible-print, .show_hide, .show_hide-hero {display:none;} .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1, h2, h3, h4, h5, h6 {font-family:"Heading", sans-serif!important; font-weight:500!important; margin:0 0 2rem 0!important} .h1-txt, h1 {font-size:60px!important; line-height:72px!important;} .h2-txt, h2 {font-size:44px!important; line-height:60px!important;} .h3-txt, h3 {font-size:34px!important; line-height:50px!important;} .h4-txt, h4 {font-size:28px!important; line-height:44px!important;} .h5-txt, .h6-txt, h5, h6 {font-size:22px!important; line-height:38px!important;} .row.top-header h1, .row.top-header .h1-txt {font-size:62px!important; line-height:72px!important;} .row.home-hero ul, .row.top-header ul {font-size:26px;} @media (min-width:1320px) and (max-width:1555px) { .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1, h2, h3, h4, h5, h6 {margin:0 0 2rem 0!important} .h1-txt, h1 {font-size:58px!important; line-height:72px!important;} .h2-txt, h2 {font-size:42px!important; line-height:60px!important;} .h3-txt, h3 {font-size:34px!important; line-height:50px!important;} .h4-txt, h4 {font-size:28px!important; line-height:44px!important;} .h5-txt, .h6-txt, h5, h6 {font-size:22px!important; line-height:38px!important;} .row.top-header h1, .row.top-header .h1-txt {font-size:54px!important; line-height:72px!important;} .page {font-size:22px!important;} .page ul, .page ol, .page p {line-height:40px!important;} } @media (min-width:992px) and (max-width:1319px) { .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1, h2, h3, h4, h5, h6 {margin:0 0 2rem 0!important} .h1-txt, h1 {font-size:58px!important; line-height:76px!important;} .h2-txt, h2 {font-size:42px!important; line-height:64px!important;} .h3-txt, h3 {font-size:32px!important; line-height:50px!important;} .h4-txt, h4 {font-size:26px!important; line-height:44px!important;} .h5-txt, .h6-txt, h5, h6 {font-size:20px!important; line-height:38px!important;} .row.top-header h1, .row.top-header .h1-txt {font-size:54px!important; line-height:64px!important;} .page {font-size:20px!important;} .page ul, .page ol, .page p {line-height:38px!important;} } @media (min-width:521px) and (max-width:991px) { .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1, h2, h3, h4, h5, h6 {margin:0 0 2rem 0!important} .h1-txt, h1 {font-size:50px!important; line-height:66px!important;} .h2-txt, h2 {font-size:34px!important; line-height:50px!important;} .h3-txt, h3 {font-size:24px!important; line-height:40px!important;} .h4-txt, h4 {font-size:20px!important; line-height:34px!important;} .h5-txt, .h6-txt, h5, h6 {font-size:20px!important; line-height:28px!important;} .row.top-header h1, .row.top-header .h1-txt {font-size:54px!important; line-height:64px!important;} .page {font-size:20px!important;} .page ul, .page ol, .page p {font-size:20px; line-height:34px!important;} } @media (max-width:520px) { .h1-txt, .h2-txt, .h3-txt, .h4-txt, .h5-txt, .h6-txt, h1, h2, h3, h4, h5, h6 {margin:0 0 1rem 0!important} .h1-txt, h1 {font-size:40px!important; line-height:56px!important;} .h2-txt, h2 {font-size:32px!important; line-height:54px!important;} .h3-txt, h3 {font-size:24px!important; line-height:40px!important;} .h4-txt, h4 {font-size:20px!important; line-height:34px!important;} .h5-txt, .h6-txt, h5, h6 {font-size:20px!important; line-height:34px!important;} .styled-text {font-size:80%;} .row.top-header h1, .row.top-header .h1-txt {font-size:50px!important; line-height:64px!important;} .page ul, .page ol, .page p {font-size:18px; line-height:30px!important;} } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight:500; font-size:85%; font-style:italic; color:inherit;} .page-content .h1-txt, .page-content h1, .page-content .h2-txt, .page-content h2, .page-content .h3-txt, .page-content h3, .page-content .h4-txt, .page-content h4, .page-content .h5-txt, .h6-txt, .page-content h5, h6 {padding:0!important;} .page-content p ~ h1, .page-content p ~ h2, .page-content p ~ h3, .page-content p ~ h4, .page-content p ~ h5, .page-content p ~ h6, .page-content ul ~ h1, .page-content ul ~ h2, .page-content ul ~ h3, .page-content ul ~ h4, .page-content ul ~ h5, .page-content ul ~ h6, .page-content ol ~ h1, .page-content ol ~ h2, .page-content ol ~ h3, .page-content ol ~ h4, .page-content ol ~ h5, .page-content ol ~ h6 {margin-bottom:0!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 i, .h1-txt em, .h2-txt i, .h2-txt em, .h3-txt i, .h3-txt em, .h4-txt i, .h4-txt em, .h5-txt i, .h5-txt em, .h6-txt i, .h6-txt em, h1 i, h1 em, h2 i, h2 em, h3 i, h3 em, h4 i, h4 em, h5 i, h5 em, h6 i, h6 em {font-family:"Heading Italic", sans-serif!important; font-style:italic; font-weight:normal;} .h1-txt b, .h1-txt strong, .h2-txt b, .h2-txt strong, .h3-txt b, .h3-txt strong, .h4-txt b, .h4-txt strong, .h5-txt b, .h5-txt strong, .h6-txt b, .h6-txt strong, h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {font-family:"Heading Bold", sans-serif!important; font-weight:normal!important;} .h1-text b i, .h1-text i b, .h1-txt strong em, .h1-txt em strong, .h2-text b i, .h2-text i b, .h2-txt strong em, .h2-txt em strong, .h3-text b i, .h3-text i b, .h3-txt strong em, .h3-txt em strong, .h4-text b i, .h4-text i b, .h4-txt strong em, .h4-txt em strong, .h5-text b i, .h5-text i b, .h5-txt strong em, .h5-txt em strong, .h6-text b i, .h6-text i b, .h6-txt strong em, .h6-txt em strong, h1 b i, h1 i b, h1 strong em, h1 em strong, h2 b i, h2 i b, h2 strong em, h2 em strong, h3 b i, h3 i b, h3 strong em, h3 em strong, h4 b i, h4 i b, h4 strong em, h4 em strong, h5 b i, h5 i b, h5 strong em, h5 em strong, h6 b i, h6 i b, h6 strong em, h6 em strong {font-family:"Heading Bold Italic", sans-serif!important; font-style:italic; font-weight:normal;} h1 .txt-thin, h1.txt-thin, .h1-txt .txt-thin, .h1-txt.txt-thin, h2 .txt-thin, h2.txt-thin, .h2-txt .txt-thin, .h2-txt.txt-thin, h3 .txt-thin, h3.txt-thin, .h3-txt .txt-thin, .h3-txt.txt-thin, h4 .txt-thin, h4.txt-thin, .h4-txt .txt-thin, .h4-txt.txt-thin, h5 .txt-thin, h5.txt-thin, .h5-txt .txt-thin, .h5-txt.txt-thin, h6 .txt-thin, h6.txt-thin, .h6-txt .txt-thin, .h6-txt.txt-thin {font-family:"Heading Thin", sans-serif!important;} h1 .txt-thin i, h1.txt-thin i, .h1-txt .txt-thin i, .h1-txt.txt-thin i, h1 .txt-thin em, h1.txt-thin em, .h1-txt .txt-thin em, .h1-txt.txt-thin em, h2 .txt-thin i, h2.txt-thin i, .h2-txt .txt-thin i, .h2-txt.txt-thin i, h2 .txt-thin em, h2.txt-thin em, .h2-txt .txt-thin em, .h2-txt.txt-thin em, h3 .txt-thin i, h3.txt-thin i, .h3-txt .txt-thin i, .h3-txt.txt-thin i, h3 .txt-thin em, h3.txt-thin em, .h3-txt .txt-thin em, .h3-txt.txt-thin em, h4 .txt-thin i, h4.txt-thin i, .h4-txt .txt-thin i, .h4-txt.txt-thin i, h4 .txt-thin em, h4.txt-thin em, .h4-txt .txt-thin em, .h4-txt.txt-thin em, h5 .txt-thin i, h5.txt-thin i, .h5-txt .txt-thin i, .h5-txt.txt-thin i, h5 .txt-thin em, h5.txt-thin em, .h5-txt .txt-thin em, .h5-txt.txt-thin em, h6 .txt-thin i, h6.txt-thin i, .h6-txt .txt-thin i, .h6-txt.txt-thin i, h6 .txt-thin em, h6.txt-thin em, .h6-txt .txt-thin em, .h6-txt.txt-thin em {font-family:"Heading Thin Italic", sans-serif!important; font-style:normal;} .styled-text {font-family:"Heading Thin", sans-serif;} .styled-text em, .styled-text i {font-family:"Heading Thin Italic", sans-serif; font-style:normal; line-height:1;} .styled-text strong, .styled-text b {font-family:"Heading", sans-serif; font-weight:500;} .styled-text strong em, .styled-text em strong, .styled-text strong i, .styled-text i strong {font-family:"Heading Italic", sans-serif; font-style:normal;} .page {font-family:"Roboto", sans-serif; font-size:22px; color:var(--bpl-black);} .page ul, .page ol, .page p {line-height:40px;} .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 15px 0 0!important; margin:0!important;} .bpl-special-columns .content-column.col-md-3, .bpl-special-columns .content-column.col-md-4 {padding:0!important; margin-bottom:30px!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;} .column-padding-left {padding-left:120px!important;} .column-padding-right {padding-right:120px!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:var(--bpl-dark-grey);} 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 var(--bpl-dark-grey); cursor:help;} mark, ins {background-color:var(--bpl-highlight); text-decoration:none;} blockquote {font-style:italic;} blockquote > p:last-child {margin-bottom:0;} blockquote cite {font-style:normal;} div.content-separator, hr {display:block; clear:both; width:100%; border-bottom:1px solid var(--bpl-light-grey)!important; border-top:0; margin:4rem 0!important; padding:0; opacity:1!important;} .txt-spacer {display:inline-block; width:20px; text-align:center; color:var(--bpl-light-grey);} .txt-gray, .txt-gray a, .graytext, .graytext a, .grayText, .grayText a {color:var(--bpl-dark-grey);} .txt-white, .txt-white a, .whitetext, .whitetext a, .whiteText, .whiteText a {color:var(--bpl-white);} .txt-blue, .txt-blue a, .bluetext, .bluetext a, .blueText, .blueText a {color:var(--bpl-blue);} .txt-red, .txt-red a, .redtext, .redtext a, .redText, .redText a {color:var(--bpl-red);} .txt-orange, .txt-orange a, .orangetext, .orangetext a, .orangeText, .orangeText a {color:var(--bpl-orange);} .txt-yellow, .txt-yellow a, .yellowtext, .yellowtext a, .yellowText, .yellowText a {color:var(--bpl-yellow);} .txt-green, .txt-green a, .greentext, .greentext a, .greenText, .greenText a {color:var(--bpl-green);} .txt-center, .text-center {text-align:center;} .wp-caption {display:block; color:var(--bpl-dark-grey); font-weight:700; text-align:center; font-size:12px; line-height:1;} .wp-caption img.img-responsive {width:100%;} .wp-caption.aligncenter {width:100%!important;} .wp-caption figcaption, .wp-caption p {position:relative; padding:5px 10px; margin:0px 5px 15px 5px; line-height:1.5!important; z-index:2; font-size:14px!important;} .alignleft {display:inline; float:left;} .alignright {display:inline; float:right;} .aligncenter {display:block; margin-right:auto; margin-left:auto;} .bpl_div_img.alignleft, .bpl_map.alignleft, .bpl_badge-item.alignleft, .coupon.alignleft, .review-single.alignleft, .wp-caption.alignleft, img.alignleft {margin:10px 30px 10px 0; float:left;} .bpl_div_img.alignright, .bpl_map.alignright, .bpl_badge-item.alignright, .coupon.alignright, .review-single.alignright, .wp-caption.alignright, img.alignright {margin:10px 0 10px 30px; float:right!important;} .bpl_badge-item.aligncenter, .embed-item.aligncenter, .review-single.aligncenter, .wp-caption.aligncenter, img.aligncenter {float:left; clear:both; margin-top:0.4em; margin-bottom:1.6em;} .review-single.aligncenter {width:100%; margin:40px 0;} .bpl_div_img.aligncenter, .bpl_map.aligncenter, img.aligncenter {float:none!important; clear:both!important; margin:.4em auto 1.6em auto!important; text-align:center;} .bpl_map.col-lg-6, .bpl_map.col-lg-4, .bpl_map.col-lg-3 {margin:0;} .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;} .img-size-50x50 {width:50px; height:50px;} .img-size-75x75 {width:75px; height:75px;} .img-size-100x100 {width:100px; height:100px;} .img-size-125x125 {width:125px; height:125px;} .img-size-150x150 {width:150px; height:150px;} .img-size-175x175 {width:175px; height:175px;} .img-size-200x200 {width:200px; height:200px;} .img-rounded {border:2px solid var(--bpl-white); box-shadow:0 0 10px var(--bpl-shadow); border-radius:10px;} /* 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;} @media (min-width:1200px) { .img-responsive-lg {width:100%; height:auto;} } @media (min-width:992px) and (max-width:1199px) { .img-responsive-md {width:100%; height:auto;} } @media (min-width:768px) and (max-width:991px) { .img-responsive-sm {width:100%; height:auto;} } @media (max-width:767px) { .img-responsive-xs {width:100%; height:auto;} } .ia-top0 {top:0px;} .ia-right0 {right:0px;} .ia-bottom0 {bottom:0px;} .ia-left0 {left:0px;} .ia-top5 {top:5px;} .ia-right5 {right:5px;} .ia-bottom5 {bottom:5px;} .ia-left5 {left:5px;} .ia-top10 {top:10px;} .ia-right10 {right:10px;} .ia-bottom10 {bottom:10px;} .ia-left10 {left:10px;} .ia-top15 {top:15px;} .ia-right15 {right:15px;} .ia-bottom15 {bottom:15px;} .ia-left15 {left:15px;} .ia-top20 {top:20px;} .ia-right20 {right:20px;} .ia-bottom20 {bottom:20px;} .ia-left20 {left:20px;} .ia-top-5 {top:-5px;} .ia-top-5 {top:-5px;} .ia-top-5 {top:-5px;} .ia-top-5 {top:-5px;} .ia-top-10 {top:-10px;} .ia-top-10 {top:-10px;} .ia-top-10 {top:-10px;} .ia-top-10 {top:-10px;} .ia-top-15 {top:-15px;} .ia-top-15 {top:-15px;} .ia-top-15 {top:-15px;} .ia-top-15 {top:-15px;} .ia-top-20 {top:-20px;} .ia-top-20 {top:-20px;} .ia-top-20 {top:-20px;} .ia-top-20 {top:-20px;} [class^="nudge-"], [class*=" nudge-"] {position:relative;} .nudge-top-5 {margin-top:-5px!important;} .nudge-right-5 {margin-right:-5px!important;} .nudge-bottom-5 {margin-bottom:-5px!important;} .nudge-left-5 {margin-left:-5px!important;} .nudge-top-10 {margin-top:-10px!important;} .nudge-right-10 {margin-right:-10px!important;} .nudge-bottom-10 {margin-bottom:-10px!important;} .nudge-left-10 {margin-left:-10px!important;} .nudge-top-15 {margin-top:-15px!important;} .nudge-right-15 {margin-right:-15px!important;} .nudge-bottom-15 {margin-bottom:-15px!important;} .nudge-left-15 {margin-left:-15px!important;} .nudge-top-20 {margin-top:-20px!important;} .nudge-right-20 {margin-right:-20px!important;} .nudge-bottom-20 {margin-bottom:-20px!important;} .nudge-left-20 {margin-left:-20px!important;} .nudge-top-25 {margin-top:-25px!important;} .nudge-right-25 {margin-right:-25px!important;} .nudge-bottom-25 {margin-bottom:-25px!important;} .nudge-left-25 {margin-left:-25px!important;} .nudge-top-30 {margin-top:-30px!important;} .nudge-right-30 {margin-right:-30px!important;} .nudge-bottom-30 {margin-bottom:-30px!important;} .nudge-left-30 {margin-left:-30px!important;} .nudge-top-35 {margin-top:-35px!important;} .nudge-right-35 {margin-right:-35px!important;} .nudge-bottom-35 {margin-bottom:-35px!important;} .nudge-left-35 {margin-left:-35px!important;} .nudge-top-40 {margin-top:-40px!important;} .nudge-right-40 {margin-right:-40px!important;} .nudge-bottom-40 {margin-bottom:-40px!important;} .nudge-left-40 {margin-left:-40px!important;} /* Using the examples below you can add as many as you need increasing padding / margin */ .p0 {padding:0!important;} .pt0 {padding-top:0!important;} .pr0 {padding-right:0!important;} .pb0 {padding-bottom:0!important;} .pl0 {padding-left:0!important;} .pt10 {padding-top:10px!important;} .pr10 {padding-right:10px!important;} .pb10 {padding-bottom:10px!important;} .pl10 {padding-left:10px!important;} .pt15 {padding-top:15px!important;} .pr15 {padding-right:15px!important;} .pb15 {padding-bottom:15px!important;} .pl15 {padding-left:15px!important;} .pt20 {padding-top:20px!important;} .pr20 {padding-right:20px!important;} .pb20 {padding-bottom:20px!important;} .pl20 {padding-left:20px!important;} .pt25 {padding-top:25px!important;} .pr25 {padding-right:25px!important;} .pb25 {padding-bottom:25px!important;} .pl25 {padding-left:25px!important;} .pt30 {padding-top:30px!important;} .pr30 {padding-right:30px!important;} .pb30 {padding-bottom:30px!important;} .pl30 {padding-left:30px!important;} .m0 {margin:0!important;} .mt0 {margin-top:0!important;} .mr0 {margin-right:0!important;} .mb0 {margin-bottom:0!important;} .ml0 {margin-left:0!important;} .mt10 {margin-top:10px!important;} .mr10 {margin-right:10px!important;} .mb10 {margin-bottom:10px!important;} .ml10 {margin-left:10px!important;} .mt15 {margin-top:15px!important;} .mr15 {margin-right:15px!important;} .mb15 {margin-bottom:15px!important;} .ml15 {margin-left:15px!important;} .mt20 {margin-top:20px!important;} .mr20 {margin-right:20px!important;} .mb20 {margin-bottom:20px!important;} .ml20 {margin-left:20px!important;} .mt25 {margin-top:25px!important;} .mr25 {margin-right:25px!important;} .mb25 {margin-bottom:25px!important;} .ml25 {margin-left:25px!important;} .mt30 {margin-top:30px!important;} .mr30 {margin-right:30px!important;} .mb30 {margin-bottom:30px!important;} .ml30 {margin-left:30px!important;} /* Custom styled lists */ ul.list-styled, .list-styled > ul, .list-styled > li > ul, .list-styled > li > ul > li > ul {position:relative; padding:0 30px 0 0!important; list-style:none;} .list-styled li {position:relative; margin-left:0; padding:0 0 0 40px; margin-bottom:.5em; text-align:left;} .list-styled li:before {position:absolute; content:''; display:inline-block; left:0; top:2px; margin:0; width:35px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:contain;} /* Checkboxes */ .list-styled.list-check li:before, .list-styled.list-check.list-blue li:before {background-image:url('../images/lists/checkbox_blue.svg');} .list-styled.list-check.list-blue-rev li:before {background-image:url('../images/lists/checkbox_blue-rev.svg');} .list-styled.list-check.list-green li:before {background-image:url('../images/lists/checkbox_green.svg');} .list-styled.list-check.list-green-rev li:before {background-image:url('../images/lists/checkbox_green-rev.svg');} .list-styled.list-check.list-red li:before {background-image:url('../images/lists/checkbox_red.svg');} .list-styled.list-check.list-red-rev li:before {background-image:url('../images/lists/checkbox_red-rev.svg');} .list-styled.list-check.list-orange li:before {background-image:url('../images/lists/checkbox_orange.svg');} .list-styled.list-check.list-orange-rev li:before {background-image:url('../images/lists/checkbox_orange-rev.svg');} .list-styled.list-check.list-yellow li:before {background-image:url('../images/lists/checkbox_yellow.svg');} .list-styled.list-check.list-yellow-rev li:before {background-image:url('../images/lists/checkbox_yellow-rev.svg');} /* Arrows */ .list-styled.list-arrow li:before {top:5px} .list-styled.list-arrow li:before, .list-styled.list-arrow.list-blue li:before {background-image:url('../images/lists/arrow_blue.svg');} .list-styled.list-arrow.list-blue-rev li:before {background-image:url('../images/lists/arrow_blue-rev.svg');} .list-styled.list-arrow.list-green li:before {background-image:url('../images/lists/arrow_green.svg');} .list-styled.list-arrow.list-green-rev li:before {background-image:url('../images/lists/arrow_green-rev.svg');} .list-styled.list-arrow.list-red li:before {background-image:url('../images/lists/arrow_red.svg');} .list-styled.list-arrow.list-red-rev li:before {background-image:url('../images/lists/arrow_red-rev.svg');} .list-styled.list-arrow.list-orange li:before {background-image:url('../images/lists/arrow_orange.svg');} .list-styled.list-arrow.list-orange-rev li:before {background-image:url('../images/lists/arrow_orange-rev.svg');} .list-styled.list-arrow.list-yellow li:before {background-image:url('../images/lists/arrow_yellow.svg');} .list-styled.list-arrow.list-yellow-rev li:before {background-image:url('../images/lists/arrow_yellow-rev.svg');} /* Stars */ .list-styled.list-star li:before {top:4px} .list-styled.list-star li:before, .list-styled.list-star.list-blue li:before {background-image:url('../images/lists/star_blue.svg');} .list-styled.list-star.list-blue-rev li:before {background-image:url('../images/lists/star_blue-rev.svg');} .list-styled.list-star.list-green li:before {background-image:url('../images/lists/star_green.svg');} .list-styled.list-star.list-green-rev li:before {background-image:url('../images/lists/star_green-rev.svg');} .list-styled.list-star.list-red li:before {background-image:url('../images/lists/star_red.svg');} .list-styled.list-star.list-red-rev li:before {background-image:url('../images/lists/star_red-rev.svg');} .list-styled.list-star.list-orange li:before {background-image:url('../images/lists/star_orange.svg');} .list-styled.list-star.list-orange-rev li:before {background-image:url('../images/lists/star_orange-rev.svg');} .list-styled.list-star.list-yellow li:before {background-image:url('../images/lists/star_yellow.svg');} .list-styled.list-star.list-yellow-rev li:before {background-image:url('../images/lists/star_yellow-rev.svg');} /* Docs */ .list-styled.list-doc li:before {top:5px} .list-styled.list-doc li:before, .list-styled.list-doc.list-blue li:before {background-image:url('../images/lists/doc_blue.svg');} .list-styled.list-doc.list-blue-rev li:before {background-image:url('../images/lists/doc_blue-rev.svg');} .list-styled.list-doc.list-green li:before {background-image:url('../images/lists/doc_green.svg');} .list-styled.list-doc.list-green-rev li:before {background-image:url('../images/lists/doc_green-rev.svg');} .list-styled.list-doc.list-red li:before {background-image:url('../images/lists/doc_red.svg');} .list-styled.list-doc.list-red-rev li:before {background-image:url('../images/lists/doc_red-rev.svg');} .list-styled.list-doc.list-orange li:before {background-image:url('../images/lists/doc_orange.svg');} .list-styled.list-doc.list-orange-rev li:before {background-image:url('../images/lists/doc_orange-rev.svg');} .list-styled.list-doc.list-yellow li:before {background-image:url('../images/lists/doc_yellow.svg');} .list-styled.list-doc.list-yellow-rev li:before {background-image:url('../images/lists/doc_yellow-rev.svg');} /* HEADER -------------------------------------------------- */ .emg-msg {float:left; clear:both; width:100%; height:40px; animation:pulse 5s infinite; font-family:"Barlow Condensed", sans-serif!important; font-weight:600; text-align:center; line-height:38px; position:relative; z-index:1} .emg-msg.msg-red {background-color:var(--bpl-red)!important; color:var(--bpl-white)!important; } .emg-msg.msg-orange {background-color:var(--bpl-orange)!important; color:var(--bpl-white)!important; } .emg-msg.msg-yellow {background-color:var(--bpl-yellow)!important; color:var(--bpl-black)!important; } .emg-msg.msg-green {background-color:var(--bpl-green)!important; color:var(--bpl-white)!important; } @keyframes pulse { 0% { opacity:1; } 50% { opacity:.7; } 100% { opacity:.99; } } .emg-msg p {max-width:1500px; margin:0 auto!important;} .emg-msg span {font-size:20px!important;} .emg-msg span span {width:30px!important; height:30px!important; line-height:25px!important; margin:0!important; top:0px!important;} /* HEADER -------------------------------------------------- */ /* Eyebrow Header */ #header-eyebrow {position:relative; display:block; float:left; clear:both; width:100%; height:50px; box-shadow:0 0 10px var(--bpl-shadow); z-index:8000; background: #ebeeef; background: -webkit-gradient(linear,left top,right top,from(#ebeeef),color-stop(50%,#fff),to(#ebeeef)); background: linear-gradient(to right,#ebeeef 0,#fff 50%,#ebeeef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEEEF',endColorstr='#EBEEEF',GradientType=1)} #header-eyebrow .eyebrow-nav {display:flex; max-width:1500px; height:50px; margin:0 auto!important; justify-content:center; flex-wrap:wrap; gap:0 30px; align-items:center; list-style:none; padding:0; font-family:"Heading", sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase;} #header-eyebrow .eyebrow-nav li {position:relative;} #header-eyebrow .eyebrow-nav li:after {position:absolute; right:-19px; top:-2px; content:'::'; color:var(--bpl-med-grey);} #header-eyebrow .eyebrow-nav li:last-child:after {display:none;} #header-eyebrow .eyebrow-nav li a {color:var(--bpl-blue);} /* Main Header */ #header {position:relative; height:334px; background:url('../images/bg/bg_blue-stripes-left.webp') no-repeat left top var(--bpl-blue); background-size:70%;} #header > .container {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0!important; max-width:1500px;} /* Logo */ #header .header-brand {display:block; position:relative; z-index:9999; top:-35px; left:-30px; width:470px; height:218px; text-indent:-999em; background-size:contain!important; background-repeat:no-repeat!important;} /* Rating */ #header .header-romw {position:relative; top:15px; left:-50px; width:232px; height:130px;} #header .header-romw iframe {width:100%!important; padding:0; height:130px!important;} /* Header CTAs (Financing & Locations) */ #header .header-ctas {position:relative; top:15px; left:-25px; font-family:"Heading Italic", sans-serif; font-size:20px;} #header .header-ctas img {margin:0 10px 0 0;} #header .header-ctas a {color:var(--bpl-white);} .header-ctas .hd-cta-financing {margin:0 0 20px 0;} /* Phone & Main CTA */ #header .header-main-cta {display:flex; align-items:center; flex-wrap:wrap; position:relative; margin:-25px 0 0 auto; font-family:"Heading", sans-serif!important; font-weight:500; text-align:center;} #header .header-main-cta .header-cta-img {position:relative; width:219px; height:122px; left:10px; top:30px; z-index:0;} #header .header-main-cta .header-tagline {position:relative; font-size:24px; padding:0 0 0 3px; font-family:"Heading Thin Italic", sans-serif!important; font-weight:500; color:var(--bpl-white)!important;} #header .header-main-cta .header-tagline .icon_247 {display:inline-block; position:relative; top:-3px; background:var(--bpl-green); color:var(--bpl-blue); padding:1px 7px; border-radius:3px; font-size:19px; line-height:26px;} #header .header-main-cta .company-main-phone {position:relative; top:-5px;} #header .header-main-cta .bpl-phone-link {font-size:44px; color:var(--bpl-white);} #header .header-main-cta .bpl-phone-link:hover {color:var(--bpl-green); text-decoration:none;} #header .btn-lg {position:relative; right:0px; top:-10px;} #header .btn-lg:hover {opacity:.8;} /* Badge */ .header-bpl_badges {float:right; margin:44px 20px 0 0;} .header-bpl_badges img {height:85px!important; width:auto;} .header-bpl_badges .bpl_badge {float:left; clear:none!important; width:auto; margin-left:15px;} /* THE NAVBAR -------------------------------------------------- */ .header-nav {position:absolute; bottom:0; width:100%; background:var(--bpl-green); height:68px; border-top:4px solid var(--bpl-white); border-bottom:4px solid var(--bpl-white);} .header-nav .container {max-width:1500px;} .header-nav .main-nav {display:block!important; height:60px;} .header-nav .main-nav .nav-items {width:100%; display:flex!important; justify-content:space-between; align-items:center; flex-wrap:wrap; list-style:none; margin:0; padding:0; height:60px;} .header-nav .main-nav .nav-items > li {height:70px; font-family:"Heading", sans-serif!important; font-weight:normal; color:var(--bpl-blue); font-size:20px; text-transform:uppercase;} .header-nav .main-nav .nav-items > li > a {display:block; position:relative; height:60px; color:var(--bpl-blue); line-height:60px;} .header-nav .main-nav .nav-items > li > a:hover, .header-nav .main-nav .nav-items > li.current-menu-item > a, .header-nav .main-nav .nav-items > li.current-menu-parent > a {text-decoration:none;} .header-nav .menu-header-eyebrow-container, .header-nav .navbar-toggler {display:none;} .navbar-wrapper {position:relative; top:0; right:0; left:0; z-index:9000; margin:0!important;} .navbar-wrapper > .container {padding-right:0; padding-left:0;} .navbar-wrapper .navbar {padding-right:15px; padding-left:15px; background:none;} .navbar-wrapper .navbar .container {width:auto;} /* The Dropdown */ .header-nav .main-nav > .nav-items .dropdown-menu {width:300px; margin:-5px 0 0 -5px; top:63px; padding:0; background-color:var(--bpl-blue); border-radius:0 0 5px 5px; border:2px solid var(--bpl-green); font-family:'Roboto', sans-serif; text-transform:none;} .header-nav .main-nav > .nav-items .dropdown-menu.show {transform:translate(-5px, 58px)!important;} .header-nav .main-nav > .nav-items .dropdown-menu li a {display:block; width:100%; color:var(--bpl-white); font-weight:700; font-size:16px; padding:12px 15px; border-bottom:1px solid var(--bpl-green);} .header-nav .main-nav > .nav-items .dropdown-menu li:last-child a {border-bottom:0;} .header-nav .main-nav > .nav-items .dropdown-menu li a:hover {background-color:var(--bpl-green)!important; color:var(--bpl-blue)!important; text-decoration:none;} .header-nav .navbar-nav li:hover, .header-nav .navbar-nav li:hover a, .header-nav .navbar-nav li a:hover {cursor:pointer; cursor:hand;} /* Selected & Hover Main Menu Items */ .header-nav .main-nav .nav-items > li.current-menu-item > a:before, .header-nav .main-nav .nav-items > li.current-page-parent > a:before {position:absolute; display:block; content:''; width:28px; height:14px; bottom:0; left:calc(50% - 14px); background:url('../images/nav/nav-indicator.svg') no-repeat center center; background-size:cover; z-index:4000;} /* BREADCRUMBS -------------------------------------------------- */ .row.bc {border-bottom:1px solid var(--bpl-light-grey); padding:5px 0;} .breadcrumb {padding:15px 0 15px 0!important; margin:0!important; list-style:outside none none; background-color:transparent!important; border-radius:0!important; font-size:14px; line-height:1;} .breadcrumb a {position:relative; padding:0; color:var(--bpl-light-blue)!important;} .breadcrumb a:after {position:relative; content:'/'; display:inline-block; margin:0 5px; color:var(--bpl-light-grey);} .breadcrumb li:last-child a:after {display:none;} /* TAB NAV -------------------------------------------------- */ .nav-tabs {margin-bottom:25px!important; border-bottom:1px solid var(--bpl-light-grey)!important; font-family:"Heading", sans-serif!important; font-weight:normal; font-size:22px; text-transform:uppercase;} .nav-tabs .nav-link.active {background-color:var(--bpl-white); color:var(--bpl-blue)!important;} .nav-tabs .nav-link {color:var(--bpl-black); } .nav-tabs .nav-link:hover {color:var(--bpl-light-blue); border:none!important;} /* COLLAPSIBLE LISTS -------------------------------------------------- */ .accordion-button {font-family:'Heading', sans-serif; font-size:22px!important;} /* SECONDARY NAV -------------------------------------------------- */ .child-nav h3 {margin:0 0 15px 0; font-size:36px!important; margin:0!important;} .child-nav h3 > a {color:var(--bpl-black)!important; border:none;} .child-nav li {position:relative;} .child-nav > ul {margin:15px 0; padding:0; display:flex; align-items:top; flex-wrap:wrap;} .child-nav > ul > li {flex:0 0 100%; display:block; font-size:20px; border-bottom:1px dashed var(--bpl-med-grey); padding:12px 0 10px 0!important; margin:0!important; font-family:'Heading', sans-serif;} .child-nav > ul > li:last-child {border-bottom:1px dashed var(--bpl-med-grey)!important;} .child-nav > ul > li > a {display:block;} .col-12.nav-block .child-nav ul {width:100%; display:grid; row-gap:0; column-gap:15px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 20%), 1fr));} .col-12.nav-block .child-nav ul li {width:100%;} .child-nav > ul li ul {list-style:none; margin:0 0 -5px 0!important; padding:0!important;} .child-nav > ul li ul li {border-bottom:none; padding:0 0 0 15px!important; font-size:14px; margin:0 0 5px 0; line-height:30px;} .child-nav > ul li ul li:last-child {padding-bottom:10px!important;} .child-nav > ul li.current_page_item ul, .child-nav > ul li.current_page_ancestor ul {border-left:1px solid var(--bpl-light-grey);} .child-nav ul li a {padding:0!important; color:var(--bpl-light-blue);} .child-nav ul li a:hover {background:none; text-decoration:none; opacity:.7;} .child-nav > ul li.page_item_has_children.current_page_item:last-child, .child-nav > ul li.page_item_has_children.current_page_ancestor:last-child {padding-bottom:5px!important;} .child-nav > ul > li.current_page_item, .child-nav > ul > li ul.children li.current_page_item, .child-nav > ul > li.current_page_ancestor ul.children li.current_page_item, .child-nav > ul > li ul li.current-menu-item {font-weight:700;} .child-nav > ul > li.current_page_item a, .child-nav > ul > li ul.children li.current_page_item a, .child-nav > ul > li.current_page_ancestor a, .child-nav > ul > li ul.children li.current_page_ancestor a {color:var(--bpl-black);} .child-nav > ul > li.current_page_ancestor ul.children li {background-color:transparent;} .child-nav > ul > li.current_page_item li {font-weight:400;} /* PAGINATION -------------------------------------------------- */ .pagination {margin:30px auto; justify-content:center; border:4px solid var(--bpl-white); align-items:center; box-shadow:0 0 5px var(--bpl-shadow)!important; height:50px; border-radius:25px;} .pagination > .page-numbers {display:block; padding:0 15px; height:42px; line-height:42px; font-family:"Heading", sans-serif;} .pagination > .current {background:var(--bpl-green); color:var(--bpl-black);} .pagination > span.current:first-child {border-radius:20px 0 0 20px;} .pagination > span.current:last-child {border-radius:0 20px 20px 0;} .pagination > .prev, .pagination > .next {position:relative; text-indent:-999em; color:var(--bpl-dark-grey); width:30px;} .pagination > .prev:hover, .pagination > .next:hover {color:var(--bpl-black);} .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:40px; font-size:18px; text-align:center!important; top:-1px; left:0;} .pagination > .prev:before {content:"\f430";} .pagination > .next:before {content:"\f429";} /* FOOTER -------------------------------------------------- */ footer {float:left; clear:both; width:100%; margin:30px 0;} footer .row {padding:30px 0;} footer .row .container {display:flex; flex-wrap:wrap; align-items:center;} /* Logo */ footer .footer-logo {padding:0 0 0 0;} footer .footer-logo img {width:100%; height:auto;} /* Addresses */ footer .footer-contact {padding:60px 0 0 60px;} footer .footer-contact .address-block {font-size:18px; line-height:32px;} footer .footer-contact .company-name {font-family:'Heading', sans-serif; font-size:26px; font-weight:normal;} /* Footer Nav */ footer .footer-nav {padding:60px 0 0 60px;} footer .footer-nav ul {margin:0; padding:0; width:100%; display:flex; flex-wrap:wrap;} footer .footer-nav ul li {position:relative; flex:0 0 50%; margin:0 0 5px 0; padding:0 0 0 15px; font-size:18px;} footer .footer-nav ul li:before {position:absolute; width:15px; height:15px; left:-5px; top:4px; content:'\f061'; font-family:'FontAwesome'; color:var(--bpl-light-blue); font-size:12px} /* Socials */ footer .footer-socials {padding:60px 0 0 0; text-align:center;} footer .footer-socials h4 {font-size:26px!important; margin:0 0 15px 0!important;} /* Hours & License */ footer .footer-hours {text-align:center;} /* Copyright */ footer .footer-cpr {text-align:center; padding:0 0 30px 0;} /* HERO AREA -------------------------------------------------- */ .carousel {height:500px; width:100%;} .carousel .carousel-item, .carousel .carousel-item.unlinked-slide {display:block; width:100%; height:500px; background-repeat:no-repeat; background-position:center top; background-size:2500px;} /* Fade transition for carousel items */ .carousel.carousel-fade .carousel-item {-moz-transition:opacity ease-in-out 1s; -o-transition:opacity ease-in-out 1s; -webkit-transition:opacity ease-in-out 1s; transition:opacity ease-in-out 1s;} .carousel.carousel-fade .carousel-item.active {opacity:1; -moz-transition:opacity ease-in-out 1s; -o-transition:opacity ease-in-out 1s; -webkit-transition:opacity ease-in-out 1s; transition:opacity ease-in-out 1s;} /* How Can We Help You Hero */ .row.home-hero {background-size:cover;} .row.top-header ul {margin-bottom:0;} .row.top-header .btn {margin-top:15px!important;} @media (max-width:1319px) {.row.top-header img.alignleft {display:none;}} /* REUSABLE BANNERS ------------------------- */ .reusable-row {float:left; clear:both; width:100%; margin:0;} .reusable-row.row-full-width {padding:30px 0!important;} .reusable-row .reusable-container {display:block; margin:0 auto; max-width:1500px; float:none;} .reusable-row .row-title {flex:0 0 100%; margin:0 0 45px 0!important; font-family:'Heading', sans-serif; font-size:32px; text-align:center;} /* Service Icons */ .reusable-row.banner-service-icons .reusable-container {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; text-align:center; row-gap:30px;} .reusable-row.banner-service-icons h3 {font-family:'Heading Italic', sans-serif!important; margin:5px 0!important; font-size:32px!important; font-weight:600; line-height:1.4!important;} .reusable-row.banner-service-icons a {color:var(--bpl-green);} .reusable-row.banner-service-icons a:hover {text-decoration:none; opacity:.8;} .reusable-row.banner-service-icons a img {width:180px; height:180px; margin-bottom:15px;} /* Badges Banner */ .reusable-row.banner-badges {padding:60px 0!important; border-top:4px solid var(--bpl-white); border-bottom:4px solid var(--bpl-white); background: #ebeeef; background: -webkit-gradient(linear,left top,right top,from(#ebeeef),color-stop(50%,#fff),to(#ebeeef)); background: linear-gradient(to right,#ebeeef 0,#fff 50%,#ebeeef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEEEF',endColorstr='#EBEEEF',GradientType=1);} .reusable-row.banner-badges .reusable-container {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .reusable-row.banner-badges .bpl-badge {flex:0 0 calc(100%/7); padding:0 30px;} .reusable-row.banner-badges .bpl-badge img {width:100%; height:auto;} /* CTA Banner */ .reusable-row.banner-schedule {height:102px; padding:0!important; border-top:4px solid var(--bpl-white); border-bottom:4px solid var(--bpl-white); box-shadow:0 0 10px var(--bpl-shadow); background: #ebeeef; background: -webkit-gradient(linear,left top,right top,from(#ebeeef),color-stop(50%,#fff),to(#ebeeef)); background: linear-gradient(to right,#ebeeef 0,#fff 50%,#ebeeef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEEEF',endColorstr='#EBEEEF',GradientType=1);} .reusable-row.banner-schedule .reusable-container {display:flex; height:96px; align-items:center; justify-content:center; flex-wrap:wrap;} .reusable-row.banner-schedule p {position:relative; margin:0!important; padding:0 15px; text-align:center; line-height:1.2} .reusable-row.banner-schedule p small {font-family:'Heading Thin Italic', sans-serif; font-size:24px; color:var(--bpl-blue);} .reusable-row.banner-schedule p small .icon_247 {font-family:'Heading', sans-serif; font-style:normal; display:inline-block; position:relative; top:-3px; background:var(--bpl-green); color:var(--bpl-blue); padding:1px 7px; border-radius:3px; font-size:19px; line-height:26px;} .reusable-row.banner-schedule p .bpl-phone-link {font-family:'Heading', sans-serif; font-size:44px; color:var(--bpl-blue);} .reusable-row.banner-schedule p .bpl-phone-link:hover {text-decoration:none; color:var(--bpl-light-blue);} .reusable-row.banner-schedule p:nth-child(2) {margin-top:-20px!important} .reusable-row.banner-schedule img {max-width:220px;} .reusable-row.banner-schedule .btn {top:-4px} .reusable-row.banner-schedule p a.btn:hover {opacity:.7;} /* Feature Layouts */ .reusable-layout {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; background-repeat:no-repeat; background-position:center center; background-size:cover;} .row-full-width .reusable-layout .reusable-container {width:1500px; max-width:1500px; margin:0 auto; padding:30px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;} /* CONTENT -------------------------------------------------- */ .page {margin:0 auto;} div#main {float:left; clear:both; width:100%; margin:0 0 0 0;} div[role="main"] {padding:0;} div[role="complementary"] {padding-right:0;} /* Rows & Containers */ .row {margin:0!important; background-repeat:no-repeat; background-position:center center; background-size:cover;} .container {max-width:1500px;} .row {padding:45px 0;} .row.row-full-width {padding:0;} .row.row-full-width .container {width:100%!important;} .row.top-header {padding:30px 0;} /* Row Base Colors */ .row-bg-blue {background-color:var(--bpl-blue); color:var(--bpl-white);} .row-bg-blue a, .row-bg-blue a:visited {color:var(--bpl-green);} .row-bg-blue a:hover {color:var(--bpl-white);} /* Columns */ .col-lg-12, .col-md-12 {padding:0!important;} .page #main .row > .container {display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; row-gap:30px;} .page .col-12 {flex:0 0 100%;} .page .col-10 {flex:0 0 82%;} .page .col-2 {flex:0 0 14%;} .page .col-9 {flex:0 0 73%;} .page .col-3 {flex:0 0 22%;} .page .col-8 {flex:0 0 64%;} .page .col-4 {flex:0 0 31%;} .page .col-7 {flex:0 0 56%;} .page .col-5 {flex:0 0 40%;} .page .col-6 {flex:0 0 49%!important; width:49%!important;} .page .col-10 > [class^="col-"], .page .col-10 > [class*="col-"], .page .col-9 > [class^="col-"], .page .col-9 > [class*="col-"], .page .col-8 > [class^="col-"], .page .col-8 > [class*="col-"], .page .col-12 > [class^="col-"], .page .col-12 > [class*=" col-"] {display:inline-block; vertical-align:top; padding:1%;} .page .col-10 > .col-10, .page .col-9 > .col-10, .page .col-8 > .col-10, .page .col-12 > .col-10 {width:83%;} .page .col-10 > .col-2, .page .col-9 > .col-2, .page .col-8 > .col-2, .page .col-12 > .col-2 {width:15%;} .page .col-10 > .col-9, .page .col-9 > .col-9, .page .col-8 > .col-9, .page .col-12 > .col-9 {width:74%;} .page .col-10 > .col-3, .page .col-9 > .col-3, .page .col-8 > .col-3, .page .col-12 > .col-3 {width:24%;} .page .col-10 > .col-8, .page .col-9 > .col-8, .page .col-8 > .col-8, .page .col-12 > .col-8 {width:65%;} .page .col-10 > .col-4, .page .col-9 > .col-4, .page .col-8 > .col-4, .page .col-12 > .col-4 {width:32%;} .page .col-10 > .col-7, .page .col-9 > .col-7, .page .col-8 > .col-7, .page .col-12 > .col-7 {width:57%;} .page .col-10 > .col-5, .page .col-9 > .col-5, .page .col-8 > .col-5, .page .col-12 > .col-5 {width:41%;} .page .col-10 > .col-6, .page .col-9 > .col-6, .page .col-8 > .col-6, .page .col-12 > .col-6 {width:49%;} .bpl-section-desc {border-bottom:1px solid var(--bpl-light-grey); margin:0 0 30px 0;} /* Pronounced Phone Numbers (Bubbles) */ #main .phone-bubble {margin:15px 0 60px 0!important} #main .phone-bubble .bpl-phone-link {background-color:var(--bpl-highlight); color:var(--bpl-black); font-family:"Heading Thin", sans-serif; font-size:30px;} #main .bubble-small .bpl-phone-link {font-size:24px;} #main .phone-bubble.inverted-phone .bpl-phone-link {background-color:var(--bpl-black); color:var(--bpl-highlight);} #main .phone-bubble .bpl-phone-link {display:inline; padding:10px 30px 5px 30px; border-radius:40px;} #main .bubble-small .bpl-phone-link {border-radius:20px; padding:5px 15px 2px 15px;} /* Sharing and Social Media */ /* Multi-option Content ------------------------- */ .bpl-multi-option-select {float:left; clear:both; width:100%; margin:30px 0; padding:0 0 30px 0;} /* Phone Number Display ------------------------- */ .bpl-phone-button > span, .bpl-phone-button-small > span {display:flex; justify-content:center; align-items:center; max-width:100%; height:0; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat;} .bpl-phone-button > span {padding-bottom:16.86%;} .bpl-phone-button-small > span {padding-bottom:23.69%;} /* Big Button */ .bpl-phone-button {display:inline-block; width:100%; max-width:615px;} .bpl-phone-button .phone-button {background-image:url("../images/buttons/btn-call-blank.png");} .bpl-phone-button:hover {text-decoration:none; color:var(--bpl-light-blue); opacity:.8;} .bpl-phone-button .phone-text {display:block; width:100%; text-align:center; padding:16% 0 0 5%; font-family:"Heading Thin Italic", sans-serif; font-weight:600; font-size:58px;} aside .bpl-phone-button .phone-text {font-size:36px;} [class^="col-md-"] div.[class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text {font-size:30px;} /* Small Button */ .bpl-phone-button-small {display:inline-block; width:100%; max-width:420px;} .bpl-phone-button-small .phone-button {background-image:url("../images/buttons/btn-call-blank-sm.png");} .bpl-phone-button-small .phone-text {display:block; width:100%; text-align:center; padding:23.69% 0 0 9%; font-family:"Heading Thin Italic", sans-serif; font-weight:600; font-size:44px;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:30px;} /* Tiny Button (Inline) */ .bpl-phone-button-inline {display:inline-block; padding:0 15px; margin:0 5px; text-align:center; background:#EDF7FF; border:2px solid var(--bpl-white); box-shadow:0 0 5px var(--bpl-shadow); border-radius:10px; font-weight:700;} .bpl-phone-button-inline .phone-text {color:var(--bpl-light-blue);} .bpl-phone-button-inline:hover {text-decoration:none;} .bpl-phone-button-inline:hover .phone-text {color:var(--bpl-black);} @media (min-width:992px) and (max-width:1355px) { .bpl-phone-button .phone-text, .bpl-phone-button-small .phone-text {position:relative; right:auto; top:auto;} .bpl-phone-button .phone-text {font-size:4.5vw;} .bpl-phone-button-small .phone-text {font-size:3.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text {font-size:1.8vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:1.8vw;} } @media (min-width:768px) and (max-width:991px) { .bpl-phone-button .phone-text, .bpl-phone-button-small .phone-text {position:relative; right:auto; top:auto;} .bpl-phone-button .phone-text {font-size:6.5vw;} .bpl-phone-button-small .phone-text {font-size:4.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text {font-size:6.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:4.5vw;} aside .bpl-phone-button {max-width:100%;} aside .bpl-phone-button .phone-text {font-size:7.5vw} } @media (max-width:767px) { .bpl-phone-button > span, .bpl-phone-button-small > span {text-align:center; display:flex; justify-content:center; align-items:center;} .bpl-phone-button .phone-text, .bpl-phone-button-small .phone-text {position:relative; right:auto; top:auto;} .bpl-phone-button .phone-text {font-size:8.5vw;} .bpl-phone-button-small .phone-text {font-size:5.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text {font-size:8.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:5.5vw;} aside .bpl-phone-button {max-width:100%;} aside .bpl-phone-button .phone-text {font-size:8.5vw} } @media (max-width:615px) { .bpl-phone-button .phone-text {font-size:8.5vw;} .bpl-phone-button-small .phone-text {font-size:7vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text {font-size:8.5vw;} [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:7vw;} } @media (max-width:375px) { .bpl-phone-button .phone-text, .bpl-phone-button-small .phone-text, [class^="col-md-"] [class^="col-md-"] .bpl-phone-button .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button .phone-text, [class^="col-md-"] [class^="col-md-"] .bpl-phone-button-small .phone-text, [class*=" col-md-"] [class*=" col-md-"] .bpl-phone-button-small .phone-text {font-size:28px;} } /* Contact Info ---------------------------- */ .onpage-contact-info {line-height:28px;} .onpage-contact-info img {margin:5px 0!important;} /* Location Listings ---------------------------- */ .loc_list {float:left; clear:both; width:100%; margin:20px 0;} .loc_list .loc_listing {display:inline-block; width:32.333333%; margin:0 0 20px 0; padding:0 0 0 20px; line-height:28px; vertical-align:top;} .loc_listing .loc_title {font-family:"Heading Thin", sans-serif!important; font-weight:normal; font-size:22px;} .loc_listing .loc_title .glyphicon {display:inline!important; margin:0 0 0 -22px; font-size:18px;} .loc_listing .loc_info {display:block; font-size:22px; line-height:1.6; padding:5px 0 0 19px;} .loc_listing a .loc_info {color:var(--bpl-black);} .loc_listing a:hover {text-decoration:none;} .loc_listing img {width:80%; height:auto; margin:5px 0 0 0;} /* Maps (from shortcode) ---------------------------- */ .bpl_map {text-align:center;} .bpl_map iframe {width:100%!important; border:2px solid var(--bpl-white)!important; box-shadow:0 0 10px var(--bpl-shadow); border-radius:10px;} .bpl_map a {text-align:center; font-size:12px;} .bpl_map.col-lg-12 iframe {height:500px;} .bpl_map.col-lg-6 iframe {height:400px;} .bpl_map.col-lg-3 iframe {height:200px;} .bpl_map.col-lg-4 iframe {height:150px;} /*Arbitrary Google Map Embed*/ #map_canvas {width:100%; height:300px;} /* Coupons ---------------------------- */ .offer-list {display:flex; align-items:center; flex-wrap:wrap; column-gap:30px; row-gap:30px;} .offer-list .offer-item {padding:0!important;} .offer-list .offer-item.col-12 {max-width:60%; margin:0 auto;} .coupon img, .insert img {width:100%; height:auto; border-radius:10px 10px 0 0; border-bottom:2px solid white;} .offer-item .offer-body {float:left; clear:both; position:relative; display:block; width:100%; padding:8px; border-radius:20px; background:var(--bpl-white);} .insert .offer-body {border:5px solid var(--bpl-light-grey);} .coupon .offer-body {border:5px dashed var(--bpl-light-grey);} .offer-item .offer-inner {float:left; width:100%; padding:0; border-radius:10px; background:var(--bpl-light-grey);} .offer-item .btn {margin:0;} .offer-item .offer-actions {display:flex; align-items:center; padding:15px; justify-content:center; flex-wrap:wrap;} .insert .offer-actions {background:url('../images/bg/bg_blue-stripes-left.webp') no-repeat left top var(--bpl-blue); background-size:100%; border-radius:0 0 10px 10px;} .offer-item .offer-disclaimer {display:block; padding:0 15px 15px 15px; font-size:14px; color:var(--bpl-dark-grey);} .offer-expires + .btn {margin-left:auto;} .offer-item .offer-expires {text-transform:uppercase; color:var(--bpl-dark-grey); font-size:16px;} .insert .offer-expires {color:var(--bpl-white);} .offer-item .offer-expires strong {color:var(--bpl-black)!important; font-weight:900;} .insert .offer-expires strong {color:var(--bpl-white)!important;} .offer-item:hover {text-decoration:none; opacity:.7!important;} /* Single Coupons in Content */ .coupon-outer {display:block; width:auto;} .coupon-outer.aligncenter {display:inline-block!important; width:100%; text-align:center;} .coupon-outer.aligncenter .coupon {text-align:left; margin:1em auto; display:inline-block; float:none!important; clear:none!important;} /* Offer Landing Page */ .post-type_offers .page #main .row .container {align-items:center; justify-content:center; row-gap:0;} .post-type_offers .offer-item, .post-type_offers h1, .post-type_offers .offer-meta, .post-type_offers .offer-actions, .post-type_offers .offer-form {flex:0 0 100%;} .post-type_offers .offer-item {max-width:80%; border:5px dashed var(--bpl-med-grey); border-radius:15px;} .post-type_offers .offer-item img {width:100%; height:auto; margin:0; border-radius:15px!important; border:10px solid var(--bpl-white);} .post-type_offers .email-coupon {margin:0 auto; float:none;} .post-type_offers .offer-item .offer-inner {background:transparent;} .post-type_offers h1 {margin:30px 0 0 0!important;} .post-type_offers .offer-meta strong {text-transform:uppercase;} .post-type_offers .offer-meta .offer-disclaimer {font-size:16px; color:var(--bpl-dark-grey);} .post-type_offers .offer-actions {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; font-family:"Heading Thin", sans-serif; font-weight:normal;} .post-type_offers .offer-actions div > a > img {width:100%; height:auto;} .post-type_offers .offer-actions div a:hover {text-decoration:none; color:var(--bpl-light-blue); opacity:.8;} .post-type_offers .offer-actions .btn-call, .post-type_offers .offer-actions .btn-se {flex:0 0 40%;} .post-type_offers .offer-actions .btn-print {flex:0 0 20%; text-align:center; font-size:24px; font-family:"Heading", sans-serif;} .post-type_offers .offer-actions .btn-print .genericon {vertical-align:middle; font-size:26px; margin-top:-4px; background:transparent;} .post-type_offers .offer-actions .btn-call > a {display:flex; justify-content:center; width:100%; height:0px; padding-bottom:16.8%; color:var(--bpl-blue); background:url("../images/buttons/btn_call-blank.png") no-repeat center center; background-size:cover;} .post-type_offers .offer-actions .btn-call > a:hover {text-decoration:none; color:var(--bpl-light-blue);} .post-type_offers .offer-actions .btn-call > a > .phone-text {display:block; padding:2.5% 0 0 5%; font-size:50px; font-family:"Heading Italic", sans-serif;} .post-type_offers .offer-form h3 {margin:0!important;} .post-type_offers .offer-form > h3, .post-type_offers .offer-form p {text-align:center;} .post-type_offers .offer-form .frm_forms {max-width:70%; margin:0 auto;} /* Awards ---------------------------- */ .bpl_badge {float:left; clear:both; width:100%; margin:0 0 5% 0; padding:0 0 5% 0;} .bpl_badge_icon {display:inline;} .bpl_badges-list {margin:30px 0;} .bpl_badges-list .bpl_badge {border-bottom:1px solid var(--bpl-light-grey);} .bpl_badges-list .bpl_badge_icon, .bpl_badges-list .bpl_badge_icons {width:20%; float:left; margin:0 1.5em 0 0; text-align:center;} .bpl_badges-list .bpl_badge_icon img, .bpl_badges-list .bpl_badge_icons img {max-width:85%; height:auto; margin:0 auto; text-align:center; border-radius:5px;} .bpl_badges-list .bpl_badge_description {float:right; width:75%; line-height:28px;} .bpl_badges-list .bpl_badge.no-desc {display:inline-block; border:none; width:32.5%; float:none; clear:none; vertical-align:middle;} .bpl_badges-list .bpl_badge.no-desc .bpl_badge_icon {width:100%;} /* Videos or Embeds ---------------------------- */ .embed-item {margin:0 0 30px 0;} .embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; height:auto; border:2px solid var(--bpl-white); box-shadow:0 0 10px var(--bpl-shadow); border-radius:10px;} .embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .embed-item + ul.list-styled, .col-lg-12.embed-item + * {position:relative; z-index:0; clear:both;} .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; border:0; box-shadow:none;} .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; border:1px solid var(--bpl-white); box-shadow:0 0 10px var(--bpl-shadow);} .video-item a .play-button {display:block; position:absolute; width:60px; height:60px; left:50%; top:50%; margin:-30px 0 0 -30px; background:var(--bpl-highlight); border-radius:50%; border:2px solid var(--bpl-white); z-index:1;} .video-item a .play-button:before {position:relative; left:6px; font-family:'Genericons'; content:'\f452'; color:var(--bpl-black); font-size:50px; text-align:center; line-height:58px;} .video-item a:hover img {opacity:.8;} /* Image Galleries ---------------------------- */ .bpl-gallery {display:flex; align-items:top; flex-wrap:wrap; column-gap:15px; row-gap:15px; margin:0 0 60px 0;} .bpl-gallery a, .bpl-gallery span {display:block; flex:0 0 calc(16.66666667% - 15px);} .bpl-gallery a:hover {opacity:.8;} .bpl-gallery img {width:100%; height:auto; border:3px solid var(--bpl-white); box-shadow:0 0 5px var(--bpl-shadow); border-radius:10px;} .bpl-gallery .gallery-caption {display:block; margin:10px 0 0 0; text-align:center; text-transform:upperccase; font-size:15px; color:var(--bpl-dark-grey)} /* TABLES ---------------------------- */ .styled-table {margin:10px 0 40px 0; font-size:90%; width:100%;} .styled-table th, .styled-table td {padding:5px;} .styled-table p {margin:.5em 0;} .styled-table > tbody > td {border-bottom:1px solid var(--bpl-light-grey);} .styled-table > tbody > tr:nth-child(2n+1) > td {background:var(--bpl-light-blue);} .styled-table > tfoot > tr > td {padding:20px 5px 0 5px!important; line-height:1.5; color:var(--bpl-dark-grey);} table {width:100%; border:1px solid var(--bpl-light-grey);} table > tr > th, table > tr > td, table > thead > tr > th, table > tbody > tr > td {border-bottom:1px solid var(--bpl-light-grey); padding:15px 15px 0 15px;} table > tbody > tr:nth-child(2n+1) > td {background:#FBFBFB;} table th {text-transform:uppercase; font-size:80%; padding:15px; background:#F0F0F0} table .list-styled {padding:0; margin:0; left:10px;} table .list-styled li {text-indent:-12px;} table p {margin:0 0 10px 0!important} table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {line-height:auto!important} table.no_tbstyle > tr > th, table.no_tbstyle > tr > td, table.no_tbstyle > thead > tr > th, table.no_tbstyle > tbody > tr > td {border-bottom:none; padding:15px 15px 15px 0} table.no_tbstyle > tbody > tr:nth-child(2n+1) > td {background:transparent;} table.no_tbstyle img {box-shadow:0 0 10px var(--bpl-shadow); border-radius:5px;} /* MISC ---------------------------- */ .search-highlight {background-color:#FFDE00;} .blog-post-list {float:left; clear:both; width:100%; margin:0 0 30px 0;} /* CONTACT INFO ---------------------------- */ .bpl-contact-info {list-style:none; padding:0; margin:15px 0;} .bpl-contact-info .ci-logo {} .bpl-contact-info .ci-address strong, .bpl-contact-info .ci-hours strong, .bpl-contact-info .ci-phone strong {display:inline-block; margin:10px 0 0 0; text-transform:uppercase; color:var(--bpl-dark-grey); font-size:12px;} /* BLOG ---------------------------- */ .hero_single_post {position:relative; height:auto!important; margin:0 0 30px 0; border-top:1px solid #EDEDE8;} .hero_post_index {height:200px!important; margin:0 0 30px 0; font-size:18px; font-weight:600; text-align:center; background-color:#EBF8FE;} .hero_single_post .hero_content, .hero_post_index .hero_content {display:block;} .hero_post_index h1 {margin:10px 0 10px 0; font-size:48px;} .hero_post_index p {margin:20px 0 0 0;} .hero_single_post time, .blog-list time, .hero_single_post .post-meta, .hero_single_post .post-meta a {font-size:14px; color:var(--bpl-dark-grey); text-transform:uppercase; letter-spacing:0.1em} .blog-list h2 {clear:both; margin-top:5px;} .blog-list h2 > a {color:var(--bpl-blue)!important;} .hero_single_post h1 {clear:both; margin-top:5px;} .hero_single_post .hero_content {max-width:1500px; position:relative; z-index:1; padding:20px 0!important; 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.5) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .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:#EDEDE8;} .entry .wp-post-image {float:right; margin:5px 0 0 20px; border-radius:5px; padding:4px; background:var(--bpl-white); border:1px solid #EDEDE8;} .post-thumb-preview {float:left; clear:both; width:99%; height:0; margin:10px 0 20px 0; padding-bottom:55%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px; border:3px solid #FFF; box-shadow:0 0 10px var(--bpl-shadow);} .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:30px; line-height:3; border-bottom:1px dotted #EDEDE8; color:var(--bpl-dark-grey); font-size:14px;} .aside .bloglist.bpl_blog_categories ul > li:before {position:absolute; width:15px; height:15px; left:0; top:13px; content:"\f436"; line-height:1.5; font-family:"Genericons"; color:var(--bpl-blue)!important; font-size:18px;} .aside .bloglist.bpl_blog_categories ul > li > a {display:inline-block; width:87%; font-size:18px; color:var(--bpl-blue);} /* Releated Articles */ .bpl-rel-articles-list {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:30px 0 15px 0; padding:15px 0 0 0; border-top:1px dotted var(--bpl-light-grey);} .bpl-rel-articles-list > h3 {flex:0 0 100%; margin:0 0 25px 0!important; text-align:center;} .bpl-rel-articles-list .col-md-4 {width:calc(100% / 3)!important; } .rel-article-item {padding:0; display:block; position:relative; background-color:var(--bpl-white); text-align:center;} .rel-article-item:hover .rel-article-title {color:var(--bpl-black);} .rel-article-item .rel-article-img {width:100%; height:250px; background-size:cover; background-position:center 50%; background-repeat:no-repeat; border-radius:10px; border:3px solid var(--bpl-white); box-shadow:0 0 10px var(--bpl-shadow)} .rel-article-item .rel-article-title {display:block; width:100%; padding:15px; font-family:"Heading Thin", sans-serif!important; font-weight:normal; color:var(--bpl-blue); font-size:22px;} .rel-article-item .rel-article-title .dashicons {font-size:14px; line-height:2.5} .bpl_case-studies .bpl-rel-articles-list {margin:0 0 45px 0; padding:0; border-top:0;} /* SPECIAL CLASSES (LANDING PAGES) -------------------------------------------------- */ .body_lp_bg .hero {margin-bottom:0px!important;} .body_lp_bg {background:url('../images/bg-features.png') no-repeat center 612px!important;} @media (min-width:992px) and (max-width:1199px) { .body_lp_bg {background-position:center 547px;} } @media (min-width:768px) and (max-width:991px) { .body_lp_bg {background-position:center 469px;} } @media (max-width:767px) { .body_lp_bg {background-image:none!important;} } /* BUTTONS -------------------------------------------------- */ .btn {position:relative; margin:5px 0; border:4px solid var(--bpl-white)!important; text-transform:uppercase; font-family:"Heading Italic", sans-serif!important; font-weight:500!important; color:var(--bpl-white)!important; top:0; text-shadow:0 0 5px var(--bpl-shadow); box-shadow:0 0 10px var(--bpl-shadow);} .btn:hover {color:var(--bpl-white); text-decoration:none;} .btn.btn-link:hover {color:var(--bpl-black); opacity:1;} .btn i {line-height:1.8;} .btn-content {margin:0!important;} .btn.btn-link {background-color:transparent; color:var(--bpl-light-blue)!important;} .btn.btn-default, .btn.btn-orange {background-color:var(--bpl-orange);} .btn.btn-danger, .btn.btn-red {background-color:var(--bpl-red);} .btn.btn-primary, .btn.btn-blue {background-color:var(--bpl-blue);} .btn.btn-warning, .btn.btn-yellow {background-color:var(--bpl-highlight)700; color:var(--bpl-blue)!important;} .btn.btn-success, .btn.btn-green {background-color:var(--bpl-green); color:var(--bpl-blue)!important;} .btn.btn-info, .btn.btn-light-blue {background-color:var(--bpl-light-blue);} .btn.btn-black {background-color:var(--bpl-black);} .btn.btn-dark-gray {background-color:var(--bpl-dark-grey);} .btn.btn-light-gray {background-color:#ACB7BE;} .btn.btn-brown {background-color:#630;} .btn.btn-default:hover, .btn.btn-orange:hover {background-color:var(--bpl-orange);} .btn.btn-danger:hover, .btn.btn-red:hover {background-color:var(--bpl-red);} .btn.btn-primary:hover, .btn.btn-blue:hover {background-color:var(--bpl-blue);} .btn.btn-warning:hover, .btn.btn-yellow:hover {background-color:var(--bpl-highlight)700;} .btn.btn-success:hover, .btn.btn-green:hover {background-color:var(--bpl-green);} .btn.btn-info:hover, .btn.btn-light-blue:hover {background-color:var(--bpl-light-blue);} .btn.btn-black:hover {background-color:var(--bpl-black);} .btn.btn-dark-gray:hover {background-color:var(--bpl-dark-grey);} .btn.btn-light-gray:hover {background-color:#ACB7BE;} .btn.btn-brown:hover {background-color:#630;} /* Sizing */ .btn.btn-lg {font-size:28px; height:76px; line-height:70px!important; padding:0 30px; border-radius:38px;} .btn.btn-md {font-size:22px; height:66px; line-height:60px!important; padding:0 30px; border-radius:33px;} .btn.btn-sm {font-size:18px; height:56px; line-height:50px!important; padding:0 20px; border-radius:28px;} .btn.btn-xs {font-size:14px; height:46px; line-height:40px!important; padding:0 15px; border-radius:23px;} /* Inline Links */ .btn.btn-inline-link {display:inline; vertical-align:top; height:auto; padding:0!important; margin:0!important; font-family:'Roboto', sans-serif!important; text-transform:none; font-size:inherit; font-weight:inherit!important; background:none; color:var(--bpl-light-blue)!important; line-height:inherit!important; border:0; box-shadow:none; text-shadow:none;} .btn.btn-inline-link:hover {background:transparent; color:var(--bpl-black)!important; text-decoration:underline;} /* BIG SCHEDULE BUTTON */ .btn-schedule {position:relative; height:62px!important; padding-left:60px!important; border:2px solid var(--bpl-white)!important; border-right:0!important; border-left:0!important; border-radius:0!important; line-height:58px!important; font-size:28px!important; color:var(--bpl-white)!important; text-transform:uppercase; background:var(--bpl-orange); z-index:9000;} .btn-schedule:hover {opacity:.8;} .aside .btn-schedule {right:-30px;} /* AJAX Load More Button */ .alm-btn-wrap {float:left; clear:both; width:100%;} /* Sharing Button*/ .sharebutton {margin:0; padding:0 5px!important; height:auto!important; font-size:11px!important; background-color:var(--bpl-dark-grey); -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; top:0!important;} .sharebutton:hover, .sharebutton .dropdown:hover {color:var(--bpl-white)!important; opacity:.9; box-shadow:0 6px 12px rgba(0, 0, 0, .175); border-radius:3px 3px 0 0;} .breadcrumb .dropdown .dropdown-menu {width:300px!important; right:0!important; left:auto; padding:10px 10px 3px 10px; height:auto; top:16px; border-radius:5px 0 5px 5px;} /* Ajax Load More */ button.alm-load-more-btn {font-family:"Heading Thin", sans-serif; font-size:18px; width:auto; height:42px; line-height:44px; background:var(--bpl-black); color:var(--bpl-highlight); border:none; border-radius:21px; margin:0 0 4px; padding:0 20px; display:inline-block; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; cursor:pointer;} button.alm-load-more-btn:hover {opacity:.8; text-decoration:none;} button.alm-load-more-btn:active {-webkit-box-shadow:inset 0 2px 1px var(--bpl-shadow); -moz-box-shadow:inset 0 2px 1px var(--bpl-shadow); box-shadow:inset 0 2px 1px var(--bpl-shadow); text-decoration:none;} button.alm-load-more-btn.loading {padding-left:44px;} button.alm-load-more-btn.done {cursor:default; opacity:0.2; filter:alpha(opacity=20); background-color:#E51837; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;} button.alm-load-more-btn:before, button.alm-load-more-btn.done:before {background:none; width:0;} button.alm-load-more-btn.loading:before {background:url("../images/spinner-chasing-arrows.gif") no-repeat center center transparent; width:32px; height:32px; margin:6px; display:inline-block; z-index:0; content:''; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out;} .alm-btn-wrap {text-align:center; padding:10px 10px 30px; overflow:hidden; display:block;} /* Social Media Buttons */ .social-icons {position:relative;} .social-icons .social-icon {position:relative; display:inline-block; width:45px; height:45px; padding:0; margin:0 5px 0 0; text-indent:-999em; text-align:left;} .social-icons .social-icon i {width:45px; height:45px; line-height:42px; border-radius:10px; border:2px solid var(--bpl-white); box-shadow:0 0 5px var(--bpl-shadow); text-indent:0; font-size:22px; color:var(--bpl-white);} .icon-facebook i {background-color:#3b5998;} .icon-google i {background-color:#dd4b39;} .icon-twitter i {background-color:#55acee;} .icon-linkedin i {background-color:#007bb6;} .icon-youtube i {background-color:#f83033;} .icon-yelp i {background-color:#ba1f0c;} .icon-rss i {background-color:#f58229;} .icon-instagram i {background: #f9d000; background: -moz-linear-gradient(45deg, #f9d000 0%, #f00017 50%, #7e38b4 100%)!important; background: -webkit-linear-gradient(45deg, #f9d000 0%,#f00017 50%,#7e38b4 100%)!important; background: linear-gradient(45deg, #f9d000 0%,#f00017 50%,#7e38b4 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d000', endColorstr='#7e38b4',GradientType=1 )!important;} .btn-external-link i, .btn-print i, .btn-envelope i {background-color:#444;} /* GPP Page -------------------------------------------------- */ .gpp-page .hero {margin:0 0 15px 0; height:500px!important;} .gpp-page .hero-bg {height:500px!important;} .gpp-page .hero .hero_content .col-md-8 img {margin:60px 0 0 0;} .gpp-page .hero .gpp-form {margin:15px 0 0 0; padding:0 0 0 30px;} .gpp-page .hero .gpp-form h3 {color:var(--bpl-black); text-shadow:none; font-size:28px!important} /* =========================================================================================================================== */ /* ============================================================================================================= Media Queries */ /* =========================================================================================================================== */ /* Large desktops and laptops */ @media (min-width:2100px) { .hero .item a, .hero .item .unlinked-slide {background-size:contain;} .row.home-hero {background-size:2100px;} } /* Large desktops and laptops */ @media (min-width:1500px) { .container {width:1500px!important; padding:0!important;} /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu {display:block;} .dropdown:hover .dropdown-menu .dropdown ul {display:none;} .dropdown:hover .dropdown-menu .dropdown:hover ul {display:block;} /* On Location Pages */ .sb-visual .offer-item .offer-actions .offer-expires + .btn {margin:15px auto 5px auto;} } @media (max-width:1500px) { .container{padding:0!important;} } /* Landscape tablets and medium desktops */ @media (min-width:1320px) and (max-width:1555px) { /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu {display:block;} .dropdown:hover .dropdown-menu .dropdown ul {display:none;} .dropdown:hover .dropdown-menu .dropdown:hover ul {display:block;} .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%;} .alert {max-width:1320px;} .row-full-width .reusable-layout .reusable-container, .container {width:1320px!important;} /* HEADER -------------------------------------------------- */ #header .header-brand {width:350px; height:170px; top:0;} #header .header-main-cta {margin:10px 0 0 auto; flex:0 0 480px; justify-content:space-between;} #header .header-main-cta .header-cta-img {width:180px; height:105px; left:20px;} #header .header-main-cta .header-cta-container {flex:0 0 calc(100% - 180px);} #header .header-main-cta .company-main-phone {top:-10px;} #header .btn-lg {top:-15px;} #header-eyebrow .eyebrow-nav {font-size:14px;} .header-nav .main-nav .nav-items > li {font-size:18px;} /* HERO -------------------------------------------------- */ .carousel {height:450px;} .carousel .carousel-item, .carousel .carousel-item.unlinked-slide {height:450px; background-size:2250px;} .hero_single_post {height:auto!important;} .hero_post_index {height:200px!important;} /* FEATURES AREA ------------------------------------ */ .features .reusable-row .reusable-container {max-width:970px;} /* Service Icons */ .features .reusable-row.reusable-icons {margin:0px 0 15px 0!important;} .features .reusable-row.reusable-icons .reusable-column {width:33%; display:inline-block; vertical-align:top;} .features .reusable-row.reusable-icons h3 {padding:0 0 15px 0; font-size:24px!important;} /* COUPONS -------------------------------------------------- */ .offer-list {column-gap:26px;} /* Offer Landing Page */ .post-type_offers .offer-actions .btn-call > a > .phone-text {padding:2.5% 0 0 5%!important; font-size:44px!important;} /* On Location Pages */ .sb-visual .offer-item .offer-actions .offer-expires + .btn {margin:15px auto 5px auto;} /* Multi-option Content ------------------------- */ .bpl-multi-option-select {float:left; clear:both; width:100%; margin:30px 0; padding:0 0 30px 0;} .post-type_offers .offer-actions .btn-call > a > .phone-text {padding:0.5% 0 0 6%; font-size:39px; letter-spacing:-0.04rem} } /* Portrait tablets and small desktops */ @media (min-width:992px) and (max-width:1319px) { .row-full-width .reusable-layout .reusable-container{max-width:980px;} .container {max-width:980px!important; padding:0 15px!important;} .row-full-width .container {max-width:100%!important; padding:0!important;} .page .col-12, .page .col-9, .page .col-3 {flex:0 0 100%;} .page .col-10 {flex:0 0 83%;} .page .col-2 {flex:0 0 15%;} .page .col-8 {flex:0 0 65%;} .page .col-4 {flex:0 0 32%;} .page .col-7 {flex:0 0 57%;} .page .col-5 {flex:0 0 41%;} .reusable-column.col-3, .page .col-6 {flex:0 0 49%;} .page .col-12 > .col-10 {width:83%;} .page .col-12 > .col-2 {width:15%;} .page .col-12 > .col-9, .page .col-12 > .col-3 {width:100%;} .page .col-12 > .col-8 {width:65%;} .page .col-12 > .col-4 {width:32%;} .page .col-12 > .col-7 {width:57%;} .page .col-12 > .col-5 {width:41%;} .page .col-12 > .col-6 {width:49%;} .page .col-10 > .col-9, .page .col-9 > .col-9, .page .col-8 > .col-9 {width:74%;} .page .col-10 > .col-3, .page .col-9 > .col-3, .page .col-8 > .col-3 {width:24%;} .col-3.nav-block, .col-4.nav-block, .col-6.nav-block {order:99;} .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%;} #main .phone-bubble {margin:15px 0!important;} .alert {max-width:750px;} div#main .container {padding:0!important;} /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu {display:block;} .dropdown:hover .dropdown-menu .dropdown ul {display:none;} .dropdown:hover .dropdown-menu .dropdown:hover ul {display:block;} /* HEADER -------------------------------------------------- */ #header {height:280px;} #header-eyebrow .eyebrow-nav {font-size:14px;} /* Logo */ #header .header-brand {width:250px; height:120px; left:0; top:-5px;} /* Rating */ #header .header-romw {left:-15px;} #header .header-romw iframe {width:100%!important; padding:0; height:130px!important;} .header-script .romw-badge.romw-mobile-badge {display:none;} /* Header CTAs (Financing & Locations) */ #header .header-ctas {left:-15px; font-size:16px;} #header .header-ctas img {margin:0 10px 0 0;} .header-ctas .hd-cta-financing {margin:0 0 10px 0;} /* Phone CTA */ #header .header-main-cta {top:0; right:15px; margin:0 0 0 auto;} #header .header-main-cta .header-cta-img {display:none;} #header .header-main-cta .header-tagline {font-size:18px;} #header .header-main-cta .header-tagline .icon_247 {font-size:15px; line-height:20px;} #header .header-main-cta .bpl-phone-link {font-size:32px;} #header .btn-lg {height:60px; line-height:56px!important; position:relative; right:0px; top:-10px; font-size:24px; padding:0 15px;} /* HEADER NAV -------------------------------------------------- */ .header-nav .main-nav .nav-items > li {font-size:14px;} .header-nav .main-nav .nav-items > li > a:hover, .header-nav .main-nav .nav-items > li.current-menu-item > a, .header-nav .main-nav .nav-items > li.current-menu-parent > a {text-decoration:none;} .header-nav .menu-header-eyebrow-container, .header-nav .navbar-toggler {display:none;} /* HERO -------------------------------------------------- */ .carousel {height:320px;} .carousel .carousel-item, .carousel .carousel-item.unlinked-slide {height:320px; background-size:1600px;} .hero.hero_single_post {height:auto!important; margin:0;} /* How Can We Help You Hero */ .row.home-hero {background-size:cover; background-position-x:45%;} /* NAV BLOCKS ------------------------------------ */ .col-12.nav-block .child-nav ul {grid-template-columns: repeat(auto-fill, minmax(min(100%, 20%), 1fr));} /* COUPONS ------------------------------------------------------------ */ .offer-list {column-gap:19px;} /* Offer Landing Page */ .post-type_offers .offer-item {max-width:100%;} .post-type_offers .offer-item img {border:5px solid var(--bpl-white);} .post-type_offers .offer-actions .btn-call, .post-type_offers .offer-actions .btn-se {flex:0 0 50%;} .post-type_offers .offer-actions .btn-print {flex:0 0 100%; margin:30px 0 0 0;} .post-type_offers .offer-actions .btn-call > a > .phone-text {font-size:40px!important;} .post-type_offers .offer-form .frm_forms {max-width:100%;} /* MAPS ------------------------------------ */ .bpl_map {clear:both!important; width:100%;} .bpl_map iframe {height:400px!important;} /* FOOTER -------------------------------------------------- */ footer .row {padding:15px 0;} footer .row .container {justify-content:center;} footer .footer-logo, footer .footer-contact, footer .footer-socials {text-align:center;} /* Logo */ footer .footer-logo {flex:0 0 100%;} footer .footer-logo img {width:50%; height:auto;} /* Addresses */ footer .footer-contact {flex:0 0 100%; padding:30px 0 0 0;} footer .footer-contact .company-name {display:none;} footer .footer-contact br {display:none;} /* Footer Nav */ footer .footer-nav {flex:0 0 100%; padding:15px 0 0 0; text-align:left;} footer .footer-nav ul {margin:0 auto; max-width:50%;} footer .footer-nav ul li {flex:0 0 50%; border-bottom:1px dashed var(--bpl-light-grey); padding:10px 0 10px 20px;} footer .footer-nav ul li:before {top:15px; left:0;} /* Socials */ footer .footer-socials {flex:0 0 100%; padding:30px 0 0 0; text-align:center;} /* CTA BANNER -------------------------------------------------- */ .reusable-row.banner-schedule {border:4px solid var(--bpl-white); border-radius:10px;} /* RELATED ARTICLES ------------------------------------------ */ .bpl-rel-articles-list > h3 {flex:0 0 100%; margin:0 0 25px 0!important; text-align:center;} .bpl-rel-articles-list .col-md-4 {width:calc(100% / 2)!important; } .rel-article-item {padding:0; display:block; position:relative; background-color:var(--bpl-white); text-align:center;} .rel-article-item .rel-article-img {height:150px!important; } .rel-article-item .rel-article-title {font-size:20px;} .rel-article-item .rel-article-title .dashicons {font-size:12px;} .bpl_case-studies .bpl-rel-articles-list .col-md-4 {width:calc(100% / 3)!important;} /* Multi-option Content ------------------------- */ .bpl-multi-option-select {float:left; clear:both; width:100%; margin:30px 0; padding:0 0 30px 0;} } /* Landscape phones and portrait tablets */ @media (max-width:991px) { .row-full-width .reusable-layout .reusable-container{max-width:100%; padding:30px;} .container {max-width:100%!important; padding:0 15px!important;} .row-full-width .container {max-width:100%!important; padding:0!important;} .page .col-12, .page .col-10, .page .col-9, .page .col-8, .page .col-4, .page .col-3, .page .col-2 {flex:0 0 100%;} .page .col-7 {flex:0 0 57%;} .page .col-5 {flex:0 0 41%;} .reusable-column.col-3, .page .col-6 {flex:0 0 49%;} .page .col-10 > .col-10, .page .col-10 > .col-9, .page .col-10 > .col-8, .page .col-10 > .col-4, .page .col-10 > .col-3, .page .col-10 > .col-2, .page .col-9 > .col-10, .page .col-9 > .col-9, .page .col-9 > .col-8, .page .col-9 > .col-4, .page .col-9 > .col-3, .page .col-9 > .col-2, .page .col-8 > .col-10, .page .col-8 > .col-9, .page .col-8 > .col-8, .page .col-8 > .col-4, .page .col-8 > .col-3, .page .col-8 > .col-2, .page .col-12 > .col-10, .page .col-12 > .col-9, .page .col-12 > .col-8, .page .col-12 > .col-4, .page .col-12 > .col-3, .page .col-12 > .col-2 {width:100%;} .page .col-12 > .col-7 {width:57%;} .page .col-12 > .col-5 {width:41%;} .page .col-12 > .col-6 {width:49%;} .nav-block {order:99;} .bpl-desktop {display:none;} .bpl-mobile {display:block;} .emg-msg {line-height:50px;} .emg-msg p {margin:0!important;} .emg-msg p span {font-size:18px!important;} .emg-msg p span span {display:inline!important; background:none!important; border:0!important; color:var(--bpl-black)!important; padding:0!important; margin:0!important; top:0!important;} .embed-item.col-lg-4, .embed-item.col-lg-3, .embed-item.col-lg-6, .embed-item.col-lg-12 {width:100%;} #main .phone-bubble {margin:15px 0!important;} .alert {max-width:700px;} /* HEADER -------------------------------------------------- */ #header {height:393px; padding:50px 0 0 0;} #header > .container {justify-content:center;} #header-eyebrow .eyebrow-nav {font-size:14px;} /* Rating */ #header .header-romw {position:absolute; top:0; left:0; width:100%; height:40px; background: #ebeeef; background: -webkit-gradient(linear,left top,right top,from(#ebeeef),color-stop(50%,#fff),to(#ebeeef)); background: linear-gradient(to right,#ebeeef 0,#fff 50%,#ebeeef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEEEF',endColorstr='#EBEEEF',GradientType=1)} #header .header-romw iframe {width:100%!important; padding:0; top:0; height:40px!important; border-radius:0!important;} /* Logo */ #header .header-brand {position:relative; width:250px; height:120px; left:0; top:-5px;} /* Header CTAs (Financing & Locations) */ #header .header-ctas {margin-left:30px; left:0; font-size:16px;} #header .header-ctas img {margin:0 10px 0 0;} .header-ctas .hd-cta-financing {margin:0 0 10px 0;} /* Phone CTA */ #header .header-main-cta {display:flex; align-items:center; justify-content:center; flex:0 0 100%; height:120px; top:0; right:0; margin:15px 0 0 0; z-index:900; border-top:2px dashed var(--bpl-light-blue);} #header .header-main-cta .header-cta-img {position:relative; top:0; width:160px; height:90px; left:0; } #header .header-main-cta .header-phone-container {line-height:1.5; height:90px;} #header .header-main-cta .header-tagline {font-size:26px; margin:0;} #header .header-main-cta .header-tagline .icon_247 {font-size:19px; line-height:26px;} #header .header-main-cta .bpl-phone-link {font-size:44px; margin:0!important; top:0;} #header .btn-lg {position:absolute; top:121px; right:15px; height:60px; line-height:56px!important; font-size:24px; padding:0 15px;} /* HEADER NAV -------------------------------------------------- */ #header-eyebrow {display:none;} .header-nav {height:78px;} .header-nav .main-nav .nav-items > li.current-menu-item > a:before, .header-nav .main-nav .nav-items > li.current-menu-parent > a:before, .header-nav .main-nav {display:none!important;} .header-nav .main-nav .nav-items {width:100%;} .header-nav .main-nav .nav-items > li {font-size:18px;} .header-nav .navbar-toggler {display:block; z-index:1; position:relative; left:15px; top:0px; width:155px; height:70px; padding:0!important; color:var(--bpl-blue)!important; text-align:left; border-radius:0;} button.navbar-toggler:focus {border:0!important; outline:0!important; box-shadow:none;} .navbar-toggler:after {position:absolute; content:"MAIN MENU"; width:80px; left:55px; top:19px; font-size:16px; font-family:"Heading", sans-serif; text-align:left;} .navbar-toggler span {display:block; position:relative; top:-5px; color:var(--bpl-blue)!important; left:0!important;} .navbar-toggler span:before {font-family:"FontAwesome"; content:"\f0c9"; font-size:40px;} .navbar-toggler[aria-expanded="true"] span {transform:rotate(90deg); top:-3px; left:4px!important;} /* Mobile Dropdown */ .header-nav > .container {padding:0!important;} .header-nav .main-nav.show {position:absolute; top:74px; display:block!important; background:var(--bpl-green); height:auto!important; width:100%; padding:0; border:none; z-index:3000;} .main-nav .nav-items {height:auto!important;} .main-nav .nav-items li {float:left; clear:both; width:100%; padding:0; height:auto!important; line-height:auto!important; border-bottom:1px dashed rgba(255,255,255,.7);} .header-nav .main-nav > .nav-items .dropdown-menu.show {transform:translate(-0, 0)!important;} .main-nav .nav-items li:last-child {border-bottom:0;} .main-nav .nav-items li a {position:relative; height:auto!important; padding:0 15px;} .main-nav .nav-items .dropdown-toggle::after {position:absolute; right:17px; top:28px;} .header-nav .main-nav > .nav-items .dropdown-menu {position:relative!important; float:left; clear:both; width:100%; inset:0!important; transform:none!important; margin:0!important; border-radius:0; background-color:var(--bpl-blue); font-family:'Heading';} .header-nav .main-nav > .nav-items .dropdown-menu li {padding:0; border-bottom-color:rgba(255,255,255,.2);} .header-nav .main-nav > .nav-items .dropdown-menu li:last-child {border-bottom:none;} .header-nav .main-nav > .nav-items .dropdown-menu li a {color:var(--bpl-white); padding:10px 15px;} .menu-header-eyebrow-container {display:block!important; padding:15px 0; border-top:2px solid rgba(255,255,255,.6); background-color:var(--bpl-green-alt);} .menu-header-eyebrow-container ul {list-style:none; padding:0; margin:0; font-family:'Heading', sans-serif; text-transform:uppercase; font-size:16px;} .menu-header-eyebrow-container ul li a {display:block; color:var(--bpl-blue); padding:5px 15px;} /* FOOTER -------------------------------------------------- */ footer .row {padding:15px 0;} footer .row .container {justify-content:center;} footer .footer-logo, footer .footer-contact, footer .footer-socials {text-align:center;} /* Logo */ footer .footer-logo {flex:0 0 100%;} footer .footer-logo img {width:50%; height:auto;} /* Addresses */ footer .footer-contact {flex:0 0 100%; padding:30px 0 0 0;} footer .footer-contact .company-name {display:none;} footer .footer-contact br {display:none;} /* Footer Nav */ footer .footer-nav {flex:0 0 100%; padding:15px 0 0 0; text-align:left;} footer .footer-nav ul {margin:0 auto; max-width:60%;} footer .footer-nav ul li {flex:0 0 50%; border-bottom:1px dashed var(--bpl-light-grey); padding:10px 0 10px 20px;} footer .footer-nav ul li:before {top:15px; left:0;} /* Socials */ footer .footer-socials {flex:0 0 100%; padding:30px 0 0 0; text-align:center;} /* TABS -------------------------------------------------- */ .nav.nav-tabs {width:100%!important; max-width:100%; margin-bottom:25px!important; border-bottom:none!important; font-size:18px; display:grid; gap:10px; grid-template-columns: repeat(auto-fill, minmax(min(10rem, 50%), 1fr));} .nav-tabs .nav-link.active {background-color:var(--bpl-blue)!important; color:var(--bpl-white)!important;} .nav-tabs .nav-link {border:1px solid var(--bpl-light-grey)!important; border-radius:5px!important; width:100%!important; height:60px} .nav-tabs .nav-link:hover {color:var(--bpl-light-blue); border:1px solid var(--bpl-light-blue)!important;} /* HERO -------------------------------------------------- */ .carousel {height:auto;} .carousel .carousel-item, .carousel .carousel-item.unlinked-slide {height:auto;} .carousel .carousel-item img {width:100%; height:auto;} .hero.hero_single_post {height:auto!important; margin:0;} .hero_single_post .hero_content {padding:20px 15px!important; height:auto!important} /* How Can We Help You Hero */ .row.home-hero {background-size:cover; background-position-x:40%; text-align:center;} .home-hero ul {margin:0 auto 30px auto; max-width:80%;} .home-hero .btn {margin:0 auto 30px auto!important;} /* NAV BLOCKS ------------------------------------ */ .col-12.nav-block .child-nav ul {grid-template-columns: repeat(auto-fill, minmax(min(991px, 40%), 1fr));} /* LOCATION LISTINGS ------------------------------------------------------------ */ .loc_list .loc_listing {width:49%;} /* MAPS ------------------------------------ */ .bpl_map {clear:both!important; width:100%;} .bpl_map iframe {height:300px!important;} /* IMAGE GALLERIES ---------------------------- */ .bpl-gallery a, .bpl-gallery span {flex:0 0 calc(33% - 15px);} /* TABLES -------------------------------------------------- */ table.responsive-table {margin-bottom:0; width:100%!important;} .pinned {display:none;} .pinned table {border-right:none; border-left:none; width:100%;} .pinned table th, .pinned table td {white-space:nowrap; } .pinned td:last-child {border-bottom:0;} div.table-wrapper {position:relative; margin-bottom:20px; overflow:hidden; border-right:1px solid #ccc;} div.table-wrapper div.scrollable {margin-left:0;} div.table-wrapper div.scrollable {overflow:scroll; overflow-y:hidden;} table.responsive-table td, table.responsive-table th{position:relative; white-space:nowrap; overflow:hidden;} table.responsive-table th:first-child, table.responsive-table td:first-child, table.responsive-table td:first-child, table.responsive-table.pinned td {display:none;} /* CTA BANNER -------------------------------------------------- */ .reusable-row.banner-schedule {height:auto;} .reusable-row.banner-schedule .reusable-container {height:auto; padding:30px 0;} .reusable-row.banner-schedule p:nth-child(2) {margin-top:0!important} .reusable-row.banner-schedule img {max-width:220px;} .reusable-row.banner-schedule .btn {top:10px; font-size:26px;} .reusable-row.banner-schedule p a.btn:hover {opacity:.7;} /* BADGES BANNER -------------------------------------------- */ .reusable-row.banner-badges .bpl-badge {flex:0 0 calc(100%/4); padding:0 30px 30px 30px;} /* COUPONS -------------------------------------------------- */ .offer-list {column-gap:0;} .offer-list .offer-item {flex:0 0 100%!important;} .offer-item .offer-actions {flex-flow:column wrap;} .offer-item .offer-expires, .offer-item .btn {margin:0;} .offer-item .btn {margin:15px 0 0 0;} /* Offer Landing Page */ .post-type_offers .offer-item {max-width:100%;} .post-type_offers .offer-item img {border:5px solid var(--bpl-white);} .post-type_offers .offer-actions .btn-call, .post-type_offers .offer-actions .btn-se {flex:0 0 100%; max-width:80%;} .post-type_offers .offer-actions .btn-print {flex:0 0 100%; margin:30px 0 0 0;} .post-type_offers .offer-actions .btn-call > a > .phone-text {padding:2.5% 0 0 5%; font-size:6vw;} .post-type_offers .offer-form .frm_forms {max-width:100%;} /* ALERTS ------------------------------------------------------------ */ .alert .alert-button .btn {margin-top:10px; right:0px!important;} .alert .alert-button, .alert .alert-message, .alert .alert-message p {display:block; text-align:left;} /* RELATED ARTICLES ------------------------------------------ */ .bpl-rel-articles-list > h3 {flex:0 0 100%; margin:0 0 25px 0!important; text-align:center;} .bpl-rel-articles-list .col-md-4 {width:calc(100% / 2)!important; } .rel-article-item {padding:0; display:block; position:relative; background-color:var(--bpl-white); text-align:center;} .rel-article-item .rel-article-img {height:150px!important; } .rel-article-item .rel-article-title {font-size:20px;} .rel-article-item .rel-article-title .dashicons {font-size:12px;} .bpl_case-studies .bpl-rel-articles-list .col-md-4 {width:100%!important;} /* Multi-option Content ------------------------- */ .bpl-multi-option-select {float:left; clear:both; width:100%; margin:30px 0; padding:0 0 30px 0;} } @media (max-width:767px) { .page .col-12 > .col-10, .page .col-12 > .col-9, .page .col-12 > .col-8, .page .col-12 > .col-7, .page .col-12 > .col-5, .page .col-12 > .col-4, .page .col-12 > .col-3, .page .col-12 > .col-2, .page .col-12 > .col-6, .page .col-10 > .col-10, .page .col-10 > .col-9, .page .col-10 > .col-8, .page .col-10 > .col-7, .page .col-10 > .col-5, .page .col-10 > .col-4, .page .col-10 > .col-3, .page .col-10 > .col-2, .page .col-10 > .col-6, .page .col-9 > .col-10, .page .col-9 > .col-9, .page .col-9 > .col-8, .page .col-9 > .col-7, .page .col-9 > .col-5, .page .col-9 > .col-4, .page .col-9 > .col-3, .page .col-9 > .col-2, .page .col-9 > .col-6, .page .col-8 > .col-10, .page .col-8 > .col-9, .page .col-8 > .col-8, .page .col-8 > .col-7, .page .col-8 > .col-5, .page .col-8 > .col-4, .page .col-8 > .col-3, .page .col-8 > .col-2, .page .col-8 > .col-6, .page .col-12, .page .col-10, .page .col-9, .page .col-8, .page .col-7, .page .col-6, .page .col-5, .page .col-4, .page .col-3, .page .col-2 {flex:0 0 100%!important; width:100%;} /* BADGES BANNER -------------------------------------------- */ .reusable-row.banner-badges .reusable-container {justify-content:center;} .reusable-row.banner-badges .bpl-badge {flex:0 0 calc(100%/3); padding:0 30px 30px 30px;} /* SERVICE ICONS -------------------------------------------- */ .reusable-row.banner-service-icons .reusable-column.col-3 {flex:0 0 48%!important;} .reusable-row.banner-service-icons img {max-width:150px; height:auto!important;} .reusable-row.banner-service-icons h3 {font-size:20px!important;} .offer-list .offer-item.col-12 {max-width:100%; margin:0 auto;} } /* Portrait phones and smaller */ @media (max-width:520px) { .page .col-12 > .col-10, .page .col-12 > .col-9, .page .col-12 > .col-8, .page .col-12 > .col-7, .page .col-12 > .col-5, .page .col-12 > .col-4, .page .col-12 > .col-3, .page .col-12 > .col-2, .page .col-12 > .col-6, .page .col-10 > .col-10, .page .col-10 > .col-9, .page .col-10 > .col-8, .page .col-10 > .col-7, .page .col-10 > .col-5, .page .col-10 > .col-4, .page .col-10 > .col-3, .page .col-10 > .col-2, .page .col-10 > .col-6, .page .col-9 > .col-10, .page .col-9 > .col-9, .page .col-9 > .col-8, .page .col-9 > .col-7, .page .col-9 > .col-5, .page .col-9 > .col-4, .page .col-9 > .col-3, .page .col-9 > .col-2, .page .col-9 > .col-6, .page .col-8 > .col-10, .page .col-8 > .col-9, .page .col-8 > .col-8, .page .col-8 > .col-7, .page .col-8 > .col-5, .page .col-8 > .col-4, .page .col-8 > .col-3, .page .col-8 > .col-2, .page .col-8 > .col-6, .page .col-12, .page .col-10, .page .col-9, .page .col-8, .page .col-7, .page .col-6, .page .col-5, .page .col-4, .page .col-3, .page .col-2 {flex:0 0 100%!important; width:100%;} .alignleft, .alignright, .aligncenter {display:block; margin-right:auto; margin-left:auto;} .bpl_div_img.alignleft, .bpl_map.alignleft, .bpl_badge-item.alignleft, .coupon.alignleft, .review-single.alignleft, .wp-caption.alignleft, img.alignleft, .bpl_div_img.alignright, .bpl_map.alignright, .bpl_badge-item.alignright, .coupon.alignright, .review-single.alignright, .wp-caption.alignright, img.alignright, .bpl_badge-item.aligncenter, .embed-item.aligncenter, .review-single.aligncenter, .wp-caption.aligncenter, img.aligncenter {width:100%!important; height:auto; float:none!important; clear:both!important; margin:0.4em 0 1.6em 0!important;} .review-single.aligncenter {width:100%; margin:40px 0;} .bpl_div_img.aligncenter, .bpl_map.aligncenter, img.aligncenter {float:none!important; clear:both!important; margin:.4em auto 1.6em auto!important; text-align:center;} /* HEADER -------------------------------------------------- */ /* Logo */ #header .header-brand {position:relative; flex:0 0 50%; width:100%; height:120px; left:5px; top:5px;} /* Header CTAs (Financing & Locations) */ #header .header-ctas {margin-left:15px; left:0; top:0; margin-top:0; font-size:12px; flex:0 0 calc(50% - 15px);} #header .header-ctas img {margin:0 5px 0 0; width:20px; height:auto;} .header-ctas .hd-cta-financing {margin:0 0 10px 0;} /* Phone CTA */ #header .header-main-cta {display:flex; align-items:center; justify-content:center; flex:0 0 100%; height:120px; top:0; right:0; margin:15px 0 0 0; z-index:900; border-top:2px dashed var(--bpl-light-blue);} #header .header-main-cta .header-cta-img {position:relative; top:0; width:120px; height:auto; left:0; margin:0 10px 0 0;} #header .header-main-cta .header-phone-container {line-height:1.5; height:auto;} #header .header-main-cta .header-tagline {font-size:22px; margin:0;} #header .header-main-cta .header-tagline .icon_247 {font-size:16px; line-height:20px;} #header .header-main-cta .bpl-phone-link {font-size:32px; margin:0!important; top:0;} #header .btn-lg {position:absolute; top:121px; right:15px; height:60px; line-height:56px!important; font-size:20px; padding:0 15px;} /* FOOTER -------------------------------------------------- */ footer .footer-nav ul {max-width:100%;} footer .footer-contact .address-block {padding:0 60px;} /* HERO ------------------------------------------------------ */ /* How Can We Help You Hero */ .row.home-hero {background-size:cover; background-position-x:45%; text-align:center;} .home-hero ul {max-width:100%;} /* BADGES BANNER -------------------------------------------- */ .reusable-row.banner-badges .reusable-container {justify-content:center;} .reusable-row.banner-badges .bpl-badge {flex:0 0 calc(100%/2); padding:0 30px 30px 30px;} /* SERVICE ICONS -------------------------------------------- */ .reusable-row.banner-service-icons .reusable-column.col-3 {flex:0 0 48%!important;} .reusable-row.banner-service-icons img {max-width:120px; height:auto!important;} .reusable-row.banner-service-icons h3 {font-size:18px!important;} /* NAV BLOCKS ------------------------------------ */ .col-12.nav-block .child-nav ul {grid-template-columns: repeat(auto-fill, minmax(min(520px, 100%), 1fr));} /* OFFERS ---------------------------------------- */ .post-type_offers .offer-actions .btn-call, .post-type_offers .offer-actions .btn-se {flex:0 0 100%; max-width:100%;} .post-type_offers .offer-actions .btn-call > a > .phone-text {padding:3% 0 0 5%; font-size:7vw;} /* LOCATION LISTINGS ------------------------------------------------------------ */ .loc_list .loc_listing {width:100%;} /* IMAGE GALLERIES ---------------------------- */ .bpl-gallery a, .bpl-gallery span {flex:0 0 calc(50% - 15px);} /* RELATED ARTICLES ------------------------------------------ */ .bpl-rel-articles-list .col-md-4 {width:100%!important; } .rel-article-item .rel-article-title {font-size:18px;} .hero .home-hero h1 {font-size:36px!important; line-height:40px!important;} .hero .home-hero h1 img {width:100px; height:100px;} .hero .home-hero h2 {font-size:25px!important; line-height:30px!important;} /* BUTTONS ---------------------------------------------------- */ .btn.btn-content {height:auto!important; line-height:1.5!important; padding-top:15px; padding-bottom:15px;} } @media (max-width:375px) { .post-type_offers .offer-actions .btn-call > a > .phone-text {font-size:26px;} } /* =========================================================================================================================== */ /* ===================================================================================================================== Forms */ /* =========================================================================================================================== */ /* Base Formatting */ .show_hide .frm_forms {clear:both;} .frm_forms input[type="text"], .frm_forms input[type="email"], .frm_forms input[type="tel"], .frm_forms input[type="number"], .frm_forms select {height:50px; padding:5px 10px; font-size:18px;} .frm_forms textarea {padding:15px 10px; font-size:18px;} /* Placeholders */ .frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} .frm_style_formidable-style.with_frm_style input::-webkit-input-placeholder, .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} .frm_style_formidable-style.with_frm_style input::-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea::-moz-placeholder {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} .frm_style_formidable-style.with_frm_style input:-ms-input-placeholder, .frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} .frm_style_formidable-style.with_frm_style input:-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea:-moz-placeholder {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} .frm_style_formidable-style.with_frm_style .frm_default, .frm_style_formidable-style.with_frm_style input.frm_default, .frm_style_formidable-style.with_frm_style textarea.frm_default, .frm_style_formidable-style.with_frm_style select.frm_default, .frm_style_formidable-style.with_frm_style .placeholder, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices li.search-field .default, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-default {color:var(--bpl-dark-grey)!important; font-style:italic!important; font-family:"Roboto", sans-serif; font-size:16px!important;} /* Field Labels */ .frm_forms .frm_primary_label, .frm_forms .frm_fields_container .form-label, .frm_forms .frm_fields_container .control-label, .frm_forms .frm_fields_container .field-group h3 {margin:0 0 5px 0!important; color:var(--bpl-black); font-size:13px!important; text-transform:uppercase; letter-spacing:1px; font-family:"Roboto", sans-serif!important; font-weight:700!important;} /* Address Field */ /* Buttons */ .frm_forms .frm_submit {text-align:center; margin-top:15px;} .frm_forms .frm_submit .frm_button_submit, .frm_fields_container .frm_submit button.btn, .frm_forms .frm_submit input.btn, .frm_forms .frm_submit .btn {margin:0 auto!important; padding:0 30px!important; background:var(--bpl-green)!important; color:var(--bpl-blue)!important; height:70px!important; line-height:64px!important; border-radius:35px!important; border:3px solid var(--bpl-white)!important; font-size:28px!important; box-shadow:0 0 10px var(--bpl-shadow)!important; font-family:"Heading Italic", sans-serif!important; text-transform:uppercase;} .frm_forms .frm_submit .frm_button_submit:hover, .frm_forms .frm_submit input.btn:hover, .frm_forms .frm_submit .btn:hover {opacity:.8;} .frm_forms .frm_submit .frm_prev_page, .frm_forms .frm_submit .frm_next_page {position:relative; padding:0 15px 0 0!important; height:36px!important; background:var(--bpl-dark-grey)!important; color:var(--bpl-white)!important; border-radius:0 5px 5px 0!important; font-family:"Heading Thin"!important; font-weight:normal; font-size:20px!important;} .frm_forms .frm_submit .frm_next_page:hover, .frm_forms .frm_submit .frm_prev_page:hover {background-color:var(--bpl-dark-grey)!important;} .frm_forms .frm_submit .frm_prev_page {float:left; padding-left:15px!important; margin-left:20px!important; margin-right:-20px;} .frm_forms .frm_submit .frm_next_page {float:right; margin-left:-20px; margin-right:20px!important;} .frm_forms .frm_submit .frm_prev_page + .btn {margin-left:-120px!important} /* Error Messages */ .frm_forms .frm_required {display:inline-block; padding:0 3px; color:var(--bpl-red);} .frm_forms .frm_error_style {padding:15px; margin:30px 0; border-radius:5px; text-align:center; background:#FCC; color:red; text-transform:uppercase; font-size:13px; font-weight:bold; letter-spacing:1px;} .frm_forms .frm_form_field .frm_error {margin:10px 0; text-align:center; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:red; font-weight:bold;} .frm_form_field:not(.frm_image_options) .frm_forms .frm_form_field.vertical_radio .frm_error, .frm_form_field:not(.frm_image_options) .frm_forms .frm_form_field.horizontal_radio .frm_error {text-align:left;} .frm_forms [aria-invalid="true"] {border-color:red;} /* HTML Message Containers */ .frm_forms .frm_html_container {color:var(--bpl-black)!important;} .frm_forms .frm_form_field.no-padding {padding:0!important;} .frm_forms .frm_form_field.no-margin {margin:0!important;} /* Centered Fields */ .field-center, .field-center .frm_primary_label, .field-center .form-label, .field-center .control-label, .field-center .frm_description {text-align:center!important;} .field-center.frm_form_field {float:none!important; margin:0 auto 25px auto!important; grid-column:span 12 / span 12;} .frm6.field-center.frm_form_field, .frm_half.field-center.frm_form_field {grid-column:span 6 / span 6;} .field-center.field-upload.frm_form_field {margin:0!important;} .field-tandc button {border:0; background:none; padding:0; text-transform:uppercase; color:var(--bpl-light-blue);} /* Root Line / Progress Line */ .frm_rootline_title {font-family:"Heading Thin", sans-serif!important; font-size:20px;} .frm_current_page .frm_rootline_title {color:var(--bpl-black);} .frm_style_formidable-style.with_frm_style .frm_rootline input, .frm_style_formidable-style.with_frm_style .frm_rootline input:hover {width:36px!important; height:36px!important; border-radius:36px!important; line-height:28px!important; font-family:"Heading Bold", sans-serif!important; font-size:22px!important; font-weight:normal!important;} .frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"] {border-color:var(--bpl-blue)!important; background-color:var(--bpl-blue)!important; color:var(--bpl-white)!important;} .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after {height:2px; background:var(--bpl-light-grey); top:18px; } .frm_rootline_group {margin:20px 0 30px;} .frm_rootline.frm_show_lines:before {border-top-color:var(--bpl-light-grey); top:18px;} .frm_forms .frm_rootline input {width:36px; height:36px; border-radius:36px;} .frm_forms .frm_rootline input:focus {border-color:var(--bpl-highlight);} .frm_forms .frm_rootline .frm_current_page input[type="button"] {border-color:var(--bpl-highlight); background-color:var(--bpl-highlight); color:var(--bpl-black);} /* File uploads */ .frm_dropzone.frm_single_upload {max-width:100%;} .frm_dropzone .dz-message {margin:0;} /* Privacy Notice */ .frm_forms .frm_form_field.frm_privacy-notice {margin:-5px 0 0 0!important;} .frm_forms .frm_privacy-notice p {margin:0; line-height:1.3; font-size:12px; color:var(--bpl-dark-grey);} .form-styled .frm_privacy-notice p {color:var(--bpl-med-grey)!important; margin:10px 0!important;} /* Membership Form */ .mem-form {border-radius:15px; background:var(--bpl-green); padding:15px 20px 0 20px;} .mem-form .frm_form_fields fieldset {padding:0!important;} .mem-form .frm_forms {margin:0!important; padding:0!important;} .mem-form .frm_forms .frm_primary_label, .mem-form .frm_forms .form-label, .mem-form .frm_forms .control-label {display:none!important;} .mem-form .horizontal_radio .frm_primary_label {display:block!important;} .mem-form .horizontal_radio .frm_radio label {} .mem-form .form-field {margin-bottom:10px!important;} .mem-form .frm_forms .frm_submit .frm_button_submit, .mem-form .frm_fields_container .frm_submit button.btn, .mem-form .frm_forms .frm_submit input.btn, .mem-form .frm_forms .frm_submit .btn {background:var(--bpl-blue)!important; color:var(--bpl-white)!important;} /* Repeater Fields */ .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {border-top:1px solid var(--bpl-light-grey)!important; padding:45px 0 0 0; margin:30px 0 0 0!important; font-size:26px!important;} .frm_form_field .frm_add_form_row, .frm_form_field .frm_remove_form_row {border:2px solid #FFF!important; border-radius:30px!important; line-height:1!important; padding:7px 14px 7px 7px!important; font-weight:bold!important;} .frm_form_field .frm_add_form_row {background:var(--bpl-light-blue)!important; margin-right:10px;} .frm_form_field .frm_remove_form_row {background:var(--bpl-orange)!important;} .frm_form_field .frm_add_form_row:hover, .frm_form_field .frm_remove_form_row:hover {opacity:.8; color:var(--bpl-white)!important;} .frm_form_field .frm_add_form_row:hover .frm-svg-icon, .frm_form_field .frm_remove_form_row:hover .frm-svg-icon {opacity:.8; fill:var(--bpl-white)!important;} /* Upload Fields */ .frm_dropzone.frm_single_upload {width:100%; max-width:100%!important;} /* Landscape phones and portrait tablets */ @media (max-width:991px) { .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_hidden {} } @media (max-width:600px) { .frm_hidden_container .frm_primary_label{display:none!important;} } /* Portrait phones and smaller */ @media (max-width:520px) { .frm_form_field.frm_third{grid-column:span 12} } /* =========================================================================================================================== */ /* ========================================================================================================== Bootstrap Modals */ /* =========================================================================================================================== */ .modal-dialog.modal-lg {min-width:320px;} .modal.fade.in {z-index:100000!important; top:40px; height:100%;} .fade.in {z-index:9000!important;} .modal-header {border:0!important;} .modal .modal-dialog {height:100%;} .modal .modal-content {min-width:280px!important; max-height:80%; overflow:auto;} .modal .modal-content button.close {background:var(--bpl-black); opacity:1; width:30px; height:30px; font-size:17px; padding:0!important; color:var(--bpl-white); text-align:center; border-radius:50%; text-shadow:0!important;;} /* =========================================================================================================================== */ /* ========================================================================================================== Fancybox Modals */ /* =========================================================================================================================== */ :root {--f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: var(--bpl-shadow); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75} .f-spinner {margin:auto; padding:0; width:var(--f-spinner-width); height:var(--f-spinner-height)} .f-spinner svg {width:100%; height:100%; vertical-align:top; animation:f-spinner-rotate 2s linear infinite} .f-spinner svg * {stroke-width:var(--f-spinner-stroke); fill:none} .f-spinner svg *:first-child {stroke:var(--f-spinner-color-1)} .f-spinner svg *:last-child {stroke:var(--f-spinner-color-2); animation:f-spinner-dash 2s ease-in-out infinite} @keyframes f-spinner-rotate { 100% { transform:rotate(360deg) } } @keyframes f-spinner-dash { 0% { stroke-dasharray:1,150; stroke-dashoffset:0 } 50% { stroke-dasharray:90,150; stroke-dashoffset:-35 } 100% { stroke-dasharray:90,150; stroke-dashoffset:-124 } } .f-throwOutUp {animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp} .f-throwOutDown {animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown} @keyframes f-throwOutUp { to {transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity:0} } @keyframes f-throwOutDown { to {transform:translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity:0} } .f-zoomInUp {animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp} .f-zoomOutDown {animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown} @keyframes f-zoomInUp { from {transform:scale(0.975) translate3d(0, 16px, 0); opacity:0} to {transform:scale(1) translate3d(0, 0, 0); opacity:1} } @keyframes f-zoomOutDown { to {transform:scale(0.975) translate3d(0, 16px, 0); opacity:0} } .f-fadeIn {animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index:2} .f-fadeOut {animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index:1} @keyframes f-fadeIn { 0% {opacity:0} 100% {opacity:1} } @keyframes f-fadeOut { 100% {opacity:0} } .f-fadeFastIn {animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index:2} .f-fadeFastOut {animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index:2} @keyframes f-fadeFastIn { 0% {opacity:.75} 100% {opacity:1} } @keyframes f-fadeFastOut { 100% {opacity:0} } .f-fadeSlowIn {animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index:2} .f-fadeSlowOut {animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index:1} @keyframes f-fadeSlowIn { 0% {opacity:0} 100% {opacity:1} } @keyframes f-fadeSlowOut { 100% {opacity:0} } .f-crossfadeIn {animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index:2} .f-crossfadeOut {animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut; z-index:1} @keyframes f-crossfadeIn { 0% {opacity:0} 100% {opacity:1} } @keyframes f-crossfadeOut { 100% {opacity:0} } .f-slideIn.from-next {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext} .f-slideIn.from-prev {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev} .f-slideOut.to-next {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext} .f-slideOut.to-prev {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev} @keyframes f-slideInPrev { 0% {transform:translateX(100%)} 100% {transform:translate3d(0, 0, 0)} } @keyframes f-slideInNext { 0% {transform:translateX(-100%)} 100% {transform:translate3d(0, 0, 0)} } @keyframes f-slideOutNext { 100% {transform:translateX(-100%)} } @keyframes f-slideOutPrev { 100% {transform:translateX(100%)} } .f-classicIn.from-next {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index:2} .f-classicIn.from-prev {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index:2} .f-classicOut.to-next {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index:1} .f-classicOut.to-prev {animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index:1} @keyframes f-classicInNext { 0% {transform:translateX(-75px); opacity:0} 100% {transform:translate3d(0, 0, 0); opacity:1} } @keyframes f-classicInPrev { 0% {transform:translateX(75px); opacity:0} 100% {transform:translate3d(0, 0, 0); opacity:1} } @keyframes f-classicOutNext { 100% {transform:translateX(-75px); opacity:0} } @keyframes f-classicOutPrev { 100% {transform:translateX(75px); opacity:0} } :root {--f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65} .f-button {display:flex; justify-content:center; align-items:center; box-sizing:content-box; position:relative; margin:0; padding:0; width:var(--f-button-width); height:var(--f-button-height); border:var(--f-button-border); border-radius:var(--f-button-border-radius); color:var(--f-button-color); background:var(--f-button-bg); box-shadow:var(--f-button-shadow); pointer-events:all; cursor:pointer; transition:var(--f-button-transition)} @media(hover: hover) { .f-button:hover:not([disabled]) {color:var(--f-button-hover-color); background-color:var(--f-button-hover-bg)} } .f-button:active:not([disabled]) {background-color:var(--f-button-active-bg)} .f-button:focus:not(:focus-visible) {outline:none} .f-button:focus-visible {outline:none; box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))} .f-button svg {width:var(--f-button-svg-width); height:var(--f-button-svg-height); fill:var(--f-button-svg-fill); stroke:currentColor; stroke-width:var(--f-button-svg-stroke-width); stroke-linecap:round; stroke-linejoin:round; transition:opacity .15s ease; transform:var(--f-button-transform); filter:var(--f-button-svg-filter); pointer-events:none} .f-button[disabled] {cursor:default} .f-button[disabled] svg {opacity:var(--f-button-svg-disabled-opacity)} .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {position:absolute; z-index:1} .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {top:50%; transform:translateY(-50%)} .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {left:var(--f-button-prev-pos)} .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {right:var(--f-button-next-pos)} .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {left:auto; right:var(--f-button-next-pos)} .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {right:auto; left:var(--f-button-prev-pos)} .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {top:auto; left:50%; transform:translateX(-50%)} .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {top:var(--f-button-next-pos)} .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {bottom:var(--f-button-next-pos)} .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {transform:rotate(90deg)} .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {pointer-events:none} html.with-fancybox {width:auto; overflow:visible; scroll-behavior:auto} html.with-fancybox body {touch-action:none} html.with-fancybox body.hide-scrollbar {width:auto; margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow:hidden !important; overscroll-behavior-y:none} .fancybox__container {--fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position:fixed; top:0; left:0; bottom:0; right:0; direction:ltr; display:flex; flex-direction:column; box-sizing:border-box; margin:0; padding:0; color:#f8f8f8; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow:visible; z-index:var(--fancybox-zIndex, 9999); outline:none; transform-origin:top left; -webkit-text-size-adjust:100%; -moz-text-size-adjust:none; -ms-text-size-adjust:100%; text-size-adjust:100%; overscroll-behavior-y:contain} .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {box-sizing:inherit} .fancybox__container::backdrop {background-color:rgba(0,0,0,0)} .fancybox__backdrop {position:fixed; top:0; left:0; bottom:0; right:0; z-index:-1; background:var(--fancybox-bg); opacity:.9; will-change:opacity} .fancybox__carousel {position:relative; box-sizing:border-box; flex:1; min-height:0; z-index:10; overflow-y:visible; overflow-x:clip} .fancybox__viewport {width:100%; height:100%} .fancybox__viewport.is-draggable {cursor:move; cursor:grab} .fancybox__viewport.is-dragging {cursor:move; cursor:grabbing} .fancybox__track {display:flex; margin:0 auto; height:100%} .fancybox__slide {flex:0 0 auto; position:relative; display:flex; flex-direction:column; align-items:center; width:100%; height:100%; margin:0 var(--fancybox-slide-gap) 0 0; padding:4px; overflow:auto; overscroll-behavior:contain; transform:translate3d(0, 0, 0); backface-visibility:hidden} .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top:40px} .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {overflow:hidden} .fancybox__slide.has-image {overflow:hidden} .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {overflow:visible} .fancybox__slide::before, .fancybox__slide::after {content:""; flex:0 0 0; margin:auto} .fancybox__content {align-self:center; display:flex; flex-direction:column; position:relative; margin:0; padding:2rem; max-width:100%; color:var(--fancybox-content-color, #374151); background:var(--fancybox-content-bg, #fff); cursor:default; border-radius:0; z-index:20} .is-loading .fancybox__content {opacity:0} .is-draggable .fancybox__content {cursor:move; cursor:grab} .can-zoom_in .fancybox__content {cursor:zoom-in} .can-zoom_out .fancybox__content {cursor:zoom-out} .is-dragging .fancybox__content {cursor:move; cursor:grabbing} .fancybox__content [data-selectable], .fancybox__content [contenteditable] {cursor:auto} .fancybox__slide.has-image>.fancybox__content {padding:0; background:rgba(0,0,0,0); min-height:1px; background-repeat:no-repeat; background-size:contain; background-position:center center; transition:none; transform:translate3d(0, 0, 0); backface-visibility:hidden} .fancybox__slide.has-image>.fancybox__content>picture>img {width:100%; height:auto; max-height:100%} .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {visibility:hidden} .is-animating .fancybox__content, .is-dragging .fancybox__content {filter:blur(0px); will-change:transform,width,height} .fancybox-image {margin:auto; display:block; width:100%; height:100%; min-height:0; object-fit:contain; user-select:none} .fancybox__caption {align-self:center; max-width:100%; flex-shrink:0; margin:0; padding:14px 0 4px 0; overflow-wrap:anywhere; line-height:1.375; color:var(--fancybox-color, currentColor); opacity:var(--fancybox-opacity, 1); cursor:auto; visibility:visible} .is-loading .fancybox__caption, .is-closing .fancybox__caption {opacity:0; visibility:hidden} .is-compact .fancybox__caption {padding-bottom:0} .f-button.is-close-btn {--f-button-svg-stroke-width: 2; position:absolute; top:0; right:8px; z-index:40} .fancybox__content>.f-button.is-close-btn {--f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position:absolute; top:-38px; right:0; opacity:.75} .is-loading .fancybox__content>.f-button.is-close-btn {visibility:hidden} .is-zooming-out .fancybox__content>.f-button.is-close-btn {visibility:hidden} .fancybox__content>.f-button.is-close-btn:hover {opacity:1} .fancybox__footer {padding:0; margin:0; position:relative} .fancybox__footer .fancybox__caption {width:100%; padding:24px; opacity:var(--fancybox-opacity, 1); transition:all .25s ease} .is-compact .fancybox__footer {position:absolute; bottom:0; left:0; right:0; z-index:20; background:rgba(24,24,27,.5)} .is-compact .fancybox__footer .fancybox__caption {padding:12px} .is-compact .fancybox__content>.f-button.is-close-btn {--f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: var(--bpl-black); --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top:5px; right:5px} .fancybox__nav {--f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity:var(--fancybox-opacity, 1)} .fancybox__nav .f-button:before {position:absolute; content:""; top:-30px; right:-20px; left:-20px; bottom:-30px; z-index:1} .is-idle .fancybox__nav {animation:.15s ease-out both f-fadeOut} .is-idle.is-compact .fancybox__footer {pointer-events:none; animation:.15s ease-out both f-fadeOut} .fancybox__slide>.f-spinner {position:absolute; top:50%; left:50%; margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index:30; cursor:pointer} .fancybox-protected {position:absolute; top:0; left:0; right:0; bottom:0; z-index:40; user-select:none} .fancybox-ghost {position:absolute; top:0; left:0; width:100%; height:100%; min-height:0; object-fit:contain; z-index:40; user-select:none; pointer-events:none} .fancybox-focus-guard {outline:none; opacity:0; position:fixed; pointer-events:none} .fancybox__container:not([aria-hidden]) {opacity:0} .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn} .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn} .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut} .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut} .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {max-width:100%; flex-shrink:1; min-height:1px; overflow:visible} .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {width:calc(100% - 120px); height:90%} .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {width:100%; height:100%} .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {width:960px; height:540px; max-width:100%; max-height:100%} .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {padding:0; background:rgba(24,24,27,.9); color:#fff} .has-map .fancybox__content {background:#e5e3df} .fancybox__html5video, .fancybox__iframe {border:0; display:block; height:100%; width:100%; background:rgba(0,0,0,0)} .fancybox-placeholder {border:0 !important; clip:rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path:inset(50%) !important; clip-path:inset(50%) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important; white-space:nowrap !important} .f-carousel__thumbs {--f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0} .f-carousel__thumbs.is-classic {--f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1} .f-carousel__thumbs.is-modern {--f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px} .f-thumbs {position:relative; flex:0 0 auto; margin:0; overflow:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0); user-select:none; perspective:1000px; transform:translateZ(0)} .f-thumbs .f-spinner {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:2px; background-image:linear-gradient(#ebeff2, #e2e8f0); z-index:-1} .f-thumbs .f-spinner svg {display:none} .f-thumbs.is-vertical {height:100%} .f-thumbs__viewport {width:100%; height:auto; overflow:hidden; transform:translate3d(0, 0, 0)} .f-thumbs__track {display:flex} .f-thumbs__slide {position:relative; flex:0 0 auto; box-sizing:content-box; display:flex; align-items:center; justify-content:center; padding:0; margin:0; width:var(--f-thumb-width); height:var(--f-thumb-height); overflow:visible; cursor:pointer} .f-thumbs__slide.is-loading img {opacity:0} .is-classic .f-thumbs__viewport {height:100%} .is-modern .f-thumbs__track {width:max-content} .is-modern .f-thumbs__track::before {content:""; position:absolute; top:0; bottom:0; left:calc((var(--f-thumb-clip-width, 0))*-0.5); width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0)); cursor:pointer} .is-modern .f-thumbs__slide {width:var(--f-thumb-clip-width); transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition:none; pointer-events:none} .is-modern.is-resting .f-thumbs__slide {transition:transform .33s ease} .is-modern.is-resting .f-thumbs__slide__button {transition:clip-path .33s ease} .is-using-tab .is-modern .f-thumbs__slide:focus-within {filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))} .f-thumbs__slide__button {appearance:none; width:var(--f-thumb-width); height:100%; margin:0 -100% 0 -100%; padding:0; border:0; position:relative; border-radius:var(--f-thumb-border-radius); overflow:hidden; background:rgba(0,0,0,0); outline:none; cursor:pointer; pointer-events:auto; touch-action:manipulation; opacity:var(--f-thumb-opacity); transition:opacity .2s ease} .f-thumbs__slide__button:hover {opacity:var(--f-thumb-hover-opacity)} .f-thumbs__slide__button:focus:not(:focus-visible) {outline:none} .f-thumbs__slide__button:focus-visible {outline:none; opacity:var(--f-thumb-selected-opacity)} .is-modern .f-thumbs__slide__button {--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) ); clip-path:var(--clip-path)} .is-classic .is-nav-selected .f-thumbs__slide__button {opacity:var(--f-thumb-selected-opacity)} .is-classic .is-nav-selected .f-thumbs__slide__button::after {content:""; position:absolute; top:0; left:0; right:0; height:auto; bottom:0; border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius:var(--f-thumb-border-radius); animation:f-fadeIn .2s ease-out; z-index:10} .f-thumbs__slide__img {overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:0; padding:var(--f-thumb-offset); box-sizing:border-box; pointer-events:none; object-fit:cover; border-radius:var(--f-thumb-border-radius)} .f-thumbs.is-horizontal .f-thumbs__track {padding:8px 0 12px 0} .f-thumbs.is-horizontal .f-thumbs__slide {margin:0 var(--f-thumb-gap) 0 0} .f-thumbs.is-vertical .f-thumbs__track {flex-wrap:wrap; padding:0 8px} .f-thumbs.is-vertical .f-thumbs__slide {margin:0 0 var(--f-thumb-gap) 0} .fancybox__thumbs {--f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position:relative; opacity:var(--fancybox-opacity, 1); transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)} .fancybox__thumbs.is-classic {--f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1} .fancybox__thumbs.is-classic .f-spinner {background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))} .fancybox__thumbs.is-modern {--f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1} .fancybox__thumbs.is-modern .f-spinner {background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))} .fancybox__thumbs.is-horizontal {padding:0 var(--f-thumb-gap)} .fancybox__thumbs.is-vertical {padding:var(--f-thumb-gap) 0} .is-compact .fancybox__thumbs {--f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px} .fancybox__thumbs.is-masked {max-height:0px !important} .is-closing .fancybox__thumbs {transition:none !important} .fancybox__toolbar {--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display:flex; flex-direction:row; justify-content:space-between; margin:0; padding:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; color:var(--fancybox-color, currentColor); opacity:var(--fancybox-opacity, 1); text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events:none; z-index:20} .fancybox__toolbar :focus-visible {z-index:1} .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {position:absolute; top:40px; left:0; right:0;} .is-idle .fancybox__toolbar {pointer-events:none; animation:.15s ease-out both f-fadeOut} .fancybox__toolbar__column {display:flex; flex-direction:row; flex-wrap:wrap; align-content:flex-start} .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {flex-grow:1; flex-basis:0} .fancybox__toolbar__column.is-right {display:flex; justify-content:flex-end; flex-wrap:nowrap} .fancybox__infobar {padding:0 5px; line-height:var(--f-button-height); text-align:center; font-size:17px; font-variant-numeric:tabular-nums; -webkit-font-smoothing:subpixel-antialiased; cursor:default; user-select:none} .fancybox__infobar span {padding:0 5px} .fancybox__infobar:not(:first-child):not(:last-child) {background:var(--f-button-bg)} [data-fancybox-toggle-slideshow] {position:relative} [data-fancybox-toggle-slideshow] .f-progress {height:100%; opacity:.3} [data-fancybox-toggle-slideshow] svg g:first-child {display:flex} [data-fancybox-toggle-slideshow] svg g:last-child {display:none} .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {display:none} .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {display:flex} [data-fancybox-toggle-fullscreen] svg g:first-child {display:flex} [data-fancybox-toggle-fullscreen] svg g:last-child {display:none} :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {display:none} :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {display:flex} .f-progress {position:absolute; top:0; left:0; right:0; height:3px; transform:scaleX(0); transform-origin:0; transition-property:transform; transition-timing-function:linear; background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index:30; user-select:none; pointer-events:none} .bpl-as-schedule {padding:30px;} .bpl-as-schedule .fancybox__content {height:75vh!important; padding:0; border-radius:10px;} .bpl-as-schedule .fancybox__iframe {background:transparent; border-radius:10px;} .bpl-as-schedule .fancybox__content > .f-button.is-close-btn {background:var(--bpl-green); border-radius:50%; color:#FFF; width:40px; height:40px; top:-15px; right:-15px; opacity:1; color:var(--bpl-blue); border:2px solid var(--bpl-white); box-shadow:0 0 10px rgba(0,0,0,.3)!important;} @media (max-width:520px) { .bpl-as-schedule {padding:0px!important;} .bpl-as-schedule .fancybox__content {width:100%!important; height:100%!important; background-color:transparent!important;} .bpl-as-schedule .fancybox__iframe {border-radius:0; padding:0px 0 0 0;} .bpl-as-schedule .fancybox__content > .f-button.is-close-btn {top:0px; right:5px;} } /* =========================================================================================================================== */ /* =================================================================================================================== Select2 */ /* =========================================================================================================================== */ /* Colors */ .select2-dropdown {background-color:var(--bpl-white); border:1px solid #BFC3C8; font-weight:bold; font-size:18px;} .select2-close-mask {background-color:var(--bpl-blue);} .select2-container--default .select2-selection--single {background-color:var(--bpl-blue); border:1px solid #BFC3C8; box-shadow:0 0 15px rgba(40,40,40,.15);} .select2-container--default .select2-selection--single .select2-selection__rendered {font-family:"Barlow Condensed", sans-serif; font-weight:600; font-size:30px; line-height:75px; color:var(--bpl-white);} .select2-container--default .select2-selection--single .select2-selection__placeholder {color:var(--bpl-white);} .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:var(--bpl-white) transparent transparent transparent;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color:transparent transparent var(--bpl-white) transparent;} .select2-container--default.select2-container--disabled .select2-selection--single {background-color:var(--bpl-blue);} .select2-container--default .select2-search--dropdown .select2-search__field {border:1px solid #aaa;} .select2-container--default .select2-search--inline .select2-search__field {background:transparent;} .select2-container--default .select2-results__option[aria-disabled=true] {color:var(--bpl-med-grey);} .select2-container--default .select2-results__option[aria-selected=true] {background-color:#ddd;} .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:var(--bpl-blue); color:var(--bpl-highlight);} /* Layout */ .select2-container {box-sizing:border-box; display:block; width:60%!important; margin:0 auto; position:relative; vertical-align:middle;} .select2-container .select2-selection--single {box-sizing:border-box; cursor:pointer; display:block; height:80px; user-select:none; -webkit-user-select:none;} .select2-container .select2-selection--single .select2-selection__rendered {display:block; padding-left:15px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .select2-container .select2-search--inline {float:left;} .select2-container .select2-search--inline .select2-search__field {box-sizing:border-box; border:none; font-size:100%; margin-top:5px;} .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {-webkit-appearance:none;} .select2-dropdown {border-radius:4px; box-sizing:border-box; display:block; position:absolute; left:-100000px; width:100%; z-index:9000!important;} .select2-results {display:block;} .select2-results__options {list-style:none; margin:0; padding:0;} .select2-results__option {padding:0 15px; line-height:60px; user-select:none; -webkit-user-select:none;} .select2-results__option[aria-selected] {cursor:pointer;} .select2-container--open .select2-dropdown {left:0; margin:0;} .select2-container--open .select2-dropdown--above {border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0;} .select2-container--open .select2-dropdown--below {border-top:none; border-top-left-radius:0; border-top-right-radius:0;} .select2-search--dropdown {display:block; padding:4px;} .select2-search--dropdown .select2-search__field {padding:4px; width:100%; box-sizing:border-box;} .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {-webkit-appearance:none;} .select2-search--dropdown.select2-search--hide {display:none;} .select2-close-mask {border:0; margin:0; padding:0; display:block; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:99; filter:alpha(opacity=0);} .select2-hidden-accessible {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} .select2-container--default .select2-selection--single {border-radius:6px;} .select2-container--default .select2-selection--single .select2-selection__clear {cursor:pointer; float:right; font-weight:bold;} .select2-container--default .select2-selection--single .select2-selection__arrow {height:26px; position:absolute; top:23px; right:15px; width:20px;} .select2-container--default .select2-selection--single .select2-selection__arrow b {border-style:solid; border-width:6px 5px 0 5px; height:0; left:50%; position:absolute; top:50%; width:0;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width:0 5px 6px 5px;} .select2-container--default.select2-container--disabled .select2-selection--single {cursor:default;} .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {display:none;} .select2-container--default.select2-container--disabled .select2-selection__choice__remove {display:none;} .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {border-top-left-radius:0; border-top-right-radius:0;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {border-bottom-left-radius:0; border-bottom-right-radius:0;} .select2-container--default .select2-search--inline .select2-search__field {border:none; outline:0;} .select2-container--default .select2-results > .select2-results__options {max-height:400px; overflow-y:auto;} .select2-container--default .select2-results__option[role=group] {padding:0;} .select2-container--default .select2-results__option .select2-results__option {padding-left:15px;} .select2-container--default .select2-results__option .select2-results__option .select2-results__group {padding-left:0;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option {margin-left:-1em; padding-left:2em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-2em; padding-left:3em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-3em; padding-left:4em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-4em; padding-left:5em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-5em; padding-left:6em;} .select2-container--default .select2-results__group {cursor:default; display:block; padding:6px;} /* Portrait tablets and small desktops */ @media (min-width:768px) and (max-width:991px) { .select2-container {width:75%!important;} } /* Landscape phones and portrait tablets */ @media (max-width:767px) { .select2-container {width:100%!important;} .select2-container .select2-selection--single {height:60px;} .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:24px; line-height:60px;} .select2-container--open .select2-dropdown {font-size:14px;} .select2-container--default .select2-selection--single .select2-selection__arrow {top:13px;} .select2-results__option {line-height:50px;} } /* =========================================================================================================================== */ /* =========================================================================================================== 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";}