@font-face { font-family: "Creighton Pro"; font-display: block; font-weight: 700; font-style: normal; src: url('https://cdn-responza.azureedge.net/assets/fonts/creightonprobold/creightonprobold-webfont-webfont.eot'); src: url('https://cdn-responza.azureedge.net/assets/fonts/creightonprobold/creightonprobold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn-responza.azureedge.net/assets/fonts/creightonprobold/creightonprobold-webfont-webfont.woff') format('woff'), url('https://cdn-responza.azureedge.net/assets/fonts/creightonprobold/creightonprobold-webfont-webfont.ttf') format('truetype'); } h1, h2, h3, h4, h5, h6 { font-family: "Creighton Pro", Arial, sans-serif; color: #000600; } body{ font:16px/1.5 Arial, Helvetica, sans-serif; } .header-nav-wrapper{ background-color: #f1ece6; background-image:unset; } .header-nav-logo{ display:none; } .header-nav-pathbar { padding: 0.625rem 3.125rem; border-bottom: 0.0625rem solid #e8e8e8; background-color: white; } .portal-category-list-entry h2, .category-sub-category-header { font-family: "Creighton Pro", Arial, sans-serif; font-size: 1.4375rem; color: #000600; display: block; margin-top: 1.25rem; margin-bottom: 0; } .portal-item{ margin-left:5px; } .header-nav-pathbar a, .portal-item a, .portal-item a:hover, .portal-item a.router-link-active { color: black; } .header-nav-pathbar a.router-link-active{ font-weight:normal; } .header-nav-pathbar .router-link-active{ border:none; } .header-nav-pathbar span span i { color: #cb333b; margin-left: 0.625rem; margin-right: 0.3125rem; font-size: 0.75rem; position: relative; top: -0.0625rem; } .header-nav-pathbar span span:nth-child(1) a { background-image: url(https://cdn-responza.azureedge.net/assets/jula/ico_house.svg); background-repeat: no-repeat; background-position: left; background-size: 1.25rem; padding: 0.1875rem 0 0 1.875rem; } .dropdown .input-group .form-control:first-child { border-radius: 1.5625rem; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dropdown .input-group-btn:last-child > .btn { background-color: white; border:0px; border-radius: 1.5625rem; border-top-left-radius: 0; border-bottom-left-radius: 0; color:black; } .input-group{ width:65%; margin: 0 auto; } .row .container-fluid { width: 90%; } .portal-category-link { width: 90%; } .portal-category-list-entry .portal-category-link:before, .category-sub-category-list-entry .category-sub-category-entry:before { content: ''; display: block; height: 3.125rem; width: 3.125rem; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .portal-category-list-entry:nth-child(1) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_order.png"); } .portal-category-list-entry:nth-child(2) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_shipping.png"); } .portal-category-list-entry:nth-child(3) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_return.png"); } .portal-category-list-entry:nth-child(4) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_reparation.png"); } .portal-category-list-entry:nth-child(5) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_club.png"); } .portal-category-list-entry:nth-child(6) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_pro.png"); } .portal-category-list-entry:nth-child(7) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_stockbalance.png"); } .portal-category-list-entry:nth-child(8) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_store.png"); } .portal-category-list-entry:nth-child(9) .portal-category-link:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_contact.png"); } .category-sub-category-list-entry:nth-child(1) .category-sub-category-entry:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_becomemember.png"); } .category-sub-category-list-entry:nth-child(2) .category-sub-category-entry:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_membershipclub.png"); } .category-sub-category-list-entry:nth-child(3) .category-sub-category-entry:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_bonus.png"); } .category-sub-category-list-entry:nth-child(4) .category-sub-category-entry:before { background-image: url("https://cdn-responza.azureedge.net/assets/jula/ico_invoice.png"); } .portal-category-link, .category-sub-category-entry { display: flex; flex-direction: column; position: relative; border: 0.0625rem solid #e5e5e5; border-radius: 0.1875rem; padding: 1.25rem 0.9375rem; } .category-view-container { margin-bottom: 2.5rem; width: 100%; /* padding: 1.875rem 15.625rem; */ } .category-sub-category-entry .category-sub-category-entry-line { border: none; } .category-sub-category-entry .category-sub-category-entry-line:hover { background-color: unset; } .portal-category-list-entry, .category-sub-category-list-entry { text-align: center; margin-bottom: 1.25rem; } .category-sub-category-list > li{ margin-bottom:20px; } .header-nav-pathbar a:hover{ color:black; } .header-nav-pathbar a.router-link-active:hover { text-decoration: none !important; } a:focus, a:hover { color: #23527c; text-decoration: underline !important; } .category-sub-category-list { display: flex; flex-wrap: wrap; margin: 0 -0.9375rem; padding: 0; list-style-type: none; } .category-sub-category-list-entry { flex: 1 0 50%; padding-right: 0.9375rem; padding-left: 0.9375rem; } .article-list-entry { display: block; position: relative; border: 0.0625rem solid #e5e5e5; border-radius: 0.1875rem; padding: 1.25rem 0.9375rem 1.25rem 3.4375rem; margin-bottom: 0.625rem; } .article-list-entry-header a { color: #000600; } .article-list-entry-header h2 { font-family: "Creighton Pro", Arial, sans-serif; font-size: 1.4375rem; color: #000600; display: block; } .article-list-entry:before { content: ''; background-image: url(https://cdn-responza.azureedge.net/assets/jula/ico_arrow.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 0.4375rem; height: 0.6875rem; position: absolute; left: 1.25rem; padding: 0.625rem; border-radius: 1.875rem; } @media screen and (max-width: 768px) { .header-nav-pathbar,.category-view-container { padding:0.625rem 1.125rem } .dropdown { } .header-nav-logo { } }