/* ==================================================================
Overwriting Ecommera CSS
- main-box.css
- contentPages-box.css ( This is inline body css - )
================================================================== */
/* ------------------------------------------------------------------
main-box.css
------------------------------------------------------------------ */
.categoriesList {visibility:hidden;}
.mainWrapper:last-child { max-width: 100%; padding: 0; }
.mainWrapper .staticContent .pg-static .tscs .column,
.mainWrapper .staticContent .pg-static .faq .column,
.mainWrapper .staticContent .pg-static .master .column { padding: 0 42px 0 10px; }
.mainWrapper .rightColumn .staticContent .pg-static .column.full.noLHNav { padding-top: 0px; }
.mainWrapper .staticContent .pg-static .column.full.noLHNav { padding: 38px 42px 0 0px; }
.mainWrapper .staticContent .pg-static nav.pagination .paginationBg .column { padding-left: 0; padding-right: 0; }
.mainWrapper .staticContent .pg-static .tscs .title h2,
.mainWrapper .staticContent .pg-static .faq .title h2,
.mainWrapper .staticContent .pg-static .master .title h2 { padding-top: 0px; }
.customSelect { display: inline; }
.customSelect { border: inherit; box-sizing: inherit; display: inline; height: inherit; line-height: inherit; padding: inherit; width: inherit; }
.icheckbox { }
.pg-static .faq .search { height: inherit; position: relative; width: inherit; }
.pg-static .search #searchForm.headerSearch { display: block; }
/* Wrapper with LHNav */
.mainWrapper.staticContentLeftNavigation { max-width: 1024px; }
.mainWrapper.staticContentLeftNavigation + .mainWrapper.clearfix {}
.mainWrapper.staticContentLeftNavigation > .mainWrapper.clearfix {}
.mainWrapper.staticContentLeftNavigation .headerLoginIntercept { margin: 0 auto; max-width: 1024px; overflow: hidden; }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding { margin-top: 20px; padding-right: 42px; }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding .contactinfo { margin: 4px 0 0 20px; }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding .needhelp { }
.mainWrapper.staticContentLeftNavigation .pageTitle { font-weight: normal; margin: 0 auto; padding: 21px 0 14px 42px; }
.mainWrapper.staticContentLeftNavigation .leftColumn { border-top: medium none; margin: 0; padding: 0 0 0 42px; width: 25%; }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation { margin: 0 16px 0 -20px; min-height: 226px; padding: 4px 20px 20px; position: absolute; }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation ul {}
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation ul li { display: inline-block; padding: 18px 0 14px; width: 100%; }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation ul li a { line-height: inherit; }
.mainWrapper.staticContentLeftNavigation .rightColumn { padding: 40px 0 40px 16px; width: 75%; }
.staticPageHeaderBg.Static-Terms-and-Conditions,
.staticPageHeaderBg.Static-Faq-p1 { background-image: url("../img/faq-hero-desktop-Q35.jpg"), url("../img/berghaus-texture.png"); background-repeat: no-repeat, repeat;
background-position: center center, 0 0; max-width: 1024px, 100%; margin: 0 auto; }
.staticContent.pageTitleWrapper .hr { display: none; }
.staticContent p,
.staticContent div { line-height: inherit; }
.staticContent div,
.staticContent p,
.staticContent { font-family: inherit; font-size: inherit; }
@media (max-width: 940px) {
.mainWrapper.staticContentLeftNavigation .pageTitle { float: left; }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding { border-top: 1px solid #e9ebe9; clear: left; float: left; margin: 0; padding: 0 0 20px 42px; width: 100% }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding #customer-service-contacts { float: left; padding-top: 15px; }
}
@media (max-width: 500px) {
h1, h2, h3, h4, h5, h6 { color: #333534; }
.headerLoginIntercept { padding-left: 42px; }
}
@media (max-width: 500px) {
.mainWrapper .staticContent .pg-static .faq .column { padding: 30px 20px 0; }
.mainWrapper .staticContent .pg-static .tscs .column { padding-right: 0; }
.mainWrapper .staticContent .pg-static .tscs .title h2 { padding-top: 20px; }
.mainWrapper .staticContent .pg-static .tscs .gutters { margin: 0 20px; }
.mainWrapper.staticContentLeftNavigation .rightColumn { padding: 0; width: 100%; }
.mainWrapper.staticContentLeftNavigation .pageTitle { float: none; padding: 20px 0 15px; }
.mainWrapper.staticContentLeftNavigation .contactHelpAccountLanding { display: none; }
.mainWrapper.staticContentLeftNavigation { margin: 0; padding: 0; width: 100%; }
.mainWrapper.staticContentLeftNavigation .leftColumn { border-top: medium none; margin: 0; padding: 0; position: relative; width: 100%; }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation { height: auto; min-height: inherit; margin: 0; padding: 0px; position: relative; }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation ul li { }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation .pageTitle { margin: 0 0 0 15px; }
.mainWrapper .rightColumn .row { padding: 30px 42px 0 42px; }
}
@media (max-width: 420px) {
.headerLoginIntercept .pageTitle { font-size: 30px; font-size: 3rem; padding: 20px 0; }
.staticContent { padding: 0; }
.mainWrapper.staticContentLeftNavigation .leftColumn { }
.mainWrapper.staticContentLeftNavigation .leftColumn .leftColumnNavigation { }
.mainWrapper .staticContent .pg-static nav.pagination .paginationBg .column { padding-top: 0px; }
.mainWrapper .rightColumn .row { padding: 30px 20px 0 20px; }
.mainWrapper .rightColumn .master .questions .row { padding-top: 0; }
.headerLoginIntercept { padding-left: 20px; }
}
/* ==================================================================
Imported CSS
- working with change requests, seperate jobs that require additional style sheets
- Add job name & details here
================================================================== */
/* ------------------------------------------------------------------
Layout
------------------------------------------------------------------ */
.pg-static.wrapper { margin: 0 auto; padding: 0; }
.pg-static .container { margin: 0 auto; width: 100%; }
.pg-static .container .content { margin: 0px auto; max-width: 1024px; overflow: hidden; /*padding-bottom: 40px;*/ }
.pg-static .container .content.bgImg { overflow: visible; }
.pg-static .container .content.nav { padding-bottom: 0px;}
.pg-static .row { margin: 0px; padding: 0px 42px; /* background-color: pink; */ }
.pg-static .row:last-child { padding-bottom: 20px; }
.pg-static .row.responsiveGutter { margin: 0 -10px; padding: 0px 42px; /*background-color: blue;*/}
.pg-static .column { float: left;}
.pg-static .column.full { width: 100%; }
.pg-static .column.half { width: 50%; }
.pg-static .column.third { width: 33.3333333333%; }
.pg-static .column.twothirds { width: 66.6666666666%; }
.pg-static .column.fourth { width: 25%; }
.pg-static .column.fourth .gutters { margin: 0 15px 0 5px; }
.pg-static .column.threefourths { width: 75%; }
.pg-static .column.threefourths .gutters { margin: 0 10px 0 25px; }
.pg-static .column.sixth { width: 16.6666666667%; }
.pg-static .column.eighth { width: 12.5%; }
.pg-static .column.threeeighths { width: 37.5%; padding: 0; }
.pg-static .column.fiveeighths { width: 62.5%; padding: 0; }
.pg-static .responsiveGutter { margin: 0 -10px; }
.pg-static .gutters { display: inline-block; margin: 0 10px; overflow: hidden; position: relative; /*background: red;*/ }
.pg-static .gutters.left { margin: 0 10px 0 0; }
.pg-static .gutters.right { margin: 0 0 0 10px; }
.pg-static .gutters.visible { overflow: visible; }
/* ------------------------------------------------------------------
Call To Actions
------------------------------------------------------------------ */
/* Primary CTA blue */
.pg-static .cta-primary-blue { display: inline-block; padding: 20px 0 17px; }
.pg-static .cta-primary-blue a { background-color: #002c5f; color: #fff; display: inline-block; font-family: steelfishrg-regular; font-size: 26px; font-size: 2.6rem; font-weight: normal;
height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1; padding: 20px 20px 17px; position: relative; text-decoration: none; text-transform: uppercase; }
.pg-static .cta-primary-blue a:hover { background-color: #19134c; }
/* Primary CTA green */
.pg-static .cta-primary-green { display: inline-block; padding: 20px 0 17px; }
.pg-static .cta-primary-green a { background-color: #22a301; color: #fff; display: inline-block; font-family: steelfishrg-regular; font-size: 26px; font-size: 2.6rem; font-weight: normal;
height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1; padding: 20px 20px 17px; position: relative; text-decoration: none; text-transform: uppercase; }
.pg-static .cta-primary-green a:hover { background-color: #43b80b; }
/* Small CTA green */
.pg-static .cta-small-green { background-color: #22A301; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 15px 20px; }
.pg-static .cta-small-green:hover { background-color: #43b80b; }
@media (max-width: 420px) {
.pg-static .cta-primary-blue a { font-size: 20px; font-size: 2.0rem; padding: 15px 20px 12px 20px; }
.pg-static .cta-primary-green a { font-size: 20px; font-size: 2.0rem; padding: 15px 20px 12px 20px; }
.pg-static .cta-small-green { font-size: 13px; font-size: 1.3rem; }
}
/* ------------------------------------------------------------------
Form Elements
------------------------------------------------------------------ */
.pg-static .navBg { background: none repeat scroll 0 0 #e9ebe9; bottom: 0; margin: 0 0 0 42px; padding: 20px; position: absolute; z-index: 1; }
.pg-static .navBg .dd-menu { background: url("../img/form-dd-arrow.png") no-repeat right #fff; border: none; height: auto; overflow: hidden; width: 100%; }
.pg-static .navBg .dd-menu select { background: none repeat scroll 0 0 transparent; border: 0; border-radius: 0; font-weight: normal;
height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1rem; padding: 15px 40px 15px 20px; text-transform: uppercase; -webkit-appearance: none; width: 140%; }
@-moz-document url-prefix() {
.pg-static .navBg .dd-menu select { font-family: steelfishrg-regular; font-size: 20px; font-size: 2rem; margin: 0 0 -3px; padding: 15px 20px 15px 20px; }
}
.pg-static .navBg .dd-menu select ul { }
.pg-static .navBg .dd-menu select ul li { }
.pg-static .navBg .dd-menu select option { font-family: Helvetica, Arial, sans-serif; font-size: 1.2rem; padding: 5px 0 5px 10px; }
.pg-static .navBg .dd-menu select option:first-child { /*font-family: steelfishrg-regular; font-weight: normal; font-size: 1.8rem; padding-top: 10px;*/ }
.pg-static .navBg .dd-menu select option.test { border: 1px solid #FF0000; }
@media (max-width: 600px) {
.pg-static .navBg { }
}
/* ------------------------------------------------------------------
Img & Video
------------------------------------------------------------------ */
.pg-static img { display: block; height: auto; position: relative; width: 100%; }
.pg-static .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; }
.pg-static .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 85%; }
/* ------------------------------------------------------------------
Generic Styles
- Taken from Athletes & Technology
- Left Hand Nav
- Search
- Pagination
------------------------------------------------------------------ */
.pg-static .hero { position: relative; }
.pg-static .hero .row { padding-bottom: 0; }
.pg-static .hero .content { overflow: visible; position: relative; }
.pg-static .hero img { min-height: 100px; top: 0; }
.pg-static .intro .content { padding-bottom: 0px; }
.pg-static .intro .column { padding: 20px 0; }
.pg-static .introText { display: inline-block; font-family: Helvetica, Arial, sans-serif; padding: 16px 0 13px 0; }
.pg-static .introText p { padding-bottom: 25px; }
.pg-static .introText p.title { font-size: 18px; }
.pg-static .introText p.title:first-child { padding-top: 10px; }
.pg-static .introText p:last-child { padding-bottom: 0; }
.pg-static .intro .introText { font-size: 1.5rem; line-height: 2.2rem; }
.pg-static .title h2 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 30px; font-size: 3rem; font-weight: normal; letter-spacing: 1px; padding: 20px 0 10px; text-transform: uppercase; }
.pg-static p.smallerBottomPadding { padding-bottom: 15px; }
.pg-static p.biggerBottomPadding { padding-bottom: 35px; }
/* Left Hand Nav */
.pg-static .LHN { overflow: visible; position: relative; }
.pg-static .LHN .column.fourth { padding: 0; position: absolute; z-index: 1; }
.pg-static .LHN .column.fourth ul { background: none repeat scroll 0 0 #fff; margin: 0 -25px 0 -20px; padding: 3px 20px 20px; }
.pg-static .LHN .column.fourth ul li { background: url("../img/lhn-arrow.svg") no-repeat scroll right center rgba(0, 0, 0, 0); border-bottom: 1px solid #e9ebe9; font-size: 15px; font-size: 1.5rem; padding: 17px 0 15px; }
.pg-static .LHN .column.fourth ul li:last-child { border-bottom: 3px solid #e9ebe9; }
.pg-static .LHN .column.fourth ul li a { color: #333534; display: inline-block; margin: 0 20px 0 0; text-decoration: none; }
.pg-static .LHN .column.fourth ul li a:hover { color: #333534; text-decoration: underline; }
.pg-static .LHN .column.fourth ul li.selected { background: none; font-weight: bold; }
.pg-static .LHN .column.fourth ul li.selected a:hover { text-decoration: none; }
/* Search */
.pg-static .search { }
.pg-static .search #searchForm { background-color: #e9ebe9; border-bottom: 1px dashed #e9ebe9; margin-bottom: 30px; padding: 20px 0 20px 20px; }
.pg-static .search #searchForm .searchInput { float: left; height: 40px; width: 85%; }
.pg-static .search #searchForm .searchCTA { float: right; height: 40px; position: relative; width: 15%; }
.pg-static .search #searchForm input { }
.pg-static .search #searchForm input.searchTextBox { background-color: white; border-bottom: 1px solid #ccc;; color: #999; font-size: 1.4rem; height: 41px; margin: 0; padding: 13px 0 11px 10px; width: 100%; }
.pg-static .search #searchForm input.searchButton { background: url("../img/search-icon.svg") no-repeat scroll center center transparent; border: 0 none; cursor: pointer;
margin: 0; max-height: 40px; min-height: 19px; width: 100%; padding: 0; text-indent: -99999px; }
.pg-static .search .searchtitle { bottom: 0; color: #333534; font-size: 1.2rem; position: absolute; text-align: center; width: 100%; }
@media (max-width: 720px) {
.pg-static .search #searchForm .searchInput { width: 80%; }
.pg-static .search #searchForm .searchCTA { width: 20%; }
}
@media (max-width: 520px) {
.pg-static .search #searchForm .searchInput { width: 75%; }
.pg-static .search #searchForm .searchCTA { width: 25%; }
.pg-static .search #searchForm { margin-bottom: 20px; }
}
@media (max-width: 420px) {
.pg-static .search #searchForm .searchInput { width: 75%; }
.pg-static .search #searchForm .searchCTA { width: 25%; }
}
/* Pagination */
.pg-static nav.pagination { border-bottom: 0 none; padding: 20px 0 20px 0; }
.pg-static nav.pagination.top { border-top: 1px dashed #e9ebe9; padding: 20px 0 20px 0; }
.pg-static nav.pagination.top .paginationBg {
background-color: #d7d2cb;
padding: 20px 0;
}
.pg-static nav.pagination.bottom .paginationBg { background-color: #d7d2cb; padding: 20px 0; }
.pg-static nav.pagination p { font-size: 14px; font-size: 1.4rem; padding-left: 20px; }
.pg-static nav.pagination p.results {
font-family: "ConflictBlack";
}
.pg-static nav.pagination p.viewing {
color: #666666;
font-size: 12px;
font-size: 1.2rem;
padding-top: 10px;
font-family: "BalticaRegular";
}
.pg-static nav.pagination .column { padding-top: 0; }
.pg-static .paginate { display: block; float: right; font-size: 12px; font-size: 1.2em; width: auto; }
/** First Design Pagination **/
.pg-static .paginate.pag { padding-right: 20px; }
.pg-static .paginate.pag ul { float: left; }
.pg-static .paginate.pag li { float: left; }
.pg-static .paginate.pag li a {
float: left;
padding: 10px 13px;
text-decoration: none;
background-color: #003865;
color: #fff;
font-size: 20px;
display: inline-block;
border-radius: 10px 0 10px 10px;
cursor: pointer;
text-transform: uppercase;
text-align: center;
background-image: none;
font-family: "ConflictBlack";
transform: skewX(-15deg);
border: 1px solid transparent;
width: 100%;
}
.pg-static .paginate.pag li a span{
transform: skewX(15deg);
display: inline-block;
}
.pg-static .paginate.pag li a:hover { background-color: #009cde;}
.pg-static .paginate.pag li a:active { background-color: #19134c; }
.pg-static .paginate.pag li.current { background-color: #19134c; border: 1px solid #e9ebe9; color: #fff; display: block; float: left; margin-left: 6px; padding: 10px 13px; }
.pg-static .paginate.pag li.elipse { margin-left: 6px; padding: 13px 5px 0; position: relative; vertical-align: bottom; }
.pg-static .paginate.pag li.deselected.first a { cursor: default; opacity: 0.5; }
.pg-static .paginate.pag li.deselected.first a:hover { background: url("../img/pagination-arrow-first.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; content:""; cursor: default; opacity: 0.5; text-indent: -99999px; }
.pg-static .paginate.pag li.first a { background: url("../img/pagination-arrow-first.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; text-indent: -99999px; }
.pg-static .paginate.pag li.first a:hover { background: url("../img/pagination-arrow-first-hover.svg") no-repeat scroll center center #002c5f; }
.pg-static .paginate.pag li.deselected.last a { cursor: default; opacity: 0.5; }
.pg-static .paginate.pag li.deselected.last a:hover { background: url("../img/pagination-arrow-last.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; content:""; cursor: default; opacity: 0.5; text-indent: -99999px; }
.pg-static .paginate.pag li.last a { background: url("../img/pagination-arrow-last.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; text-indent: -99999px; }
.pg-static .paginate.pag li.last a:hover { background: url("../img/pagination-arrow-last-hover.svg") no-repeat scroll center center #002c5f; }
.pg-static .paginate.pag li.deselected.next a { cursor: default; opacity: 0.5; }
.pg-static .paginate.pag li.deselected.next a:hover { background: url("../img/pagination-arrow-right.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; content:""; cursor: default; opacity: 0.5; text-indent: -99999px; }
.pg-static .paginate.pag li.next a { background: url("../img/pagination-arrow-right.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; text-indent: -99999px; }
.pg-static .paginate.pag li.next a:hover { background: url("../img/pagination-arrow-right-hover.svg") no-repeat scroll center center #002c5f; }
.pg-static .paginate.pag li.deselected.prev a { cursor: default; opacity: 0.5; }
.pg-static .paginate.pag li.deselected.prev a:hover { background: url("../img/pagination-arrow-left.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; cursor: default; opacity: 0.5; text-indent: -99999px; }
.pg-static .paginate.pag li.prev a { background: url("../img/pagination-arrow-left.svg") no-repeat scroll center center #fff; border: 1px solid #e9ebe9; content:""; text-indent: -99999px; }
.pg-static .paginate.pag li.prev a:hover { background: url("../img/pagination-arrow-left-hover.svg") no-repeat scroll center center #002c5f; }
/* Vertical */
.pg-static .vertical ul li { overflow: hidden; }
.pg-static .vertical ul li label { padding: 15px 40px 12px 57px; text-indent: -17px; }
.pg-static .vertical ul li .content { height: 0px; border: medium none; }
@media (max-width: 420px) {
.pg-static .vertical ul li label { padding: 15px 40px 12px 37px; text-indent: -17px; }
.pg-static nav.pagination.top .paginationBg { padding-bottom: 10px; }
}
/* ------------------------------------------------------------------
FAQ Page
------------------------------------------------------------------ */
.pg-static .faq { background-color: #fff; padding-bottom: 40px; }
.pg-static .faq .title h2 { }
.pg-static .faq .introText {
padding-top: 30px;
font-family: "BalticaRegular";
}
.pg-static .faq .introText a {
font-family: "BalticaBold";
}
.pg-static .faq .pagination .column.threefourths { float: right; }
.pg-static .container .faq .content .row { border-bottom: 1px solid #e9ebe9; padding-bottom: 0; }
.pg-static .faq .vertical ul li label {
padding: 15px 40px 12px 37px;
text-indent: -17px;
font-family: "BalticaRegular";
}
.pg-static .faq .vertical ul li label:hover {
font-weight: bold;
}
@media (max-width: 1000px) {
.pg-static .faq .pagination .column.fourth { padding: 0 0 15px; width: auto; }
.pg-static .faq .pagination .column.fourth p { }
.pg-static .faq .pagination .column.threefourths { width: 100%; }
.pg-static nav.pagination p.viewing { float: left; padding: 1px 0 0 20px; }
.pg-static nav.pagination p.results { float: left; }
.pg-static .paginate { float: left; }
.pg-static .paginate.pag { padding: 0 20px 0 14px; }
}
@media (max-width: 800px) {
.pg-static .paginate.pag ul:nth-child(2) { display: none; }
}
@media (max-width: 495px) {
.pg-static .paginate.pag ul:nth-child(1) li:nth-child(1) { display: none; }
.pg-static .paginate.pag ul:nth-child(1) { padding-bottom: 10px; }
.pg-static .paginate.pag ul:nth-child(3) li:nth-child(2) { display: none; }
}
@media (max-width: 420px) {
.pg-static .faq .title h2 { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; padding-top: 0; }
.pg-static .faq .introText { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding-top: 20px; }
.pg-static .search .searchtitle { font-size: 11px; font-size: 1.1rem; }
.pg-static .search #searchForm input.searchTextBox { font-size: 11px; font-size: 1.1rem; }
.pg-static .search #searchForm .searchCTA { height: 38px; }
.pg-static nav.pagination p { font-size: 12px; font-size: 1.2rem; }
.pg-static nav.pagination p.viewing { padding-top: 0; }
.pg-static .faq .vertical ul li label { line-height: 1.8rem; text-indent: -15px; }
}
@media (max-width: 420px) {
.pg-static .paginate.pag ul:nth-child(1) li:nth-child(3) { display: none; }
}
/* ------------------------------------------------------------------
Careers Page
------------------------------------------------------------------ */
.pg-static .careers { background-color: #fff; border-bottom: 1px solid #e9ebe9; }
.pg-static .careers .column { }
.pg-static .careers .title h2 { padding: 10px 0 0; }
.pg-static .careers .intro { }
.pg-static .careers .intro .introText { }
.pg-static .careers .row:last-child { padding-bottom: 0px; }
.pg-static .careers .opportunities { padding: 30px 0 40px 0; }
.pg-static .careers .opportunities h2 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 30px; font-size: 3.0rem; font-weight: normal; letter-spacing: 1px; padding: 0 0 5px 42px; text-transform: uppercase; }
.pg-static .careers .opportunities .accordion .content { padding: 0 42px; }
.pg-static .careers .opportunities .accordion p:first-of-type { padding-bottom: 10px; padding-top: 5px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities { font-size: 14px; font-size: 1.4rem; line-height: 30px; line-height: 3rem; margin: 0 -20px; padding: 0 0 20px 20px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities.submitDetails { border-bottom: 3px solid #E9EBE9; border-top: 1px dashed #E9EBE9; margin: 0 -42px; padding: 20px 0 15px 42px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities .closingDate { font-size: 15px; font-size: 1.5rem; padding: 0 0 10px; }
.pg-static .careers .opportunities .additionalOpportunities li { line-height: 22px; line-height: 2.2rem; list-style: disc outside none; margin-left: 15px; overflow: visible; padding: 0 40px 15px 5px; }
@media (max-width: 420px) {
.pg-static .careers .title h2 { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; padding: 0; }
.pg-static .careers .opportunities { padding: 20px 0; }
.pg-static .careers .opportunities h2 { font-family: 'SteelfishRg-Regular'; font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; padding: 0 0 5px 20px; }
.pg-static .careers .opportunities .accordion .content { padding: 0 20px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities { font-size: 1.3rem; line-height: 2.4rem; margin: 0 -20px; padding: 0 0 15px 20px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities.submitDetails { margin: 0 -20px; padding: 20px 20px 15px; }
.pg-static .careers .opportunities .additionalOpportunities li { padding: 0 40px 10px 5px; }
.pg-static .careers .opportunities .accordion ul .additionalOpportunities .closingDate { font-size: 13px; font-size: 1.3rem; padding: 0 0 10px; }
.pg-static .careers .row { padding: 0 20px; }
.pg-static .careers .intro .introText { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
.pg-static .careers .intro .introText p { padding-bottom: 15px; }
.pg-static .careers .intro .introText p:last-child { padding-bottom: 0px; }
}
/* ------------------------------------------------------------------
Terms & Conditions Page
------------------------------------------------------------------ */
.pg-static .tscs .column.fourth { /* background-color: blue; */ }
.pg-static .tscs .column.threefourths { /* background-color: red; */ }
.pg-static .tscs { background-color: #fff; }
.pg-static .tscs h3 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 27px; font-size: 2.7rem; font-weight: normal; letter-spacing: 1px; padding: 10px 0 25px; text-transform: uppercase; }
.pg-static .tscs h4 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 24px; font-size: 2.4rem; font-weight: normal; letter-spacing: 1px; padding: 20px 0 25px; text-transform: uppercase; }
.pg-static .tscs.intro { border: medium none; padding: 0; }
.pg-static .tscs.intro p { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding-bottom: 30px; }
.pg-static .tscsContent p { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding: 0 0 20px; }
@media (max-width: 420px) {
.pg-static .tscs .title h2 { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; padding-top: 0; }
.pg-static .tscs .intro .introText { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
.pg-static .tscs .intro .introText p { padding-bottom: 15px; }
.pg-static .tscs .intro .introText p:last-child { padding-bottom: 0px; }
.pg-static .tscs h3 { font-size: 20px; font-size: 2rem; letter-spacing: 0.5px; padding: 15px 0; }
.pg-static .tscs h4 { font-size: 19px; font-size: 1.9rem; letter-spacing: 0.5px; padding: 15px 0; }
.pg-static .tscs.intro p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding-bottom: 15px; }
.pg-static .tscsContent p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding-bottom: 10px; }
}
/* ------------------------------------------------------------------
History Page
------------------------------------------------------------------ */
.pg-static .container .history .content { position: relative; }
.pg-static .history.nav { background-color: #fff; border-bottom: 1px solid #e9ebe9; padding: 40px 0; }
.pg-static .history.navBg { display: inline-block; margin: 0; position: relative; }
.pg-static .history.nav .container { background-color: rgba(0, 0, 0, 0); padding: 0 42px; }
.pg-static .history.navBg .dd-menu { }
.pg-static .history .navGrey { background-color: #e9ebe9; display: block; width: 100%; }
.pg-static .historyDates { background-color: #fff; border-bottom: 1px solid #e9ebe9; margin: 0; position: relative; }
.pg-static .historyDates.right .column.half { float: right; }
.pg-static .historyDates:last-child { border-bottom: none; }
.pg-static .historyDates .title h2 { font-size: 40px; font-size: 4rem; padding: 0 0 10px 0; }
.pg-static .historyDates img { padding-top: 70px; }
@media (max-width: 600px) {
.pg-static .historyDates .column.half { width: 100%; }
.pg-static .historyDates .gutters { display: block; margin: 0; }
.pg-static .historyDates img { padding-top: 0px; padding-bottom: 20px; }
}
@media (max-width: 420px) {
.pg-static .row { padding: 0 20px; }
.pg-static .historyDates .title h2 { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; padding: 0; }
.pg-static .historyDates:last-child .column.full { padding-bottom: 40px; }
.pg-static .historyDates .column.half { padding-top: 0; }
.pg-static .historyDates .intro .introText { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
.pg-static .historyDates .intro .introText p { padding-bottom: 15px; }
.pg-static .historyDates .intro .introText p:last-child { padding: 0; }
.pg-static .historyDates img { padding-top: 0px; padding-bottom: 0px; }
.pg-static .history.nav { border: none; padding: 0; }
.pg-static .history.nav .container { padding: 0; }
.pg-static .history .navGrey { background-color: #fff; }
.pg-static .history.navBg { display: block; }
}
/* ------------------------------------------------------------------
HR Page
------------------------------------------------------------------ */
.pg-static .careers.landing { }
.pg-static .careers.landing .column.full { padding-top: 0px; }
.pg-static .careers.landing .title h2 { padding-top: 0px; }
.pg-static .hr { background-color: #fff; border-bottom: 1px solid #e9ebe9; height: auto; }
.pg-static .hr .column.full { border-bottom: 1px solid #e9ebe9; padding-bottom: 10px; }
.pg-static .hr .column.full.white { /*background-color: #fff;*/ }
.pg-static .hr .column.full.grey { /*background-color: #e9ebe9;*/ }
.pg-static .hr .column.full.noBorder { border: none; }
.pg-static .hr .column.full img { padding: 20px 0; }
.pg-static .introText p.otherVacancies { padding: 10px 0; }
.pg-static .hr .hrSection { /*border-bottom: 1px dashed #e9ebe9;*/ float: left; /*padding: 0 0 25px;*/ }
.pg-static .hr .hrSection .column.half.left { float: left; }
.pg-static .hr .hrSection .column.half.right { float: right; }
.pg-static .hr .hrSection .column.half.left .intro { }
.pg-static .hr .hrSection .column.half.right .intro { }
.pg-static .hr .hrSection ul { line-height: 200%; list-style: disc outside none; margin-left: 12px; padding-bottom: 30px; text-indent: 0; }
.pg-static .hr .hrSection ul.no-bottom-padding { padding-bottom: 0; }
.pg-static .hr .hrSection ul li { }
.pg-static .hr .hrSection .hr-logos { min-width: 100%; width: 100%; }
.pg-static .hr .hrSection .hr-logos .hr-logo { float: left; width: 33.3333333333%; }
.pg-static .hr .hrSection .hr-logos .hr-logo img { }
@media (max-width: 420px) {
.pg-static .careers.landing .title h2 { padding-top: 20px; }
.pg-static .title h2 { font-size: 2.2rem; padding-bottom: 0; }
.pg-static .introText p.title { font-size: 14px; }
.pg-static .hr .hrSection .intro p.title { font-size: 14px; }
.pg-static .hr .hrSection .intro p { font-size: 13px; line-height: 130%; }
.pg-static .hr .hrSection ul li { font-size: 13px; line-height: 160%; }
}
/* ------------------------------------------------------------------
Universal Pages
------------------------------------------------------------------ */
section.topBorder { border-top: 1px solid #e9ebe9; }
.master .questions { padding: 30px 0 0; }
.master .questions .row { }
.pg-static .master .title h2 { padding-bottom: 26px; }
.pg-static .master .introText { padding-bottom: 0; padding-top: 0px; }
.pg-static .master .introText p { font-size: 15px; line-height: 22px; }
.master .questions .row.bottomDashedBorder { border-bottom: 1px dashed #e9ebe9; margin-bottom: 30px; }
.master .questions .row.bottomSolidBorder { border-bottom: 1px solid #e9ebe9; margin-bottom: 30px; }
.master .questions h3 { font-size: 24px; max-width: 768px; padding: 0 0 25px; text-transform: uppercase;}
.master .questions h3:first-letter { }
.master .questions p { font-size: 14px; line-height: 22px; max-width: 768px; padding-bottom: 25px; }
.master .questions p.smallerBottomPadding { padding-bottom: 15px; }
.pg-static ul.lower-latin { font-size: 13px; line-height: 18px; list-style: lower-alpha outside none; margin: 0; max-width: 768px; padding: 0 0 20px 30px; text-indent: 0; }
.pg-static ul.lower-latin li { padding: 0 0 15px; }
.pg-static ul.lower-roman { font-size: 13px; line-height: 18px; list-style: lower-roman outside none; margin: 0; max-width: 768px; padding: 0 0 20px 30px; text-indent: 0; }
.pg-static ul.lower-roman li { padding: 0 0 15px; }
.pg-static ul.bullets { font-size: 13px; line-height: 18px; list-style: disc outside none; margin: 0; max-width: 768px; padding: 0 0 20px 30px; text-indent: 0; }
.pg-static ul.bullets li { padding: 0 0 15px; }
@media (max-width: 600px) {
.mainWrapper .staticContent .pg-static .column.full.noLHNav { padding-right: 0px; }
}
@media (max-width: 420px) {
.staticContent section:last-child { padding-bottom: 30px; }
.pg-static .master .row:last-child { padding-bottom: 0px; }
.pg-static .master .title h2 { font-size: 22px; letter-spacing: 0.5; padding-bottom: 16px; }
.pg-static .master .introText p { font-size: 13px; line-height: 18px; }
.master .questions p { font-size: 13px; line-height: 19px; padding-bottom: 15px; }
.master .questions h3 { font-size: 19px; line-height: 22px; padding: 0 0 15px 10px; }
.master .questions h3:first-letter { margin-left: -10px; }
.master .questions .row.bottomDashedBorder { margin-bottom: 20px; }
.master .questions .row.bottomSolidBorder { margin-bottom: 20px; }
.pg-static .introText p { padding-bottom: 15px; }
.pg-static p.smallerBottomPadding { padding-bottom: 12px; }
.pg-static p.biggerBottomPadding { padding-bottom: 22px; }
.pg-static ul.lower-latin { font-size: 12px; line-height: 18px; padding: 0 0 10px 20px; }
.pg-static ul.lower-latin li { padding: 0 0 10px; }
.pg-static ul.lower-roman { font-size: 12px; line-height: 18px; padding: 0 0 10px 20px; }
.pg-static ul.lower-roman li { padding: 0 0 10px; }
.pg-static ul.bullets { font-size: 12px; line-height: 18px; padding: 0 0 10px 20px; }
.pg-static ul.bullets li { padding: 0 0 10px; }
}
/* ------------------------------------------------------------------
100% width issues overwrite css
------------------------------------------------------------------ */
@media disabled {
.breadcrumbs { border: none; margin: 0 auto; padding-left: 42px; max-width: 984px; }
.mainWrapper:first-child { border-bottom: 1px solid #E9EBE9; max-width: 100%; }
.contentArea { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto 0; max-width: 100%; }
.hr { display: none; }
.pg-static.wrapper { max-width: 100%; }
.pg-static .hero { background: url("../img/berghaus-texture.png") repeat scroll 0 0 #FFFFFF; padding: 0; }
.pg-static .hero img { margin: 0 auto; max-width: 1440px; position: relative; }
}
/* -------------------------------------------- Berghaus Redesign 2016 -------------------------------------------------------*/
/* breadcrumb style */
.brgStaticContent .breadcrumbs { border-bottom: none; padding: 22px 0 34px 0; }
.brgStaticContent .breadcrumbs li:first-child { padding: 0 15px 0 0; }
.brgStaticContent .breadcrumbs li:not(:last-child) { transform: skew(-15deg, 0); display: inline-block; border-right: 1px solid #d50032; }
.brgStaticContent .breadcrumbs li { display: inline-block; line-height: 21px; padding: 0 19px 0 17px; font-family: "ConflictBold"; color: #000; font-size: 16px; text-transform: uppercase; }
.brgStaticContent .breadcrumbs a { transform: skew(15deg, 0); display: block; font-family: "ConflictBold"; color: #666666; font-size: 16px; }
/* page title */
.brgStaticContent .pageTitle { font-weight: normal; margin: 0 auto; padding-bottom: 13px; font-family: "ConflictBlack"; line-height: 0.926; color: #00365f; text-transform: uppercase; margin: 0; }
/* page title slash icon */
.brgStaticContent .pageTitleWrapper .slashIcon { transform: skew(-15deg, 0); display: inline-block; border-right: 2px solid #d50032; width: 5px; height: 22px; margin: 3px 13px 0 0; float: left; }
/* Vertical Accordian */
.brgStaticContent .accordion { background: #fff; padding: 10px 0; }
.brgStaticContent .accordion ul { list-style: none; margin: 0; }
.brgStaticContent .accordion ul:last-child { border-bottom: 1px solid #e9ebe9; }
.brgStaticContent .accordion ul li { margin: 0; padding: 0; }
.brgStaticContent .accordion ul li:last-child { /*border-bottom: 1px solid #e9ebe9;*/ }
.brgStaticContent .accordion [type=radio],
.brgStaticContent .accordion [type=checkbox] { display: none; }
.brgStaticContent .accordion label { background: url("../img/concertina-plus.svg") no-repeat scroll calc(100% - 40px) center rgba(0, 0, 0, 0); border-top: 1px solid #e9ebe9; border-bottom: 1px solid #fff; color: #333534; cursor: pointer; display: block; font-size: 15px; font-size: 1.5rem; font-weight: normal;
line-height: 25px; line-height: 2.5rem; }
.brgStaticContent .accordion label:last-child { border-bottom: 1px solid #e9ebe9; }
.brgStaticContent .accordion ul li label:hover,
.brgStaticContent .accordion [type=radio]:checked ~ label,
.brgStaticContent .accordion [type=checkbox]:checked ~ label { border-bottom: 1px solid #e9ebe9; }
.brgStaticContent .accordion .content { padding: 0 20px; overflow: hidden; border: 1px solid #fff; }
.brgStaticContent .accordion .arrow { background: url("../img/concertina-arrow.svg") no-repeat scroll calc(100% - 40px) top transparent; margin: 0 -42px; min-height: 9px; padding: 0; }
.brgStaticContent .accordion h3 { }
.brgStaticContent .accordion p {font-family: "BalticaRegular"; font-size: 14px; line-height: 22px; padding: 0 40px 20px 0; }
.brgStaticContent .accordion p:first-of-type { padding-bottom: 10px; padding-top: 10px;}
.brgStaticContent .accordion .bold { font-family: "BalticaBold"; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; }
.brgStaticContent .accordion ul .additionalFaqs { border-bottom: 3px solid #e9ebe9; margin: 0 -20px; padding: 0 0 20px 20px; }
.brgStaticContent .accordion ul .additionalFaqs a { color: #002c5f; font-family: "BalticaBold"; }
.brgStaticContent .accordion .additionalFaqs li:last-child { border: none; }
.brgStaticContent .faq .accordion label { background: url("../img/acc-plus-2x.png") no-repeat scroll calc(100% - 20px) center rgba(0, 0, 0, 0); background-size: 15px; }
/* Vertical */
.brgStaticContent .vertical [type=radio]:checked ~ label,
.brgStaticContent .vertical [type=checkbox]:checked ~ label {background: url("../img/acc-minus-2x.png") no-repeat scroll calc(100% - 20px) center #d7d2cb !important; border-bottom: 0; background-size: 15px !important;}
.brgStaticContent .vertical [type=radio]:checked ~ label ~ .content,
.brgStaticContent .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; }
.brgStaticContent .faq .accordion [type="radio"]:checked ~ label,
.brgStaticContent .faq .accordion [type="checkbox"]:checked ~ label { background-color: #d7d2cb; }
/* history block */
.brgStaticContent .brgHistoyBlock .descriptionContent { padding-top: 20px; border-top: 1px solid #d7d2cb; }
.brgStaticContent .brgHistoyBlock .descriptionContent.first { border-top: none; }
.brgStaticContent .brgHistoyBlock .descriptionTitle { color: #003865; font-family: "ConflictBlack"; font-size: 24px; margin: 0 0 10px 0px; }
.brgStaticContent .brgHistoyBlock .descriptionImgHolder { padding-top: 37px; }
.brgStaticContent .brgHistoyBlock .descriptionText p { margin-bottom: 25px; }
.brgStaticContent .rightCol { float: right; }
/* ordering contest asset */
.trackOrder {
margin-bottom: 20px;
}
.trackOrder .formRow {
margin-bottom: 20px;
}
.trackOrder .labelStyle1 { width: 25%; display: inline-block; }
.trackOrder .headerText {
margin-bottom: 10px;
}
.hide {
display: none;
}
@media (max-width: 767px) {
.brgStaticContent .pageTitle { font-size: 54px; }
.brgStaticContent .pageTitleWrapper .slashIcon { margin: 6px 19px 0 0; height: 34px; }
.brgStaticContent .rightCol { float: none; }
.brgStaticContent .brgHistoyBlock .descriptionTitle.right{ width: 100%; margin-left: 0; }
.brgStaticContent .brgHistoyBlock .descriptionImgHolder { padding-top: 0; padding-bottom: 20px; }
.brgStaticContent .accordion [type="radio"]:checked ~ label,
.brgStaticContent .accordion [type="checkbox"]:checked ~ label { background: url("../img/concertina-plus.svg") no-repeat scroll calc(100% - 20px) center #E9EBE9; }
.brgStaticContent .accordion .arrow { background: url("../img/concertina-arrow.svg") no-repeat scroll calc(100% - 39px) top rgba(0, 0, 0, 0); margin: 0 -42px; min-height: 9px; }
.brgStaticContent .vertical [type="radio"]:checked ~ label, .pg-static .vertical [type="checkbox"]:checked ~ label { background: url("../img/concertina-minus.svg") no-repeat scroll calc(100% - 20px) center #E9EBE9; border-bottom: 0 none; }
.trackOrder .inputtext,.trackOrder .input { width: 100%;}
.trackOrder .labelStyle1 { width: 100%; }
}
@media (max-width: 639px) {
.brgStaticContent .pageTitle { font-size: 27px; }
.brgStaticContent .pageTitleWrapper .slashIcon { width: 6px; height: 17px; margin: 3px 10px 0 0; border-right: 2px solid #d50032; }
.brgStaticContent .accordion p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding: 0 30px 20px 0; }
.brgStaticContent .accordion .bold { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding: 0 30px 15px 0; }
.brgStaticContent .accordion label { background: url("../img/concertina-plus.svg") no-repeat scroll calc(100% - 20px) center rgba(0, 0, 0, 0); font-size: 13px; font-size: 1.3rem; }
.brgStaticContent .accordion ul .additionalFaqs { font-size: 1.3rem; line-height: 3rem; }
.brgStaticContent .accordion p:first-of-type { padding-bottom: 10px; }
.brgStaticContent .accordion .bold { padding-bottom: 10px; }
.brgStaticContent .accordion p { padding-right: 0; }
}