/* Custom CSS for LawLibrary.ie */
/* COLOURS ------------------------------------------------------
[BLUE]
- Text #00081A (+ HP feature boxes )
- Grid Box #3 #000E1E
- Header #001226
- Footer #001E40
- HP Updates #001C3B
- Content Intro #002046 (+ Grid box #1)
- Main Menu #0E396D
- Buttons #0A1B41 (outline + text)
- Grid Box #2 #063163
- Crumb arrow #043961 (at 60% opacity: rgb 4,57,97)
- Heading Line #9EBEE9
- Top Menu #AAC7E8
- News Date #B7DDE2 (+ News & Barrister Box Outline - 75% opacity: rgb 183,221,226)
- News Date #2 #D1D1D1
- Side Bar #F2F6F9 (+ Legal Services BG)
[MAGENTA]
- Accent boxes #AF0061
*/
/* FONTS: (Adobe Font via Typekit) ------------------------------
Minerva Modern >> Headings
[Regular + Bold (=default)]
MinervaModern Bold { font-family: minerva-modern, sans-serif; font-weight: 700; font-style: normal; }
MinervaModern Bold Italic { font-family: minerva-modern, sans-serif; font-weight: 700; font-style: italic; }
MinervaModern Regular { font-family: minerva-modern, sans-serif; font-weight: 400; font-style: normal; }
MinervaModern Regular Italic { font-family: minerva-modern, sans-serif; font-weight: 400; font-style: italic; }
Niveau Grotesk >> Body
[Light (=default), Regular, Medium (=strong)]
Niveau Grotesk Light { font-family: niveau-grotesk, sans-serif; font-weight: 300; font-style: normal; }
Niveau Grotesk Light Italic { font-family: niveau-grotesk, sans-serif; font-weight: 300; font-style: italic; }
Niveau Grotesk Regular { font-family: niveau-grotesk, sans-serif; font-weight: 400; font-style: normal; }
Niveau Grotesk Regular Italic { font-family: niveau-grotesk, sans-serif; font-weight: 400; font-style: italic; }
Niveau Grotesk Medium { font-family: niveau-grotesk, sans-serif; font-weight: 500; font-style: normal; }
Niveau Grotesk Medium Italic { font-family: niveau-grotesk, sans-serif; font-weight: 500; font-style: italic; }
Google Material Icons Outlined
[Format: icon name]
Search > search Login > lock
Contact > phone Mobile > phone_android
Email > email Address > location_on
Website > language
*/
/* FONT SIZES ----------------------------------------------------
1px = .0625rem 9px = .5625rem 17px = 1.0625rem 26px = 1.625rem
2px = .125rem 10px = .625rem 18px = 1.125rem 28px = 1.75rem
3px = .1875rem 11px = .6875rem 19px = 1.1875rem 30px = 1.875rem
4px = .25rem 12px = .75rem 20px = 1.25rem 32px = 2rem
5px = .3125rem 13px = .8125rem 21px = 1.3125rem 40px = 2.5rem
6px = .375rem 14px = .875rem 22px = 1.375rem 44px = 2.75rem
7px = .4375rem 15px = .9375rem 23px = 1.4375rem
8px = .5rem 16px = 1rem [BASE] 24px = 1.5rem */
/* GLOBAL STYLES --------------------------------------------------- */
body { color:#00081A; font-family: niveau-grotesk, sans-serif; font-weight: 300; }
/* All Text Content */
.content { font-size: 1rem; line-height: 1.4; }
/* Headings */
h1, h2, h3, h4, h5, h6 { color: #221f73; font-family: minerva-modern, serif; font-weight: 700; margin: 1.5rem 0 1rem; }
h1 { color: #fff; font-size: 2rem; margin-top: 0; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.3125rem; }
h5 { font-size: 1.1875rem; }
h6 { font-size: 1.125rem; }
@media (min-width: 992px) {
h1 { font-size: 2.75rem; }
h2 { font-size: 2rem; }
}
/* Other text */
strong { font-weight: 500; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }
.highlight { color: #AF0061; font-size: 1.5rem; font-weight: 500; }
/* Links */
.content a { color: #00081A; text-decoration: underline; }
.content a:hover,
.content a:focus,
.content a:active { color: #AF0061; }
/* Buttons */
.btn, .wp-block-button__link { background-color: transparent; border: 1px solid #0A1B41; border-radius: 2rem; color: #0A1B41 !important; font-size: 1.125rem; font-weight: 500; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; text-decoration: none !important; white-space: normal; }
.btn:hover, .wp-block-button__link:hover,
.btn:focus, .wp-block-button__link:focus,
.btn:active, .wp-block-button__link:active { background-color:#0A1B41; color:#fff !important; }
.content a.btn, .content a.wp-block-button__link { margin:0 0 2px; }
.btn-sm { font-size: .9375rem; padding-right: 1rem; padding-left: 1rem; }
.btn-lg { font-size: 1.25rem; padding-right: 1.5rem; padding-left: 1.5rem; }
.btn-plus { padding-right: 1.875rem; padding-left: 1.875rem; }
h2 .btn-plus { font-family: niveau-grotesk, sans-serif; font-size: 1.125rem; padding-right: 1.75rem; padding-left: 1.75rem; margin-bottom: 0 !important; }
.btn-plus:after { content: "+"; display: inline-block; font-size: 1.375rem; font-weight: 500; line-height: 1.2; margin-left: .3125rem; }
/* Quotes */
blockquote { background-color: rgba(158,190,233,.25); border-left: 0; padding: .875rem 1.25rem .875rem 2.375rem !important; position: relative; }
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large { }
blockquote:before { content: "\201C"; display: block; font-family: arial, sans-serif; font-size: 3rem; font-weight: 700; left: .625rem; line-height: 1; position: absolute; top: .375rem }
blockquote p:last-child { margin-bottom: 0; }
/* Lists */
.content ul,
.content ol { padding-left: 1.75rem; }
.content ul li { list-style: none; margin: 0 0 .25rem; padding: 0; position: relative; }
.content ul li:before { background-color: #AF0061; content: ""; display: block; height: 4px; left: -.875rem; margin: 0; position: absolute; top: 9px; width: 4px; }
.content li ul li:before { background-color: #BE5C92; border-radius: 50%; }
.content ol li { margin: 0 0 .25rem; padding: 0; position: relative; }
.content ol ul { margin-top:.125rem; }
/* Gallery List */
.wp-block-gallery ul { padding-left: 0; }
.wp-block-gallery ul li:before { display: none; }
/* TITO Event Booking */
.content .tito-wrapper { margin-left: 0; margin-right: 0; }
.content .tito-wrapper ul { padding-left: 0; }
.content .tito-wrapper ul li:before { display: none; }
/* List group (button style) */
li.list-group-item { background-color: transparent; border: 1px solid rgba(183,221,226,.75) !important; border-radius: 0 !important; font-size: .9375rem; margin-right: 10px; margin-bottom: 10px; padding: .375rem .875rem; text-align: center; }
li.list-group-item:last-child { margin-right: 0; }
@media (min-width: 992px) {
li.list-group-item { font-size: 1rem; padding: .375rem 1rem; }
}
/* Definition List */
dl {}
dt { font-family: minerva-modern, serif; font-size: 1.125rem; font-weight: 700; }
dd { margin-bottom: .75rem; }
dd p { margin-bottom: 10px; }
/* Images */
img.alignright,
figure.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft,
figure.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter,
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.content img { height: auto; max-width: 100%; }
.content img.alignnone { margin-bottom: 1rem; }
figure.wp-caption { border: 1px solid #dbe4f3; padding: .125rem; }
figcaption.wp-caption-text { font-style: italic; font-size: .875rem; padding: .5rem 0 .25rem; text-align: center; }
/* WP Block - Media Text */
.wp-block-media-text__media { text-align: center; }
.wp-block-media-text__media img,
.wp-block-media-text__media video { margin-bottom: 1rem; width: auto; }
@media (max-width: 600px) {
.wp-block-media-text__content { padding: 0 !important; }
}
/* Tabbing */
em.tab { display: inline-block; font-style: normal; width:150px; }
em.tab-slim { display: inline-block; font-style: normal; width:90px; }
em.tab-wide { display: inline-block; font-style: normal; width:210px; }
/* Tables */
table caption { caption-side: top; }
.table td,
.table th { border-top-color: rgba(165,184,209,.7); padding: .25rem .5rem; }
.table th { font-weight: 500; background-color: rgba(158,190,233,.25); }
.table thead th { border-bottom-color: rgba(165,184,209,.7); }
.table tr:last-child td { border-bottom: 1px solid rgba(165,184,209,.7); }
/* Forms */
.form-control { background-color: #F2F6F9; border: 1px solid #A5B8D1; border-radius: 2rem; color:#00081A; font-size: 1.125rem; font-weight: 300; height: 48px; }
.form-control:focus { background-color: rgba(158,190,233,.25) !important; color: #00081A !important; border-color: #fff; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); }
form .btn { background-color: #0A1B41; color: #fff !important; font-size: 1.25rem; font-weight: 500; padding-right: 1.5rem; padding-left: 1.5rem; }
.form-control::-webkit-input-placeholder { color: rgba(14,57,109,.85); }
.form-control::-moz-placeholder { color: rgba(14,57,109,.85); }
.form-control:-ms-input-placeholder { color: rgba(14,57,109,.85); }
.form-control::-ms-input-placeholder { color: rgba(14,57,109,.85); }
.form-control::placeholder { color: rgba(14,57,109,.85); }
.input-group-text { border-radius: 2rem; }
/* Collapsible Panels */
.content .collapsibles { border-bottom: 1px solid #9EBEE9; margin: 0 -15px 1.75rem; }
.content .collapsibles h2 { margin: 0; position: relative; }
.content h2 a.collapsible { border-top: 1px solid #9EBEE9; display: block; padding: .75rem 35px .75rem 15px; text-decoration: none; }
.content h2 a.collapsible.collapsed { background-color: #F2F6F9; }
.content h2 a.collapsible:hover { background-color: rgba(158,190,233,.2); color: #00081A; }
.content h2 a.collapsible:focus,
.content h2 a.collapsible:active { color: #00081A; }
.content h2 a.collapsible:after { content: "\e15b"; display: block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; padding-top: 4px; position: absolute; right: 10px; text-align: center; top: 50%; margin-top: -16px; }
.content h2 a.collapsible.collapsed:after { content: "\e145"; }
.content .collapsibles > div { padding: .75rem 15px 0; }
.content .collapsibles + p { font-size: 1.125rem; }
@media (min-width: 992px) {
.content .collapsibles { border-bottom: 0; margin: 0 0 2.25rem; padding: 0; }
.content .collapsibles h2 { margin: 1rem 0; }
.content .collapsibles h2 a.collapsible { border-top: 0; border-bottom: 1px solid #9EBEE9; padding: .375rem 25px .375rem 0; }
.content .collapsibles h2 a.collapsible.collapsed { background-color: #fff; }
.content h2 a.collapsible:after { right: 0; }
.content .collapsibles > div { padding: 0; }
}
/* Pagination */
ul.pagination { padding: 1rem 0; }
ul.pagination li.page-item { font-size: .875rem; margin: .125rem; }
ul.pagination li.page-item:before { background: 0 0; content: ""; display: none !important; }
ul.pagination li.page-item a.page-link { background-color: rgba(191,210,230,.35); border: 1px solid rgba(191,210,230,.85); color: #1a1858; text-decoration: none; }
ul.pagination li.page-item a.page-link:focus,
ul.pagination li.page-item a.page-link:hover { background-color: #174d95; border-color: #174d95; color: #fff; text-decoration: none; }
ul.pagination li.page-item.disabled a.page-link,
ul.pagination li.page-item span.page-link,
ul.pagination li.page-item span.page-link:focus,
ul.pagination li.page-item span.page-link:hover { background-color: #fff; color: #5485be; cursor: default; white-space: nowrap }
ul.pagination li.page-item.active span,
ul.pagination li.page-item.active span:focus,
ul.pagination li.page-item.active span:hover { background-color: #0E396D; border: 1px solid #0E396D; color: #fff; font-weight: 500; }
ul.pagination li.page-item a,
ul.pagination li.page-item span { border-radius: 0 !important; }
@media (min-width:768px) {
ul.pagination li.page-item { font-size: 1rem; margin: .1875rem; }
}
/* WP Pagination (Fallback) */
.wp-pagenavi { font-size: .875rem; margin-top: 1.25rem; margin-bottom: .75rem; text-align: center; }
.wp-pagenavi a,
.wp-pagenavi span { background: #fff; border: 1px solid #dbe4f3; display: inline-block; line-height: 33px; margin: 2px 0; min-height: 33px; min-width: 33px; padding: 0 12px; text-align: center; text-decoration: none !important; }
.wp-pagenavi a { background-color: rgba(191,210,230,.35); border-color: rgba(191,210,230,.85); color: #1a1858; }
.wp-pagenavi span { color: #5485be; }
.wp-pagenavi a:hover,
.wp-pagenavi span.current { background-color: #0E396D; border: 1px solid #444086; color: #fff; font-weight: 600; }
@media (min-width:768px) {
.wp-pagenavi { font-size: 1rem; }
}
/* responsive embed */
.embed-responsive { margin-bottom: 1rem; }
/* Full Width Embed (WP overwrite) */
.full-width-embed iframe { width: 100% !important; }
/* Skip to content */
.skipcontent:focus { background: #AF0061; border-radius: 0 0 12px 0; border: none; color: #fff; font-weight: 500; left: auto; outline: none; padding: .5rem .75rem; position: absolute; right: auto; top: 0; z-index: 100; }
/* GRID (Overwrite new Bootstrap 4 sizes) */
@media (min-width: 768px) {
.container { max-width: 750px; /*720px*/ }
}
@media (min-width: 992px) {
.container { max-width: 970px; /*960px*/ }
}
@media (min-width: 1200px) {
.container { max-width: 1170px; /*1140px*/ }
}
/* HEADER ======================================================== */
header { padding: 0; }
header a { text-decoration: none; }
header .navbar { background-color: #001226 !important; padding: 0; }
header .navbar > .container { position: relative; }
header .navbar-collapse { order: 3; }
/* HEADER: Logo + Toggle */
header .navbar-brand { margin: 0 auto 0 15px; padding: .75rem 0; width:160px; }
header .navbar-brand img { height: auto; max-width: 100%; }
header .navbar-toggler { background-color: #0E396D; border: none; border-radius: 0; margin: 1.125rem .5rem 0 .5rem; padding: .75rem .8125rem 1.9375rem; order: 2; }
header .navbar-toggler.collapsed { background-color: transparent; /*margin-bottom: 1.625rem; padding-bottom: .75rem;*/ }
header .navbar-toggler .navbar-toggler-icon { background-image: url("../img/toggler-close.svg"); display: block; height: 19px; margin: 0; padding: 0; width: 26px; }
header .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("../img/toggler.svg"); }
@media (min-width: 992px) {
header .navbar { margin-bottom: 1.625rem; }
header .navbar > .container { align-items: flex-end!important; display: block; }
header .navbar-brand { margin: 0; padding: 1.125rem 0 .8125rem; width: 215px; }
}
@media (min-width: 1200px) {
header .navbar > .container { max-width: 1440px; }
header .navbar-brand { margin-left: 4%; padding: 1.75rem 0 .25rem; }
}
/* HEADER: Top Menu */
header .navbar-top { background-color: #002046; font-size: 1.125rem; }
header .navbar-top .nav-item { border: none; }
header .navbar-top .nav-link { color: #AAC7E8 !important; padding: .5rem 1.1875rem !important; vertical-align: middle !important; }
header .navbar-top .nav-link:hover,
header .navbar-top .nav-link:focus,
header .navbar-top .nav-link:active { background-color: rgba(170, 199, 232,.4) !important; color: #fff !important; }
header .navbar-top .nav-login .nav-link:before,
header .navbar-top .nav-contact .nav-link:before,
header .navbar-top .nav-search .nav-link:before { display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; margin-right: 6px; margin-bottom: 3px; vertical-align: middle !important; }
header .navbar-top .nav-login .nav-link:before { content: "\e897"; }
header .navbar-top .nav-contact .nav-link:before { content: "\e0cd"; }
header .navbar-top .nav-search .nav-link:before { content: "\e8b6"; }
@media (min-width: 992px) {
header .navbar-top { background-color: transparent; position: absolute; right: 4%; top: 35px; /*-ms-flex-direction: row; flex-direction: row;*/ }
header .navbar-top .nav-link { display: inline-block; }
}
/* HEADER: Main Menu */
header .navbar-main { background-color: #0E396D; }
header .navbar-main .nav-item { font-size: 1.1875rem; text-align: left; }
header .navbar-main .nav-link { color: #fff !important; padding: .5rem 1.1875rem; }
header .navbar-main .nav-item.active .nav-link { background-color: rgba(158,190,233,.2); }
header .navbar-main .current-menu-item .nav-link,
header .navbar-main .current-menu-parent .nav-link,
header .navbar-main .current-page-ancestor .nav-link { background-color: rgba(158,190,233,.3); }
@media (min-width: 992px) {
header .navbar-main { margin-right: -15px; margin-bottom: -1.625rem; margin-left: auto!important; padding: 0 1.25rem; z-index: 10; }
header .navbar-main .nav-item { border-bottom: none; font-size: 1.125rem; margin: 0 .25rem; text-align: center; }
header .navbar-main .nav-item:first-child { }
header .navbar-main .nav-link { color: #fff; padding: .875rem .75rem !important; }
header .navbar-main .nav-link:hover,
header .navbar-main .nav-link:focus,
header .navbar-main .nav-link:active { background-color: rgba(158,190,233,.3); color: #fff; }
header .navbar-main .current-menu-item .nav-link,
header .navbar-main .current-menu-parent .nav-link,
header .navbar-main .current-page-ancestor .nav-link { background-color: rgba(158,190,233,.3) !important; color: #fff; }
}
@media (min-width: 1200px) {
header .navbar-main .nav-item { font-size: 1.1875rem; }
header .navbar-main .nav-link { padding-right: 1.25rem !important; padding-left: 1.25rem !important; }
}
/* BREADCRUMB ==================================================== */
.breadcrumb { background-color: transparent; color: #043961; font-size: .9375rem; font-weight: 400; margin-bottom: 0; padding: .5rem 0 .375rem !important; }
.breadcrumb-item + .breadcrumb-item { padding-left: .5rem; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(4,57,97,.6); content: "\e409"; display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.25rem; font-weight: 400; line-height: 1.2; margin-right: 3px; vertical-align: middle !important; }
.breadcrumb a { color: #00081A; font-weight: 300; text-decoration: none; }
.breadcrumb a:hover { color: #00081A; text-decoration: underline; }
.breadcrumb-item.active { color: #043961; font-weight: 400; }
@media (min-width: 992px) {
.breadcrumb { font-size: 1rem; padding: 1.25rem 0 .75rem !important; }
}
/* TITLE + Intro ============================================ */
.titlebox { background-color: #002046; color: #fff; margin-bottom: 1rem; padding: 1.5rem 0; position: relative; }
.titlebox h1 { position: relative; }
.titlebox h1:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 25px; width: 200%; }
@media (min-width: 992px) {
.titlebox { margin-bottom: 2rem; padding: 3.5rem 0; }
.titlebox p { font-size: 1.125rem; }
}
/* Secondary Navigation Menu */
.submenu { background-color: #AF0061; margin-top: -1rem; margin-bottom: 0; }
.submenu .nav-link { color: #fff; }
.submenu .nav-link.active,
.submenu .nav-link.active:hover,
.submenu .nav-link.active:focus,
.submenu .nav-link.active:active { background-color: rgba(0,18,38,.3); }
@media (min-width: 992px) {
.submenu { margin-top: -2rem; }
.submenu .nav-item { margin-right: .25rem; }
.submenu .nav-link { padding-top: .75rem; padding-bottom: .75rem; }
}
/* Page content container */
.titlebox + .submenu + .content { padding-top: 2rem; }
.content > .container > h2:first-child,
.content > .container > h3:first-child,
.content > .container > h4:first-child { margin-top: 0 !important; }
/* BARRISTER PROFILE ================================================ */
.profile { overflow-x: hidden; }
/* Profile Intro & Picture */
.profile .profile-intro { background-color: #002046; position: relative; }
.profile .profile-intro h1 + p { color: rgba(191,210,230,1); font-size: 1.25rem; }
.profile .profile-intro > ul.list-group { margin-bottom: 1rem; }
.profile .profile-intro > ul.list-group li.list-group-item { font-size: 1rem; }
.profile .profile-intro dt { font-size: 1.25rem; }
.profile .profile-intro dd.col-lg-8 { margin-bottom: 0; }
.profile .profile-intro dd.col-lg-8 p { padding: .375rem 0; }
.profile .profile-intro dd.col-lg-8 ul { padding: .375rem 0; }
.profile .profile-pic { background-color: #AF0061; margin: 0 auto; padding: .5rem; position: relative; width: auto; }
.profile .profile-pic > span { display: block; max-height: 427px; overflow: hidden; }
@media (min-width: 992px) {
.profile .titlebox { background-color: transparent; margin-bottom: 0; padding: 0 !important; }
.profile .titlebox .col-lg-8 { }
.profile .profile-intro { margin-right: -45px; padding: 3.5rem 1rem 2.5rem 0; z-index: 1; }
.profile .profile-intro:before { background-color: #002046; content: ""; height: 100%; position: absolute; left: -200%; top: 0; width: 200%; }
.profile .profile-intro h1 { margin-top: .25rem; }
.profile .profile-intro h1 + p { font-size: 1.5rem; }
.profile .profile-intro > ul.list-group { margin-top: 2rem; margin-bottom: 1.5rem; }
.profile .profile-intro > ul.list-group li.list-group-item { font-size: 1.125rem; padding: .3125rem 1.5rem; }
.profile .profile-intro dl { margin-bottom: 0; }
.profile .profile-intro dd.col-lg-8 { margin-bottom: .75rem; padding-left: 0; }
.profile .profile-intro dd.col-lg-8 p { padding: .4375rem 0; }
.profile .profile-intro dd.col-lg-8 ul { padding: 0; }
.profile .titlebox div.col-lg-4 { padding-right: 0; }
.profile .profile-pic { background: rgb(123,0,69);
background: -moz-linear-gradient(90deg, rgba(123,0,69,1) 0%, rgba(175,0,97,1) 90%);
background: -webkit-linear-gradient(90deg, rgba(123,0,69,1) 0%, rgba(175,0,97,1) 90%);
background: linear-gradient(90deg, rgba(123,0,69,1) 0%, rgba(175,0,97,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b0045",endColorstr="#af0061",GradientType=1);
border-bottom: 30px solid #fff; margin-left: -25px; margin-top: -30px; min-height: 100%; padding: 2.5rem 0 2.5rem 4.5rem; width: 100%; }
.profile .profile-pic:after { background-color: #AF0061; margin-bottom: -30px; content: ""; height: 100%; position: absolute; right: -200%; top: 0; width: 200%; }
.profile .profile-pic > span { max-height: 315px; }
}
@media (min-width: 1200px) {
.profile .profile-intro { min-height: 480px; }
.profile .profile-pic > span { max-height: 400px; }
}
/* Profile Details & Contact */
.profile-details { padding-bottom: 1.5rem; }
.profile-details h2 { margin: 0; }
.profile-details dt.mediator strong,
.profile-details dt.arbitrator strong { font-size: 1.25rem; font-weight: 700; }
.profile-details dd.mediator,
.profile-details dd.arbitrator { margin-bottom: 2rem; margin-top: .375rem; }
.profile-details dd.mediator + dt.arbitrator { margin-top: -.5rem; }
.profile-details dd.mediator + dt.arbitrator + dd.arbitrator { margin-top: -.1875rem; }
.profile-contact { background-color: #F2F6F9; position: relative; margin: -1rem -15px 1.5rem -15px; padding: 0 15px 2px; }
.profile-contact h2 { margin-top: 0; padding-top: 1.5rem; }
.profile-contact dt { font-family: niveau-grotesk, sans-serif; font-size: 1rem; line-height: 1.8; }
.profile-contact dt[class*="contact"] { line-height: 1.4; }
.profile-contact dt:before { display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; text-align: center; }
.profile-contact dt.contact-phone:before { content: "\e0cd"; }
.profile-contact dt.contact-mobile:before { content: "\e324"; }
.profile-contact dt.contact-email:before { content: "\e0be"; }
.profile-contact dt.contact-address:before { content: "\e55f"; }
.profile-contact dt.contact-website:before { content: "\e894"; }
.profile-contact dt.contact-linkedin:before { background: url(../img/icon-contact-linkedin.png) no-repeat; content: ""; height: 24px; width: 24px; }
.profile-contact dd { line-height: 24px; margin: .125rem 0 .625rem; padding-left: 0; }
.profile-contact dd a { word-break: break-all; }
.profile-contact p.contact-download { padding-top: .75rem; }
.profile-contact p.contact-download a { padding-right: 1.5rem; }
.profile-contact p.contact-download a:before { content: "\e2c4"; display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; line-height: 24px; margin-right: 4px; padding-bottom: 2px; text-align: center; vertical-align: middle; }
@media (min-width: 992px) {
.profile-details { padding-top: 3rem; }
.profile-details h2 { margin: 1rem 0; }
.profile-details dt.mediator,
.profile-details dt.arbitrator { padding-right: 0; }
.profile-contact { margin-top: -30px; margin-right: 0; margin-left: 55px; min-height: 100%; padding: 2rem 0 2.5rem 2.5rem; width: 100%; }
.profile-contact:after { background-color: #F2F6F9; content: ""; height: 100%; position: absolute; right: -200%; top: 0; width: 200%; }
.profile-contact h2 { margin-top: 1.5rem; padding-top: 0; }
.profile-contact p.contact-download { padding-top: 1.5rem; }
}
@media (min-width: 1200px) {
.profile-details dt.mediator strong,
.profile-details dt.arbitrator strong { font-size: 1.375rem; }
}
/* BARRISTER SEARCH ================================================= */
/* Barrister Search Title */
.bar-search .titlebox { margin-bottom: 0; padding-bottom: 0; }
.bar-search .titlebox h1 { margin-bottom: 2rem; }
.bar-search-results .titlebox { padding-bottom: 0; }
.bar-search-results .titlebox > .container { padding-bottom: 1rem; }
@media (min-width: 992px) {
.bar-search-results .titlebox > .container { padding-bottom: 2rem; }
.bar-search-results .titlebox > .container > p { font-size: 1.125rem; }
}
/* Barrister Search Disclaimer */
.bar-search .content { padding: 1rem 0 .5rem 0; }
.bar-search-results .content { padding: 0 0 .5rem 0; }
@media (min-width: 992px) {
.bar-search .content { padding: 1.5rem 0 1rem 0; }
.bar-search-results .content { padding: .5rem 0 1rem 0; }
}
/* Barrister Search Form */
.bar-search-form { /*background-color: #AF0061;*/ background: rgb(136,0,76);
background: -moz-linear-gradient(0deg, rgba(136,0,76,1) 0%, rgba(175,0,97,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(136,0,76,1) 0%, rgba(175,0,97,1) 90%);
background: linear-gradient(0deg, rgba(136,0,76,1) 0%, rgba(175,0,97,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88004c",endColorstr="#af0061",GradientType=1);
color: #fff !important; padding: .5rem 0; text-align: center; }
.bar-search .bar-search-form { background: #AF0061 !important; padding-top: 2.5rem; padding-bottom: 3rem; }
.bar-search-results .bar-search-form { background: #AF0061 !important; padding: 1rem 0 0; }
.bar-search-form h2 { color: #fff !important; font-size: 1.5rem; font-weight: 400; text-shadow: 0 1px 10px rgba(0,0,0,.5); }
.bar-search-form h2 strong { display: block; font-weight: 700; }
.bar-search-form label,
.bar-search-form p { font-size: 1.125rem; text-align: right; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.bar-search .bar-search-form p { margin-top: 1rem; text-align: center; }
.bar-search-results .bar-search-form p { font-size: 1rem; margin-bottom: .5rem; }
.bar-search-form p a { color: #fff !important; text-decoration: none; }
.bar-search-form p a:after { content: "\e5cc"; display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; margin-left: 4px; text-align: center; vertical-align: middle; }
.bar-search .bar-search-form p a:after { content: "\e5cf"; }
.bar-search-form p a:hover { text-decoration: underline; }
.bar-search-form .form-row { margin-right: -10px; margin-left: -10px; }
.bar-search-form .form-row > .col,
.bar-search-form .form-row > [class*=col-] { padding-right: 10px; padding-left: 10px; }
.bar-search-form .custom-control-inline { line-height: 1.3; margin-right: .375rem; margin-left: .375rem; }
.bar-search-form .custom-control-label:hover { cursor: pointer; }
.bar-search-form .custom-control + .form-row { margin-top: 2rem; }
.bar-search-form .form-inline { margin-top: 1rem; }
.bar-search-results .bar-search-form .form-inline { margin-top: .75rem; }
.bar-search-results .bar-search-form .form-inline .form-group { margin-bottom: 0; }
.bar-search-form .form-control { background-color: rgba(10,27,65,.4); border-color: #fff; color: #fff; }
.bar-search-form select.form-control { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 12px; background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-color: rgba(10,27,65,.4); }
.bar-search-form .form-control > option { background-color: #6d0b54; color: #fff; }
.bar-search-form .form-control > option:disabled { background-color: rgba(0,0,0,.8); color: rgba(255,255,255,.7); }
.bar-search-form .form-inline input.form-control { border-right: 0; border-radius: 2rem 0 0 2rem; }
.bar-search-form .form-control:focus { background-color: rgba(10,27,65,.8) !important; color: #fff !important; }
.bar-search-form .form-control::-webkit-input-placeholder { color: rgba(255,255,255,.85); }
.bar-search-form .form-control::-moz-placeholder { color: rgba(255,255,255,.85); }
.bar-search-form .form-control:-ms-input-placeholder { color: rgba(255,255,255,.85); }
.bar-search-form .form-control::-ms-input-placeholder { color: rgba(255,255,255,.85); }
.bar-search-form .form-control::placeholder { color: rgba(255,255,255,.85); }
.bar-search-form .btn { background-color: #fff; border-color: #fff; color: #001E40 !important; padding-right: 2rem; padding-left: 2rem; }
.bar-search-form .form-submit .btn { background-color: #fff; border-color: #fff; color: #001E40 !important; font-size: 1.375rem; margin-top: 1rem; padding: .4375rem 2rem .125rem 1.5rem; }
.bar-search-form .form-submit .btn:before { content: "\e8b6"; display: inline-block; font-family: "Material Icons Outlined"; font-size: 1.75rem; font-weight: 400; margin-top: -4px; margin-right: 4px; text-align: center; vertical-align: middle; }
.bar-search-form .form-inline .btn { border-radius: 0 2rem 2rem 0; font-family: "Material Icons Outlined"; font-size: 2rem; line-height: 46px; padding: 0 .875rem 0 .75rem; }
.bar-search-form .form-inline .btn:hover { }
@media (min-width: 410px) {
.bar-search-form .form-inline input.form-control { min-width: 300px; }
}
@media (min-width: 992px) {
.bar-search-form { padding: 1.5rem 0; }
.bar-search-results .bar-search-form { padding: 1.5rem 0 .5rem; }
.bar-search-form h2 { font-size: 2.5rem; margin-bottom: 1.5rem; padding: 0 1.75rem; text-align: left; }
.bar-search-form h2 strong { font-size: 2.75rem; text-align: center; }
.bar-search-form label,
.bar-search-form p { font-size: 1.25rem; }
.bar-search-form p { padding: 0 4.5rem; }
.bar-search-results .bar-search-form p { text-align: center; }
.bar-search-form .custom-control-inline { margin-right: 1rem; margin-left: 1rem; }
.bar-search-form .form-inline { margin-top: 1.5rem; }
.bar-search-results .bar-search-form .form-inline { margin-top: .5rem; }
.bar-search-form .form-inline input.form-control { width: 510px; }
}
/* Barrister Search Form > Homepage */
.homepage .bar-search-form { background: 50% 50% / cover no-repeat; color: #fff; height: 360px; position: relative; text-align: center; text-shadow: 0 1px 6px rgba(0,0,0,.8); z-index: 1; }
.homepage .bar-search-form:before { background-color: rgba(0,0,0,.3); content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; }
.homepage .bar-search-form > .container,
.homepage .bar-search-form > .container > .row { height: 100%; }
@media (min-width: 992px) {
.homepage .bar-search-form { height: 515px; margin-top: -26px; }
}
/* Barrister Search Results */
.bar-result-grid {}
.bar-result-grid ul.row { list-style: none; margin-right: -7px; margin-left: -7px; padding: 0; }
.bar-result-grid ul.row > li { padding-right: 7px; padding-left: 7px; }
.bar-result-grid ul.row > li .bar-result-box { background: 50% 50% / cover no-repeat; height: 246px; margin-top: 7px; margin-bottom: 7px; box-shadow: inset 0px 0px 0px 1px rgba(0,32,70,.15); }
.bar-result-grid ul.row > li .bar-result-overlay { background-color: rgba(10,27,65,.5); color: #fff; padding: .4375rem .75rem; }
.bar-result-grid ul.row > li:hover .bar-result-overlay { background-color: rgba(10,27,65,.8); }
.bar-result-grid ul.row > li p { font-size: .875rem; margin-bottom: .1875rem; }
.bar-result-grid ul.row > li .bar-result-top { line-height: 1.4; }
.bar-result-grid ul.row > li .bar-result-top p strong { font-weight: 700 !important; font-family: minerva-modern, serif; font-size: 1.0625rem; line-height: 1.2; }
.bar-result-grid ul.row > li .bar-result-top p a { color: #fff; }
.bar-result-grid ul.row > li .bar-result-top p a:hover { text-decoration: none; }
.bar-result-grid ul.row > li .bar-result-bottom { display: none; }
.bar-result-grid ul.row > li .bar-result-bottom p { font-size: 1rem; font-weight: 500; }
.bar-result-grid ul.row > li .bar-result-bottom ul { font-size: .875rem; line-height: 1.3; list-style: none; margin-bottom: .1875rem; padding: 0; }
@media (min-width: 576px) {
.bar-result-grid ul.row > li .bar-result-box { height: 330px; }
}
@media (min-width: 768px) {
.bar-result-grid ul.row > li .bar-result-box { height: 306px; }
}
@media (min-width: 992px) {
.bar-result-grid ul.row { margin-right: -15px; margin-left: -15px; }
.bar-result-grid ul.row > li { padding-right: 15px; padding-left: 15px; }
.bar-result-grid ul.row > li .bar-result-box { height: 282px; margin-top: 15px; margin-bottom: 15px; }
.bar-result-grid ul.row > li .bar-result-overlay { padding: .5rem .875rem; }
.bar-result-grid ul.row > li p { font-size: .9375rem; }
.bar-result-grid ul.row > li .bar-result-top p strong { font-size: 1.125rem; }
.bar-result-grid ul.row > li:hover div.bar-result-bottom { display: block; }
}
@media (min-width: 1200px) {
.bar-result-grid ul.row > li .bar-result-box { height: 350px; }
}
/* CONTENT BOXES ================================================== */
/* Box Grid */
.row.boxes > div { margin-bottom: 15px; }
@media (min-width: 992px) {
.row.boxes > div { margin-bottom: 30px; }
}
/* Standard Box */
.box { background: 50% 50% / cover no-repeat #002046; color: #fff; height: 100%; position: relative; text-align: center; text-shadow: 0 1px 6px rgba(0,0,0,.8) }
.boxes div[class^="col"]:nth-child(1) .box { background-color: #063163; }
.boxes div[class^="col"]:nth-child(3) .box,
.boxes div[class^="col"]:nth-child(4) .box { background-color: #000E1E; }
.box:before { background: url(../img/icon-logo.svg) 10px -30px / 430px 337px no-repeat; content: ""; opacity: .08; top: 0; left: 0; bottom: 0; right: 0; position: absolute; }
.box[style]:before { background: rgba(0,0,0,.25); top: 0; left: 0; bottom: 0; right: 0; position: absolute; }
.box:hover,
.box:focus,
.box:active { color: #fff !important; }
.box:hover:before,
.box:focus:before,
.box:active:before { background-color: rgba(175,0,97,.25); }
.box > div { padding: .9375rem .9375rem 0; position: relative; }
.homepage .box > div { padding-bottom: .9375rem; }
.box h2,
.box h3 { font-family: niveau-grotesk, sans-serif; font-size: 1.5rem; font-weight: 500; margin-bottom: .5rem; }
.box a { color: #fff; text-decoration: none; }
.box a:hover,
.box a:focus,
.box a:active { color: #fff; }
.box p,
.box ul { font-size: 0.9375rem; line-height: 1.35; position: relative; }
@media (min-width: 992px) {
.box > div { padding-bottom: .75rem; }
.box h2,
.box h3 { font-size: 1.625rem; }
.homepage .box h3 { margin-bottom: 1.5rem; min-height: 46px; }
.box p,
.box ul { font-size: 1rem; }
}
/* Grid Boxes */
.box-grid { height: 133px; }
.box-grid[style] { height: 190px; }
.box.box-grid p, .box.box-grid ul { width: 100%; }
@media (min-width: 992px) {
.box-grid { height: 265px !important; }
}
/* News Boxes */
.newspost .box-grid { height: auto; }
.newspost .box-grid[style] { height: 190px; }
@media (min-width: 992px) {
.newspost .box-grid { height: 100% !important; }
}
.newspost .box > div { padding-bottom: 0; }
.newspost .box h2,
.newspost .box h3 { font-size: 1.125rem; font-weight: 400; }
.newspost .box p.date { color: rgba(191,210,230,1); font-size: .875rem; margin-bottom: .875rem; text-align: center; width: 100%; }
@media (min-width: 992px) {
.newspost .box h2,
.newspost .box h3 { font-size: 1.25rem; }
}
/* News Landingpage / Post Archive */
.newslanding .content-grid h2 { font-size: 1.875rem; font-weight: 400; margin: 1rem 0; position: relative; }
.newslanding .content-grid h2 strong { font-weight: 700; }
.newslanding .box { background-color: #063163 !important; text-align: left; }
.newslanding .box h3 { font-size: 1.25rem; font-weight: 400; text-shadow: none; }
.newslanding .box p.date { color: rgba(191,210,230,.9); font-size: .9375rem; text-shadow: none; }
.newslanding .box:before { display: none; }
.newslanding .box-grid { height: 100% !important; }
@media (min-width: 992px) {
.newslanding .content-grid { margin-bottom: 2.5rem; }
.newslanding .content-grid h2 { margin: 1.5rem 0; }
.newslanding .content-grid h2:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 20px; width: 200%; }
.newslanding .content-grid h2:after { display: none; }
.newslanding .content-grid .col-md-6 .box.box-grid { background-color: rgba(6,49,99,.8) !important; }
.newslanding .content-grid .box:hover,
.newslanding .content-grid .box:focus { background-color: #AF0061 !important; }
.newslanding .box p:last-child { margin-bottom: .25rem; }
}
/* Viewpoints */
.viewpoints .row.boxes:nth-child(odd) .box { background-color: #00081A !important; }
.viewpoints .row.boxes .box:hover, .viewpoints .row.boxes .box:focus { background-color: #AF0061 !important; }
.viewpoints .row.boxes .box > img { opacity: .9; width: 30%; }
.viewpoints .row.boxes:nth-child(even) .box > img { -ms-flex-order: 2; order: 2; }
/* Document box */
.box.box-doc,
.newslanding .box.box-doc { background-color: #F2F6F9 !important; border: 1px solid rgba(191,210,230,.75); color: #1a1858; font-size: .875rem; margin-top: 0; padding: .9375rem; text-align: left; text-shadow: none; }
.boxes:nth-child(even) .box.box-doc,
.newslanding .boxes:nth-child(even) .box.box-doc { background-color: rgba(170, 199, 232,.3) !important; }
h2 + .boxes:nth-child(even) .box.box-doc,
.newslanding h2 + .boxes:nth-child(even) .box.box-doc { background-color: #F2F6F9 !important; }
.box.box-doc:hover, .newslanding .box.box-doc:hover,
.box.box-doc:focus, .newslanding .box.box-doc:focus,
.box.box-doc:active, .newslanding .box.box-doc:active { background-color: rgba(191,210,230,.15) !important; }
.box.box-doc img { float: left; margin: 0 .9375rem .9375rem 0; max-height: 110px; max-width: 110px; }
.box.box-doc h3 { font-size: 1.0625rem; margin-top: 0; }
.box.box-doc a { color: #1a1858; margin-bottom: .25rem; text-decoration: none; }
.box.box-doc a:hover,
.box.box-doc a:focus,
.box.box-doc a:active { color: #221f73; text-decoration: underline; }
.box.box-doc p.date { color: #5485be; display: inline-block; font-size: .875rem; margin-top: .125rem; margin-bottom: .25rem; width: auto; }
/* Events List */
ul.events-list { margin: -.625rem 0 3rem; padding: 0; }
ul.events-list li { border-bottom: 1px solid rgba(158, 190, 233, .5); margin: 0; min-height: 76px; padding: .625rem 0 .625rem 3.75rem; position: relative; }
ul.events-list li:before { display: none; }
ul.events-list a { color: #1a1858; font-size: 1.25rem; text-decoration: none; }
ul.events-list a:hover,
ul.events-list a:focus,
ul.events-list a:active { text-decoration: underline; }
ul.events-list span.details { color: #1a1858; display: block; font-size: 1rem; font-style: normal; margin-top: .125rem; }
ul.events-list .date { background-color: #AF0061; color: #fff; font-size: .8125rem; height: 56px; left: 0; line-height: 1.1; padding: .625rem .5rem 0; position: absolute; top: 10px; text-align: center; width: 50px; }
ul.events-list .date span { font-size: 1.25rem; font-weight: bold; }
/* Single Event */
.eventpost .titlebox .date { font-size: 1.25rem; }
.eventpost .content-grid { border-top: 1px solid rgba(158, 190, 233, .5); margin-top: 2rem; }
/* HOMEPAGE ========================================================== */
/* HP: Updates */
.homepage .updates { background-color: #F2F6F9; color: #fff; overflow-x: hidden; }
.homepage .updates .container { position: relative; }
.homepage .updates a { color: #fff; text-decoration: none; }
.updates-list { background-color: #001C3B; margin: 0 -15px; padding: 15px; position: relative; }
.updates-list h2 { color: #fff; font-size: 2rem; font-weight: 400; margin: .25rem 0 .875rem; position: relative; }
.updates-list h2 strong { font-weight: 700; }
.updates-list h2:after { background-color: #9EBEE9; content: ""; height: 1px; left: auto; border-left: 20px solid #001C3B; position: absolute; top: 20px; width: 100%; }
.updates-list ul { list-style: none; padding: 0; }
.updates-list ul li { border: 1px solid rgba(191,210,230,.75); margin-bottom: 10px; padding: .625rem 15px; position: relative;}
.updates-list ul li:hover { background-color: rgba(191,210,230,.15); }
.updates-list ul li p:first-child { font-size: 1.125rem; font-weight: 400; line-height: 1.3; margin-bottom: .375rem; }
.updates-list ul li p.date { color: rgba(191,210,230,.9); font-size: .875rem; margin-bottom: 0; }
.updates-list .news-feature { margin-bottom: 1rem; position: relative; }
.updates-list .news-feature img { margin-bottom: .5rem; }
.updates-list .news-feature p { margin-bottom: .5rem; }
.updates-list .news-feature p a { font-size: 1.5rem; font-weight: 400; line-height: 1.3; }
.updates-list .news-feature p.date { color: rgba(191,210,230,.9); font-size: 1.125rem; margin-bottom: 0; }
.updates-feature { background-color: #AF0061; margin: 0 -15px; padding: 1.25rem 15px 2rem; position: relative; width: auto; }
.updates-feature p:first-child { font-family: minerva-modern, serif; font-weight: 400; font-size: 1.75rem; line-height: 1.3; margin-bottom: 1rem; }
.updates-feature p.date { color: #D1D1D1; font-size: 1.125rem; }
.updates-feature p.excerpt { font-size: 1.125rem; margin-top: 1rem; }
@media (min-width: 992px) {
.homepage .updates { margin-top: -60px; padding: 3.5rem 0 0; }
.updates-list { margin: -30px 0 45px; padding: 1.5rem 3.5rem 1.5rem 0; z-index: 1; }
.updates-list:before { background-color: #001C3B; content: ""; height: 100%; position: absolute; left: -200%; top: 0; width: 200%; }
.updates-list h2 { margin: 1.5rem 0; }
.updates-list h2:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 20px; width: 200%; }
.updates-list h2:after { display: none; }
.updates-list .news-feature img { margin-bottom: 1rem; }
.updates-list .news-feature p { margin-bottom: 1rem; }
.updates-feature { margin-left: -85px; min-height: 100%; padding: 4rem 0 3.5rem 6.5rem; }
.updates-feature:after { background-color: #AF0061; margin-bottom: -30px; content: ""; height: 100%; position: absolute; right: -200%; top: 0; width: 200%; }
}
@media (min-width: 1280px) {
.homepage .updates > .container { max-width: 1230px; }
}
/* HP: Content Grid */
.homepage {}
.homepage .content-grid { background-color: #F2F6F9; overflow-x: hidden; padding: .25rem 0; }
.homepage .content-grid .container { position: relative; }
.homepage .content-grid h2 { font-size: 2rem; font-weight: 400; margin: 1rem 0; position: relative; }
.homepage .content-grid h2 strong { font-weight: 700; }
.homepage .content-grid h2:after { background-color: #9EBEE9; content: ""; height: 1px; left: auto; border-left: 20px solid #F2F6F9; position: absolute; top: 20px; width: 100%; }
@media (min-width: 992px) {
.homepage .content-grid { margin-top: -40px; padding: 3.5rem 0 3rem; }
.homepage .content-grid h2 { margin: 1.5rem 0; }
.homepage .content-grid h2:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 20px; width: 200%; }
.homepage .content-grid h2:after { display: none; }
}
/* HP: Content Feature */
.feature { background-color: #AF0061; padding: 1.875rem 0; }
.feature-box { background: #fff; padding: .25rem 1.25rem .5rem; overflow-x: hidden; position: relative; }
.feature-box h2 { font-size: 2rem; font-weight: 400; margin: 1rem 0 .75rem; position: relative; }
.feature-box h2 strong { font-weight: 700; }
.feature-box h2:after { background-color: #9EBEE9; content: ""; height: 1px; left: auto; border-left: 20px solid #F2F6F9; position: absolute; top: 20px; width: 100%; }
.feature-img { position: relative; }
@media (min-width: 992px) {
.feature { background-color: #AF0061; padding: 4.5rem 0; }
.feature-box { padding: 1rem 3.25rem 1.25rem; z-index: 20; }
.feature-box h2:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 20px; width: 200%; }
.feature-box h2:after { display: none; }
.feature-box p { margin-bottom: 1.5rem; }
.feature-img { background-color: rgba(1,1,1,.3); margin-top: 40px; margin-left: -95px; }
}
/* HP: Content Slider */
.contentslider { padding: 1rem 0 1.5rem; }
.contentslider .container { position: relative; }
.contentslider h2 { font-size: 2rem; font-weight: 400; margin: .5rem 0 1rem; position: relative; }
.contentslider h2 strong { font-weight: 700; }
.contentslider .row { margin-left: 0; margin-right: 0;}
.contentslider .col { padding: 5px; width: 20%; min-height: 180px; }
.contentslider .col .bg-img { height: 100%;}
@media (min-width: 992px) {
.contentslider { padding: 2rem 0 4rem; }
.contentslider h2 { margin: 1rem 0 2rem; }
.contentslider h2:before { background-color: #9EBEE9; content: ""; height: 1px; margin-left: -20px; left: -200%; position: absolute; top: 20px; width: 200%; }
}
/* Slick slider */
.slick-list { margin: 0 -15px !important; }
.slick-slide { padding-right: 15px; padding-left: 15px; }
.slider-block { background-color: #00081A; color: #fff; position: relative; }
.slick-slide h3 { font-family: niveau-grotesk, sans-serif; font-size: 1.25rem; font-weight: 400; margin: 0; padding: 15px 15px 10px; }
.slick-slide h3 a { color: #fff; text-shadow: 1px 1px 10px rgba(0, 0, 0, 1); width: 100%; }
.slick-slide h3 a:hover { outline: none; }
.slick-slide p { color: #B7CAD8; line-height: 1.4; margin: 0; padding: 0 15px 15px; }
.slick-prev,
.slick-next { background-color: transparent; border: 1px solid rgba(130,156,176,.3); color: transparent; cursor: pointer; display: block; font-size: 0; height: 40px; line-height: 0; outline: none; padding: 0; position: absolute; top: -35px; width: 46px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.slick-prev { right: 60px; }
.slick-next { right: 0; }
.slick-prev:after,
.slick-next:after { color: #043961; display: inline-block; font-family: "Material Icons Outlined"; font-size: 3rem; font-weight: 400; line-height: 24px; text-align: center; text-indent: -2px; vertical-align: middle !important; }
.slick-prev:after { content: "\e5cb"; }
.slick-next:after { content: "\e409"; }
.slick-prev:hover, .slick-next:hover { background-color: rgba(130,156,176,.3); outline: none; }
@media (min-width: 576px) {
}
@media (min-width: 992px) {
.slick-slide h3 { font-size: 1.5rem; }
.slick-slide p { font-size: 1.125rem; }
.slick-prev,
.slick-next { top: -40px; }
}
@media (min-width: 1200px) {
/*.slick-prev, .slick-next { height: 63px; width: 33px; }*/
}
/* SEARCH ============================================================ */
/* Search: Results */
h2.search-result-title { font-size: 1.375rem; margin: 1.25rem 0 .625rem; }
h2.search-result-title a { text-decoration: none; }
h2.search-result-title a:hover,
h2.search-result-title a:focus,
h2.search-result-title a:active { text-decoration: underline; }
.search-result-excerpt { padding-bottom: .625rem; }
.search-result-excerpt p { display: inline; }
.search-result-link { border-bottom: 1px solid rgba(158, 190, 233, .5); padding-bottom: 1.25rem; }
.search-result-link a { color: rgba(6, 49, 99, .7); font-style: italic; }
/* Search: Modal */
#searchModal {}
.modal-backdrop { background-color: #001226; opacity: .7 !important; }
.modal-content { border: none; border-radius: 0; }
.modal-header { border-bottom: 0; padding: 1.5rem 1.5rem 1rem; text-align: center; }
.modal-header .close { font-size: 2rem; margin-top: -1.5rem; }
.modal-title { font-size: 1.875rem; margin-left: 2rem; width: 100%; }
.modal-body { padding: 0 1.5rem 2rem; text-align: center; }
#searchModal input.form-control { text-align: center; }
#searchModal .btn:before { content: "\e8b6"; display: inline-block; font-family: "Material Icons Outlined"; font-size: 2rem; font-weight: 400; line-height: 1; vertical-align: middle !important; }
#searchModal .btn:hover,
#searchModal .btn:focus,
#searchModal .btn:active { background-color:#AF0061; border-color: #AF0061; color:#fff !important; }
@media (min-width: 768px) {
.modal-dialog { }
.modal-header,
.modal-body { }
}
/* Back to top */
#backtotop.show { opacity: 1; visibility: visible; }
#backtotop { background-color: rgba(0,30,64,.5); border: 1px solid #fff; border-radius: 22px; bottom: 20px; cursor:pointer; color:#fff; font-size:2rem; height:42px; position: fixed; right:10px; text-align: center; width:42px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backtotop:before { content: "\e5d8"; display: block; font-family: "Material Icons Outlined"; font-size: 1.5rem; font-weight: 400; line-height: 42px; text-align: center; vertical-align: middle !important; }
#backtotop:hover { background-color: #AF0061; text-decoration: none; }
/* FOOTER ======================================================== */
footer { background-color: #001E40; color: #fff; padding: 2rem 0 0; }
footer a { color: #fff; }
footer a:hover,
footer a:focus,
footer a:active { color: #fff; text-decoration: underline; }
footer h2 { color: #fff; font-size: 1.75rem; margin: .75rem 0 1rem; }
footer ul { list-style: none; padding: 0; }
p.footer-brand { margin-bottom: 1rem; }
p.footer-brand img { max-width: 270px; }
.footer-signup {}
.footer-signup p { font-size: 1.0625rem; font-style: normal; }
.footer-signup input.form-control { background-color: #001E40; border-color: #fff; border-right: 0; border-radius: 24px 0 0 24px; color:#fff; font-size: 1.125rem; height: 48px; }
.footer-signup input.form-control:focus { background-color: rgba(170, 199, 232,.2) !important; color: #fff !important; border-color: #fff; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); }
.footer-signup input.form-control::-webkit-input-placeholder { color: rgba(255,255,255,.85); }
.footer-signup input.form-control::-moz-placeholder { color: rgba(255,255,255,.85); }
.footer-signup input.form-control:-ms-input-placeholder { color: rgba(255,255,255,.85); }
.footer-signup input.form-control::-ms-input-placeholder { color: rgba(255,255,255,.85); }
.footer-signup input.form-control::placeholder { color: rgba(255,255,255,.85); }
.footer-signup input.btn { background-color: #fff; border: 1px solid #fff; border-radius: 0 24px 24px 0; color: #001E40 !important; font-size: 1.25rem; font-weight: 500; padding-right: 1.25rem; padding-left: 1rem; }
.footer-social ul { justify-content: center !important; margin: .5rem 0; padding-top: .25rem; }
.footer-social ul li { padding: 0 .75rem; }
.footer-social ul li a.footer-tw,
.footer-social ul li a.footer-li,
.footer-social ul li a.footer-yt,
.footer-social ul li a.footer-sp,
.footer-social ul li a.footer-insta { background: no-repeat 50% 50%; display: inline-block; height: 24px; width: 32px; }
.footer-social ul li a.footer-tw { background-image:url("../img/icon-twitter.svg"); }
.footer-social ul li a.footer-li { background-image:url("../img/icon-linkedin.svg"); }
.footer-social ul li a.footer-yt { background-image:url("../img/icon-youtube.svg"); }
.footer-social ul li a.footer-sp { background-image:url("../img/icon-spotify.svg"); }
.footer-social ul li a.footer-insta { background-image:url("../img/icon-instagram.svg"); }
@media (max-width: 374px) {
.footer-signup form > .form-group { width: 100%; }
.footer-signup input.form-control,
.footer-signup input.btn { border-radius: 24px; }
}
@media (min-width: 992px) {
footer { padding: 2.875rem 0 .25rem; }
footer h2 { margin-top: 0; }
p.footer-brand { margin-top: .5rem; text-align: left; }
p.footer-brand img { max-width: 100%; }
.footer-signup p { font-size: 1.125rem; margin-bottom: 1.25rem; }
.footer-social ul { justify-content: space-between !important; margin-top: 1.5rem; }
.footer-social ul li { padding: 0; }
}
@media (min-width: 1200px) {
.footer-signup { margin: 0 6rem; }
.footer-signup input.form-control { min-width: 320px; width: auto; }
}
.footer-legal { color: rgba(255,255,255,.9); margin-top: 1rem; text-align: center; }
.footer-legal p { font-size: 1rem; }
.footer-legal ul { font-size: .875rem; margin-bottom: .5rem; }
.footer-legal ul li { display: inline-block; padding: 0; }
.footer-legal ul li:before { display: none; }
.footer-legal ul li:after { color: #fff; content: "|"; display: inline-block; font-size: 1rem; padding: 0 0 0 .125rem; vertical-align: baseline; }
.footer-legal ul li:last-child:after { display: none; }
.footer-legal ul li a { color: rgba(255,255,255,.9); display: inline-block; padding: .25rem .25rem .125rem; }
@media (min-width: 992px) {
.footer-legal { margin-top: 2rem; }
.footer-legal p { font-size: 1.125rem; text-align: left; }
.footer-legal ul { font-size: 1.125rem; text-align: right; }
.footer-legal ul li:after { padding: 0 .25rem 0 .375rem; }
}
.footer-credit { color: rgba(255,255,255,.5); font-size: 0.75rem !important; margin-bottom: 0; text-align: center; }
.footer-credit a { color: rgba(255,255,255,.5); text-decoration: none; }
.footer-credit a:hover,
.footer-credit a:focus,
.footer-credit a:active { color: rgba(255,255,255,.8); text-decoration: underline; }
/* Member Profile Editor ======================================= */
.tml-profile { margin-bottom: 3rem; }
.tml-profile li.tml-message:before { display: none; }
.tml-profile table.form-table { width: 100%; }
.tml-profile .acf-field .acf-label label { font-weight: 500 !important; }
.tml-profile table.form-table > tbody > .acf-field > .acf-label { width: auto; }
.tml-profile table.form-table > tbody > .acf-field > .acf-label label { font-size: 1rem; }
.tml-profile table.form-table > tbody > .acf-field > .acf-label .description { font-size: .875rem; }
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select { background-color: #F2F6F9; border: 1px solid #A5B8D1; color:#00081A; font-size: 1rem !important; font-weight: 300; }
.tml-profile .acf-checkbox-list li:before { display: none; }
.tml-profile .tml-submit-wrap { text-align: center; padding-top: 1rem; }
.tml-profile .tml-submit-wrap .tml-button { background-color: #AF0061; border: 1px solid #AF0061; border-radius: 2rem; color: #fff !important; font-size: 1.25rem; font-weight: 500; padding: .375rem 1.5rem; position: relative; text-decoration: none !important; white-space: normal; }
.tml-profile .tml-submit-wrap .tml-button:hover,
.tml-profile .tml-submit-wrap .tml-button:focus,
.tml-profile .tml-submit-wrap .tml-button:active { background-color:#0A1B41; color:#fff !important; }
@media (min-width: 992px) {
.tml-profile .acf-field .acf-label label { font-size: 1.0625rem; }
.tml-profile table.form-table > tbody > .acf-field > .acf-label { width: 130px; }
.tml-profile table.form-table > tbody > .acf-field > .acf-label label { font-size: 1.25rem; }
.form-table>tbody>.acf-field>.acf-input { padding-right: 0; padding-left: 0; }
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select { font-size: 1.125rem !important; }
}
/** TOH Hiding the fields Yoast added to Theme My Login profile **/
.tml-profile .tml-field-wrap {display:none}
.tml-profile .tml-field-wrap.tml-submit-wrap {display:block}
#field_1_7, .gfield_label {display:none}