/* @override https://multilaw.com/App_Themes/Multilaw-Cloud-v17/zz_multilaw-2023_v1.css https://www.multilaw.com/App_Themes/Multilaw-Cloud-v17/zz_multilaw-2023_v1.css https://www.multilaw.com/App_Themes/Multilaw-Cloud-v19/zz_multilaw-2023_v1.css https://www.multilaw.com/App_Themes/Multilaw-Cloud-v20/zz_multilaw-2023_v1.css https://www.multilaw.com//App_Themes/Multilaw-Cloud-v20/zz_multilaw-2023_v1.css https://multilaw.com/App_Themes/Multilaw-Cloud-v20/zz_multilaw-2023_v1.css */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800'); @font-face { font-family: "HelveticaNeue"; src: url('./fonts/HelveticaNeueLTStd-Roman.otf'); } @font-face { font-family: "HelveticaNeueBold"; font-size: 14px; src: url('./fonts/HelveticaNeueLTStd-Bd.otf'); } /* ========= VARIABLES ========= */ :root { /* COLORS */ --color-teal: #092021; --color-teal-tint-1: #153232; --color-teal-tint-2: #3B4D4D; --color-teal-tint-3: #546364; --color-teal-tint-4: #6C797A; --color-gray: #999999; --color-gray-tint-1: #B3B3B3; --color-gray-tint-2: #CCCCCC; --color-gray-tint-3: #E6E6E6; --color-white: #F9F9F9; --color-blue: #78E4EF; --color-green: #6AE8CE; } body { font-family: "HelveticaNeue", sans-serif !important; font-size: 16px; line-height: 1.4em; color: var(--color-gray) !important; background: var(--color-white); } h1, .h1, .PageTitle { color: var(--color-green); font-size: 200%; } h1 { display: inline-block; font-weight: 500; padding-bottom: 25px; position: relative; text-transform: none; font-size: 65pt; background: linear-gradient(to right, var(--color-blue), var(--color-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h1:after { position: absolute; left: 0; bottom: 0.75rem; height: 3px; max-width: 140px; width: 50%; content: ''; background: linear-gradient(to right, var(--color-blue), var(--color-green)); } h1.BigHeader, .h1.BigHeader { color: #fff; background-color: var(--color-teal); padding: 20px; margin: 0; } h1, .PageTitle, h2, .PanelTitle { font-family: "HelveticaNeue", sans-serif !important; font-weight: 200; } h2, .PanelTitle { line-height: 1.45em; font-size: 140%; border-bottom: none; } .panel-title { line-height: 1.65em; font-size: 180%; text-transform: uppercase; color: #b6005d; } h3, .h3, .SectionTitle { font-size: 100%; font-weight: normal; } h2.panel-title, h2.PanelTitle { display: inline-block; font-weight: 500; padding-bottom: 1rem; margin-bottom: 3rem; position: relative; color: var(--color-teal); text-transform: none; font-size: 28pt; } h2.panel-title:after, h2.PanelTitle:after { position: absolute; left: 0; bottom: 0; height: 3px; width: 50%; max-width: 120px; content: ''; background: linear-gradient(to right, var(--color-blue), var(--color-green)); } a { color: var(--color-teal); } a:hover, a:focus, a:active { opacity: 0.9; } a:visited { opacity: 0.9; } a#ctl01_LoginStatus1, .auth-link, .auth-link.TextButton { color: #fff; font-size: 100%; padding: 3px 5px; } p { margin-bottom: .5em; } .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink { font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 5px 10px; line-height: 18px; transition: 0.2s; -webkit-transition: 0.2s; } .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink { background-color: var(--color-teal); } .nav-secondary .sub-nav-head { background-color: var(--color-teal); color: #fff; font-weight: bold; font-size: 120%; padding: 10px 15px; } @media (max-width: 380px) { #auxiliary-container { margin-top: 20px; } } .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton { color: #fff; background-color: var(--color-teal); border-color: transparent; } .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { background-color: var(--color-teal); border-color: transparent; } /* ========================================================================== CONTENT ITEMS ========================================================================== */ /* Open Invoices ========================================================================== */ .OpenInvoicesTotals .SelectedTotal .PanelFieldValue { color: var(--color-teal); } .CartCharges .GrandTotal .PanelField { background-color: #fff; text-transform: uppercase; font-weight: bold; color: var(--color-teal); } .CartCharges .GrandTotal .PanelField .Label { color: var(--color-teal); } .CalloutArea2 { background-color: var(--color-teal); padding: 10px; margin: 20px; border-radius: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); color: #fff; } /* Use on the blockquote element for a styled quote */ .Quote { background: #f4f5ed; border-left: 10px solid var(--color-teal); margin: 1.5em .7em 1.5em 0; padding: 1.5em .7em; quotes: "\201C" "\201D" "\201C" "\201D"; font-weight: normal; } a .TotalBox label { background-color: var(--color-teal); color: #fff; padding: .25em .75em; color: #fff; } /* Feature Header ========================================================================== */ .feature-header { color: var(--color-teal); border-bottom: none; margin-bottom: .8em; } .feature-link-with-image.feature-link-1 .feature-link-text { background-color: var(--color-teal); background-color: rgba(220, 79, 0, 0.75); } /* Feature Text Inline ========================================================================== */ .feature-text-inline { color: var(--color-teal); } /* Donation page enhancements ========================================================================== */ /* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */ .donate-page .SectionLabel { color: var(--color-teal); font-size: 250%; } /* selected nav items */ .SelectedItem { background-color: #fff; } .TextButton { background-color: var(--color-teal); } .btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited { background-color: var(--color-teal); opacity: 0.8; } .rmResponsive .rmSlide ul ul li:hover, .rmResponsive .rmSlide ul ul li:focus, .rmResponsive .rmSlide ul ul li:hover, .rmResponsive .rmSlide ul ul li:focus, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > ul ul li:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > ul ul li:focus { background-color: var(--color-teal); color: #fff; opacity: 1; } .rmResponsive .rmSlide .rmFocused > .rmLink, .rmResponsive .rmSlide .rmSelected > .rmLink, .rmResponsive .rmSlide .rsmSelected > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink { background-color: transparent; color: #fff; opacity: 1; } .rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus, .rmResponsive .rmSlide .rsmLink:hover, .rmResponsive .rmSlide .rsmLink:focus, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus { background-color: transparent; color: #fff; opacity: 1; } li.rsmItem.rsmSelected { background: var(--color-teal); } li.rsmItem:hover { color: #fff; } .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { background-color: var(--color-teal); border-color: var(--color-teal); } .RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover { border: 1px solid var(--color-teal); } #ft { width: 100%; position: absolute; background-color: var(--color-teal); } .footer-content { padding-bottom: 20px; background-color: var(--color-teal); } #ft h6 { padding-top: 20px; padding-bottom: 10px; } @media (max-width: 500px) { select#ctl01_TemplateBody_WebPartManager1_gwpciDirectory_ciDirectory_PeopleSearch_ResultsGrid_Sheet0_Input6_ctl00_ListBox { width: 290px; } } .carousel-control { display: none; } .carousel-inner.bg-img > .item { background-color: transparent; /*background-size: 960px 328px;*/ } .carousel li { opacity: 0.5; background: darkgrey; border: none; padding: 2px; margin-right: 15px !important; } .carousel-indicators .active { background: darkgrey; margin-right: 2px; opacity: 1; margin-right: 15px; } @media (max-width: 768px) { .carousel-inner.bg-img > .item { height: 275px !important; } } @media (max-width: 414px) { .carousel-inner.bg-img > .item { height: 150px !important; } /*Community subscriptions*/ #ctl01_TemplateBody_WebPartManager1_gwpste_container_Preferences_ciPreferences_PreferencesListPanel_Body tr td:nth-child(1), #ctl01_TemplateBody_WebPartManager1_gwpste_container_Preferences_ciPreferences_PreferencesListPanel_Body tr td:nth-child(2), #ctl01_TemplateBody_WebPartManager1_gwpste_container_Preferences_ciPreferences_PreferencesListPanel_Body th:nth-child(1), #ctl01_TemplateBody_WebPartManager1_gwpste_container_Preferences_ciPreferences_PreferencesListPanel_Body th:nth-child(2) { display: none; } /*Primary contacts on firm profile page*/ #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon2_ciNewContentCollectionOrganizerCommon2_NewQueryMenuCommon_ResultsGrid_Grid1_ctl00 th:nth-child(2), #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon2_ciNewContentCollectionOrganizerCommon2_NewQueryMenuCommon_ResultsGrid_Grid1_ctl00 td:nth-child(2) { display: none; } /*City on find a lawyer page*/ #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1_ctl00 th:nth-child(5), #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1_ctl00 td:nth-child(5) { display: none; } /*Events participants*/ .MLEventParticipants tr td:nth-child(2), .MLEventParticipants tr td:nth-child(5), .MLEventParticipants th:nth-child(2), .MLEventParticipants th:nth-child(5) { display: none; } /*Community participants*/ .MLCommunityParticipants tr td:nth-child(3), .MLCommunityParticipants tr td:nth-child(5), .MLCommunityParticipants th:nth-child(3), .MLCommunityParticipants th:nth-child(5) { display: none; } /*Executive officers*/ .MLExecutiveOfficers tr td:nth-child(3), .MLExecutiveOfficers tr td:nth-child(4), .MLExecutiveOfficers th:nth-child(3), .MLExecutiveOfficers th:nth-child(4) { /*display:none;*/ } .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink { padding: 10px 15px !important; } .RadMenu.rmResponsive .rmToggle { margin: -17px -15px; } } .MLListOfCommunities tr td:nth-child(1), .MLListOfCommunities th:nth-child(1) { display: none; } #ste_container_HeaderLogoSpan .MlLogo { width: 350px !important; } .BlockTLItem p { font-size: 85%; } .BlockTLItem h4, .BlockList h4 { font-size: 95%; font-weight: normal; } /* PublishDate and ReadMoreLink are used in the Block tagged list format */ .PublishDate { font-size: 85%; font-style: italic; } .RadMenu { width: 100%; } .RadMenu.rmResponsive { margin-top: 0px; } .RadMenu.RadMenu ul.rmHorizontal { padding-left: 60px; } .RadMenu.rmResponsive .rsmLink, .RadMenu.rmResponsive .rmLink { color: gray; } .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink { /* root item hover and focus styles */ background-color: var(--color-teal); color: #fff; opacity: 1; } .RadMenu.rmResponsive .rmGroup { background-color: #fff; border: 1px solid var(--color-teal); } .rmResponsive .rmSlide .rmLink, .rmResponsive .rmSlide .rsmLink { color: gray; font-size: 95% !important; padding: 5px 15px; } .rmResponsive .rmSlide .MegaDropDownMenu { /* padding-top: 5px; */ /* padding-bottom: 5px; */ padding: 1px; } .rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rsmLink:hover { color: #fff !important; } .RadMenu.rmResponsive .rsmItem { padding: 0; } /* ul.rmVertical.rmGroup .rsmItem { border-bottom: 1px dotted gray; }*/ ul.rmVertical.rmGroup .rsmItem:last-child { border-bottom: none; } .open-nav, .open-nav:hover, .open-nav:focus { background-color: var(--color-teal) !important; } [data-target="#search-collapse"] { display: none !important; } @media (max-width: 767px) { .nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus { background-color: var(--color-teal) !important; } .RadMenu.RadMenu ul.rmHorizontal { padding-left: 30px; } } /* Member listing demo */ li.zen-country a, li.zen-state a { text-decoration: none; font-weight: bold; color: black; } li.zen-firm a { text-decoration: none; font-weight: normal; color: var(--color-teal); } ul.zen-cities { display: block; width: 200px; color: white; background-color: var(--color-teal); position: relative; margin: 0; padding: 0.5em 0 0.5em 1em !important; } ul.zen-cities a { color: white; } #zen-member-listing ul:first-child { margin-left: 0 !important; } #zen-member-listing ul li { list-style: none !important; margin: 0 !important; } #zen-pagination li.zen-page-selected, #zen-pagination li.zen-page-selected a { display: inline-block; color: white !important; padding: 0px 5px; background-color: var(--color-teal); text-decoration: none; } #zen-pagination li.zen-page { display: inline; padding: 0px 5px; } img.zen-hq-icon { height: 15px; width: 15px; margin-right: 2px; vertical-align: top; } li.zen-legend { list-style: none !important; margin: 0 !important; } li.zen-branch-office a { margin-left: 17px !important; } /* Find lawyers */ .FilterPanel { background-color: #fff; } .RadGrid a, .RadGrid a:focus, .RadGrid a:visited { color: var(--color-teal) !important; text-decoration: underline; } .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { background-color: var(--color-teal); border-color: var(--color-teal); color: var(--color-white) !important; border-radius: 3px; font-size: 1.4rem; } .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover { background-color: var(--color-teal); border-color: var(--color-teal); color: var(--color-white) !important; } /* Member listing demo */ li.zen-country a, li.zen-state a { text-decoration: none; font-weight: bold; font-size: 18px; color: #00b0f0; } li.zen-firm strong { font-size: 15px; } li.zen-firm a { text-decoration: none; font-weight: normal; font-size: 13px; color: var(--color-teal); /*white-space: nowrap !important;*/ } ul.zen-cities { display: block; width: 200px; color: white; background-color: var(--color-teal); position: relative; margin: 0; padding: 0.5em 0 0.5em 1em !important; } ul.zen-cities a { color: white; } #zen-member-listing ul:first-child { margin-left: 0 !important; } #zen-member-listing ul li { list-style: none !important; margin: 0 !important; } #zen-member-listing ul li.zen-country, #zen-member-listing ul li.zen-state { margin-top: 15px !important; } div#zen-member-listing { display: block; width: 100%; padding-left: 0; } #zen-pagination li.zen-page-selected, #zen-pagination li.zen-page-selected a { display: inline-block; color: white !important; padding: 0px 5px; background-color: var(--color-teal); text-decoration: none; } #zen-pagination li.zen-page, #zen-pagination li.zen-page a { display: inline; padding: 0px 5px; color: #00b0f0; } #zen-pagination ul { margin-left: 0em !important; padding: 0px 10px; } #zen-member-listing ul { padding: 5px 10px; } ul.ul-zen-legend { border: 1px solid; padding: 10px; margin: 0px 0px 20px 10px; color: var(--color-teal); display: block; } img.zen-hq-icon { height: 15px; width: 15px; margin-right: 2px; vertical-align: top; } li.zen-legend { list-style: none !important; margin: 0 !important; } li.zen-branch-office a { margin-left: 17px !important; } .FilterPanel { background-color: #fff; } #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1.RadGrid a { color: var(--color-teal) !important; text-decoration: none !important; font-weight: bold; } #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_PeopleSearch_ResultsGrid_Grid1.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover { background-color: var(--color-teal); border-color: var(--color-teal); color: #fff !important; } /* End member search */ .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: var(--color-teal); } .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell { border-color: var(--color-teal); } .RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a { word-wrap: break-word; } .ContentWizardDisplay { border: none; } /*.carousel-caption { top: 0; left: 6.5%; width: 400px; height: 266px; } @media (max-width: 1170px) { .carousel-caption { left: 1%; } }*/ .carousel-caption { max-width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; position: initial; } .carousel-content { width: 400px; height: 266px; background: #b6005d; text-align: left; padding-left: 20px; padding-right: 20px; color: white; margin-top: -20px; opacity: 1; } h1.zen-slider-header { font-weight: 300; font-size: 4.5em; display: inline-block; padding-bottom: 10px; padding-top: 10px; position: relative; } h1.zen-slider-header:before { content: ""; position: absolute; width: 40%; height: 2px; bottom: 0; left: 2px; border-bottom: 2px solid white; } .zen-slider-caption-text { margin-top: 0px; font-family: "HelveticaNeue", sans-serif !important; font-size: 14px; line-height: 1.7em; color: white; } .ml-advantage-text { margin: 30px 0px !important; font-family: "HelveticaNeue", sans-serif !important; font-size: 13px; color: #00b0f0; } .ml-advantage-text a { font-family: "HelveticaNeue", sans-serif !important; font-size: 13px; color: #00b0f0; text-decoration: none; font-weight: bold; } div.ZenClientDashboard a, div.ZenAllReferrals a, div.ZenInwardReferrals a, div.ZenOutwardReferrals a { font-weight: bold; } .zen-simple-iqa .RadGrid_MetroTouch { border: none !important; } .zen-simple-iqa .RadGrid_MetroTouch .rgHeader { background-color: transparent !important; border: none !important; } .HeroBackground { height: 100%; background-image: url("/images/animated-banner.gif"); background-size: contain; background-repeat: no-repeat; position: relative; background-color: white; } .HeroContent { background-color: transparent; } .HeroArea { height: 296px; width: auto; } div#ctl01_TemplateBody_WebPartManager1_gwpciNewSlideshowCommon_ciNewSlideshowCommon__Body.panel-body { padding: 0; } /* .RadTabStrip_MLTabStrip .rtsLink { border-bottom: none; }*/ /* Chip code ========================================================================== */ /* Responsive header title with background image */ @media screen and (max-width: 800px) and (min-width: 531px) { #header-title-responsive { font-size: 2em !important; width: 69% !important; } } @media screen and (max-width: 530px) and (min-width: 321px) { #header-title-responsive { font-size: 1.2em !important; width: 76% !important; padding: 15px 20px !important; } } @media screen and (max-width: 320px) { #header-title-responsive { font-size: 1.1em !important; width: 76% !important; padding: 15px 15px !important; } } /* Email Icon - Interactive Button ========================================================================== */ .email_envelope { position: relative; width: 100%; } .email_envelope_white_centre { position: absolute; display: block; width: 100%; height: auto; top: -5%; left: 50%; margin-left: -9px; margin-top: -3px; } .email_envelope_white_left { position: absolute; display: block; width: 100%; height: auto; top: -5%; margin-top: -3px; } .email_envelope_overlay { position: absolute; top: ; bottom: 0; left: ; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; } .email_envelope:hover .email_envelope_overlay { opacity: 1; } .email_envelope_magenta_centre { position: absolute; display: block; width: 100%; height: auto; top: -5%; left: 50%; margin-left: -9px; margin-top: -3px; } .email_envelope_magenta_left { position: absolute; display: block; width: 100%; height: auto; top: -5%; margin-top: -3px; } /* Search By - List Section - Interactive Drop Down List with a Coloured Container ========================================================================== */ .search_by_list_container { padding: 5px 5% 5px 5%; width: 100%; } .search_by_list { width: 100%; color: #262626; background-color: #f0f0f0; border: 1px solid #f0f0f0; } .search_by_title_container { padding: 10px 0px 5px 0px; width: 100%; } .search_by_title { padding: 5px 10px 5px 10px; font-size: 160%; background-color: #b6005d; color: #ffffff; } .search_by_title_2 { color: #b6005d; border-bottom-color: #d8d8d8; border-bottom-width: 0.5pt; border-bottom-style: solid; } /* Practice Groups Resource Guides Navigation Bar ========================================================================== */ .guides_navigation_bar { color: #19337a; font-size: 14px; padding-top: 5px; text-decoration: none; text-align: left; padding-left: 0px; } .guides_navigation_bar a:link, a:active, a:visited { color: #19337a; text-decoration: none; font-weight: bold; } .guides_home_icon { width: 20px; text-decoration: none; padding-bottom: 7px; } .guides_navigation_arrow { width: 7px; height: 14px; padding-bottom: 4px; } /* Quote on the About us page ========================================================================== */ .textquotediv { width: 50%; margin: 0px auto; } .textquote { font-family: 'Lato'; font-weight: 300; font-style: italic; font-size: 2em; width: 50%; padding: 2em 2em; color: var(--color-teal); text-align: center; z-index: 2; position: absolute; } .textquotebg { z-index: 1; width: 100%; height: 100%; position: relative; margin: 0px; } @media screen and (max-width: 998px) and (min-width: 786px) { .textquote { padding: 1.5em 1.5em; width: 60% !important; } .textquotediv { width: 60%; } } @media screen and (max-width: 785px) and (min-width: 738px) { .textquote { padding: 1em 1em; width: 90% !important; font-size: 3em; } .textquotediv { width: 90%; } } @media screen and (max-width: 737px) and (min-width: 634px) { .textquote { padding: 1em 1em; width: 70% !important; font-size: 2em; } .textquotediv { width: 70%; } } @media screen and (max-width: 633px) and (min-width: 416px) { .textquote { padding: 1em 1em; width: 80% !important; font-size: 1.5em; } .textquotediv { width: 80%; } } @media screen and (max-width: 415px) { .textquote { padding: 0.5em 0.5em; width: 95% !important; font-size: 1.5em; } .textquotediv { width: 95%; } } /* Title Practice Group pages */ @media screen and (max-width: 620px) and (min-width: 411px) { .TitlePracticeGroup { font-size: 2em !important; padding: 10px 20px 10px 10px !important; } } @media screen and (max-width: 410px) { .TitlePracticeGroup { font-size: 1.5em !important; padding: 10px 20px 10px 10px !important; } } .headertitle { color: #ffffff; overflow: auto; background-color: var(--color-teal); background-image: url("/images/casestudies/casestudyheader.jpg"); background-size: 50%; background-position: right center; background-repeat: repeat-y; margin-bottom: 2em; } .headertitle .col-sm-6 { padding: 150px 60px 80px 40px; } .headertitle h1 { color: #ffffff; text-transform: uppercase; font-weight: 900; font-size: 2.7em; } @media screen and (max-width: 767px) { .headertitle { background-size: 100%; background-position: center; background-size: cover; } .headertitle .col-sm-6 { padding: 75px 20px 40px 20px; } } .ul-zen-legend { display: none !important; } .cc-revoke.cc-bottom.cc-animate.cc-active { display: none; } [id$="SinglePriceData"]::before, [id$="_PriceData"]::before, #ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_Grid1_ctl00 td:nth-child(3)::before, #ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_Grid1_ctl00 td:nth-child(4)::before, #ctl01_TemplateBody_WebPartManager1_gwpciCartCharges_ciCartCharges_DataPanel .PanelFieldValue::before, #ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_lblPaymentAmountReadOnly::before { content: "£"; } /** Member group styling **/ .zen-group-heading { color: var(--color-teal); font-size: 1.5em; font-weight: 700; text-transform: normal; } .zen-group-name { color: var(--color-green); font-size: 2.5em; font-weight: 700; text-transform: uppercase; line-height: 1.5; } .zen-post-subject { font-size: 120%; font-weight: 600; } .zen-post-subject a { text-decoration: none; } .zen-post-id { color: lightslategray; } .zen-post-detail { font-size: 80%; font-style: italic; } .zen-post-message-detail a { word-break: break-all; } .zen-header-link { text-decoration: none; } .zen-about-group-section thead { display: none; } .RadUpload .ruFakeInput { height: 26px !important; } .ruBrowse { background-color: #25a0da !important; } .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton { color: var(--color-white); background-color: var(--color-teal-tint-4) !important; border-color: transparent; border-radius: 3px; height: 35px; } .SignIn input[type="submit"], .SignIn input[type="text"], .SignIn input[type="password"] { width: 100%; height: 45px; } input, button, select, textarea { font-family: "HelveticaNeue", sans-serif !important; } h4, .h4, .SectionLabel { color: var(--color-teal-tint-1); } div.RadTabStrip_MLTabStrip .rtsSelected { color: var(--color-white) !important; font-family: "HelveticaNeue", sans-serif !important; background: linear-gradient(to right, var(--color-blue), var(--color-green)) !important; } div.RadTabStrip_MLTabStrip .rtsLink:hover { color: var(--color-white) !important; font-weight: normal; line-height: 20px; font-family: "HelveticaNeue", sans-serif !important; font-size: 12px; text-indent: 0px; background-color: #999 !important; } .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active { color: var(--color-teal-tint-1) !important; } .ProgressDiv { background-color: var(--color-teal) !important; color: var(--color-white) !important; } .AsiInformation { border-color: var(--color-gray-tint-3); background-color: var(--color-gray-tint-3); } .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup { background-color: var(--color-gray-tint-3); } .RadTreeView_Vista .rtSelected .rtIn { border-color: var(--color-gray-tint-3); color: var(--color-teal-tint-1); background-color: var(--color-gray-tint-3); background-image: linear-gradient(var(--color-gray-tint-3),#ccc); } a:hover, a:focus, a:active { } .RadTreeView_Vista .rtHover .rtIn { border-color: var(--color-gray-tint-3); color: var(--color-teal-tint-1); background-color: var(--color-gray-tint-3); background-image: linear-gradient(var(--color-gray-tint-3),#ccc); } #masterHeaderBackground, .header { border-bottom: none; } .footer-nav-copyright { background-color: var(--color-teal); color: #999; } a { transition: all .6s; color: inherit; text-decoration: none; } .open-nav, .open-nav:hover, .open-nav:focus { background-color: transparent !important; } @media (min-width: 768px) { .open-nav { display: inline-block; } } #hd.active { background: var(--color-teal) !important; position: fixed; overflow-y: scroll; top: 0; bottom: -30px; left: 0; right: 0; } body.expanded-menu { overflow: hidden; } /* Guide content pages start */ .guide-content div.container { display: flex; flex-wrap: wrap; padding: 20px 0px 5px 0px; width: 100%; } .guide-content h2 { font-weight: bold; font-size: 42px; color: var(--color-teal); } .guide-content h3 { font-weight: bold; font-size: 22px; color: #fff; } .guide-content h4 { font-weight: bold; font-size: 20px; color: var(--color-teal-tint-1); } .guide-content h5 { font-weight: bold; font-size: 18px; color: var(--color-teal-tint-2); } .guide-content h6 { font-weight: bold; font-size: 20px; color: var(--color-teal); } .guide-content { font-weight: normal; color: #000; } .guide-content h3 a { color: white; text-decoration: none; font-weight: bold; font-size: 18px; } .guide-content h4 a { color: white; text-decoration: none; font-weight: bold; font-size: 16px; } .guide-content div.heading-strip-number { align-items: center; background: var(--color-green); display: flex; width: 7%; justify-content: center; } .guide-content div.heading-strip-title { align-items: center; background: #444444; color: white; display: flex; justify-content: space-between; width: 93%; padding-left: 10px; } .guide-content div.guide-section { display: flex; flex-wrap: wrap; padding: 5px 0px 5px 0px; width: 100%; } .guide-content div.heading-strip-title h3 { display: inline; margin-left: 10px; padding: 5px; } .guide-content div.heading-strip-title button { background: var(--color-green); margin: 10px; } .guide-content div.heading-strip-title img { width: 12px; height: 12px; } .guide-content .iMIS-WebPart { margin-bottom: 1em; } .hover { margin-bottom: 0.2em; } .editors-heading-zone { margin-top: 30px; } .guide-content h4 > span { font-size: 24px !important; } .guide-content li strong { font-size: 16px; } /* Guide content pages end */ /* Staff page start */ .staff-portrait h3 a { margin-left: 10px; font-size: 16px; font-weight: bold; color: var(--color-white); } .staff-portrait h4 { margin-left: 10px; font-size: 14px; font-weight: normal; color: var(--color-white); } .email-icon { padding-left: 10px; } .staff-portrait { width: 329px !important; background: var(--color-teal-tint-2); margin-bottom: 30px; } /* Staff page end */ /* Firm profile start */ .firm-profile-section { font-size: 1.6rem; line-height: 1.5; } .firm-office-profile-zone .PanelField .Label { font-size: 1.6rem; padding-bottom: 5px; } .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader { background-color: #fff !important; } .firm-office-address-zone .RadGrid.RadGrid_MetroTouch .rgHeader:first-child { padding: 0; } .firm-office-profile-zone .PanelFieldValue { font-size: 1.4rem; } .firm-office-address-zone .PanelField .Label { font-size: 1.4rem; } .firm-office-address-zone .PanelFieldValue { font-size: 1.4rem; } /* Firm profile end */ /* Tabs start */ .RadTabStrip .rtsLevel1 { background-color: var(--color-white) !important; } .RadTabStrip .rtsLI { border: transparent; border-radius: 3px 3px 0px 0px; padding: 0px !important; background-color: var(--color-gray); } .RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI { margin-top: 1px !important; } .RadTabStrip_MLTabStrip .rtsLI, .RadTabStrip_MLTabStrip .rtsLink { font-size: 13px !important; font-family: "HelveticaNeue", sans-serif !important; } div.RadTabStrip_MLTabStrip .rtsLink { line-height: 20px !important; color: var(--color-white) !important; background-color: var(--color-gray) !important; } .RadTabStripTop_MLTabStrip_Baseline .rtsLevel, .RadTabStripBottom_MLTabStrip_Baseline .rtsLevel { /*background-image: none !important;*/ } .RadTabStrip_MLTabStrip .rtsLink { border-bottom: none !important; background: var(--color-teal-tint-1) !important; } .RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsTxt { text-decoration: none !important; } .RadTabStrip_MLTabStrip .rtsSelected, .RadTabStrip_MLTabStrip .rtsSelected:hover { background: var(--color-white); border-color: transparent; border: none !important; color: var(--color-teal-tint-1); } .RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsTxt { text-decoration: inherit; padding: 4px; } /* Tabs end */ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted { background-color: var(--color-teal-tint-2) !important; border-color: transparent !important; } .RadGrid a, .RadGrid a:focus, .RadGrid a:visited { color: var(--color-teal) !important; text-decoration: none !important; } .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a { font-size: 1.6rem; text-decoration: none !important; } .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable { background-color: var(--color-white); } .RadGrid_MetroTouch .rgPager .rgPagerButton { height: 36px; font-weight: 100; font-size: 14px; line-height: 24px; } .RadGrid_MetroTouch { border-color: var(--color-white) !important; color: #999 !important; background-color: var(--color-white) !important; } .RadGrid_MetroTouch .rgAltRow { background: #fff !important; } a.AddPaddingLeft { padding-left: 10px; } /* Social Icons start */ .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons { background-position: center; background-image: url('images/Rounded_Linkedin_546364.png'); background-repeat: no-repeat; background-size: contain; background-color: transparent; } .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons { background-position: center; background-image: url('images/Rounded_Twitter_546364.png'); background-repeat: no-repeat; background-size: contain; background-color: transparent; } .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons { background-position: center; background-image: url('images/Rounded_Facebook_546364.png'); background-repeat: no-repeat; background-size: contain; background-color: transparent; } /* Social Icons end */ /* News and views start */ .firm-news-zone a { font-size: 1.6rem; } .firm-news-zone { margin-top: 2rem; } .jurisdiction-news-zone a { font-size: 1.6rem; } .jurisdiction-news-zone { margin-top: 2rem; } /* News and views end */ /* Lawyer/firm search start */ .zen-lawyer-search .PanelField label, .zen-lawyer-search .PanelField .Label { width: 100%; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { min-width: 33%; border-radius: 3px; } /* Lawyer/firm search end */ /* Firms in focus start */ .firms-in-focus-tile { background-color: var(--color-teal-tint-2); max-width: 100%; margin-bottom: 20px; } .firms-in-focus-tile img { background-color: var(--color-teal-tint-2); width: auto !important; height: 400px !important; } .tile-text { padding-top: 30px; text-align: center; padding-bottom: 30px; } .tile-text h4 { color: var(--color-white); font-size: 2.5rem; } .tile-text h5 { color: var(--color-white); font-size: 1.75rem; line-height: 2; } .row__type__titles { margin-bottom: 30px; } /* Firms in focus end */ /* Events start */ .multilaw-academy-zone h2 { font-size: 18px !important; background-color: #444; padding: 10px; color: var(--color-white); font-weight: bold !important; margin-bottom: 20px; } .multilaw-academy-zone ul { margin-bottom: 1em; font-size: 1.6rem; line-height: 1.8em; } /* Events end */ /* Create accounts start */ .rcorners1 { border-radius: 5px; border: 1px solid var(--color-teal) !important; background: var(--color-teal) !important; color: white; padding: 5px; min-width: 50px; height: 35px; display: inline-block; } .rcorners2 { border-radius: 5px; border: 1px solid var(--color-teal) !important; color: #000; padding: 5px; min-width: 50px; height: 35px; display: inline-block; } /* Create accounts end */ /* ========================== HIDING ITEMS WE DON'T NEED ========================== */ .footer-nav-copyright, .open-nav .sr-only { display: none !important; } /* ==================== EDITS TO OTHER PAGES ==================== */ #ste_container_ciNewContactProfilePictureCommon { padding: 40px; box-sizing: border-box; background: #fff; } .wrapper#ctl01_masterWrapper { display: block; } .iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer { margin-bottom: 0 !important; } /* ========= STRUCTURE ========= */ html { } body { line-height: 1.8em !important; background: var(--color-white) !important; } #masterContentArea { min-width: 320px; margin-bottom: 3rem; margin-top: 0; padding-left: 0; padding-right: 0; } header#hd { min-width: 320px !important; } .wrapper { background: var(--color-white); } .iMIS-WebPart { position: relative; } .container, .header-container, .SliderPage1 { max-width: 1600px !important; } .row { max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; } .row__theme, .row__theme_ml21 { overflow: hidden; position: relative; } .row__theme .col-sm-12, .row__theme_ml21 .col-sm-12 { position: relative; z-index: 90; } .row__type__footer { padding: 4.5rem 0; } .row__type__header .col-sm-12, .row__type__search .col-sm-12 { min-height: 0; } /*.row > * { padding-left: 30px; padding-right: 30px; }*/ /* Row colors */ .row__color__teal, .resources-dark-bg { background-color: var(--color-teal); color: var(--color-white); } /* ======= PADDING ======= */ .row__has-padding, .standard-padding, .practice-area-dark-bg, .resources-dark-bg { padding: 6rem 0; } .standard-padding_top { padding-top: 6rem; } .standard-padding_bottom { padding-bottom: 6rem; } @media all and (max-width: 800px) { .row__has-padding, .standard-padding, .practice-area-dark-bg { padding: 4.5rem 20px; } .standard-padding_top { padding-top: 4.5rem; } .standard-padding_bottom { padding-bottom: 4.5rem; } } @media all and (min-width: 768px) { .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 { padding-left: 30px; padding-right: 30px; } } /* Override basic layout */ .row-2021-layout-sizes { padding-left: 40px; padding-right: 40px; } @media (max-width: 870px) { .row-2021-layout-sizes { padding-left: 20px; padding-right: 20px; } } /* ========== TYPOGRAPHY ========== */ h1:before { display: none; } h1, h2 { margin-top: 0; color: var(--color-teal); font-size: 2.8rem !important; font-weight: normal !important; } h3 { font-size: 1.6rem; margin-top: 4rem; font-family: 'HelveticaNeueBold', Arial, sans-serif; } h2 + h3, div + h3 { margin-top: 0; } .row p { margin-bottom: 1em; font-size: 1.6rem; } .row p strong { font-weight: normal; font-family: 'HelveticaNeueBold', Arial, sans-serif; } .row__theme h2 { border: none; } .row__theme p, .row__theme li { color: var(--color-gray); font-size: 1.6rem; } .cards-slider h3 { font-weight: normal; } @media all and (min-width: 800px) { .content-columns-2 { break-inside: avoid; column-count: 2; column-gap: 6rem; } } @media all and (min-width: 600px) { ul.list_3-cols, ul.list_4-cols { column-count: 2; column-gap: 6rem; } } @media all and (min-width: 800px) { ul.list_2-cols { column-count: 2; column-gap: 6rem; } ul.list_3-cols { column-count: 3; column-gap: 6rem; } ul.list_4-cols { column-count: 4; column-gap: 6rem; } ul.list_2-cols li, ul.list_3-cols li, ul.list_4-cols li { break-inside: avoid; } } a { transition: all .6s; color: inherit; text-decoration: none; } body a:active, body a:visited { color: var(--color-gray); font-weight: normal !important; opacity: 1 !important; } .PanelField a { color: var(--color-gray); } .TaggedListPanel h4 a { color: var(--color-teal); } .button, .nav-auxiliary a { font-size: 1em; display: inline-block; line-height: 1em; padding: 1em 2em .8em; border: none; border-radius: 3px; color: var(--color-white) !important; background: var(--color-blue); transition: all .3s ease-in; box-shadow: 0 0 2px rgba(0,0,0,0); } .button:hover { color: #fff; transform: translate(0,-3px); box-shadow: 0 10px 10px rgba(0,0,0,.1); } a.button:vistited { color: #fff; } .button_large { font-size: 3rem; padding: .5em 1em .4em; } h1.underline, h2.underline, h3.underline, .cards-highlights_figures div { position: relative; padding-bottom: 2rem; font-weight: normal; margin-bottom: 3rem; } h1.underline:after, h2.underline:after, h3.underline:after, .header .rmRootLink:after, .panel-resource-group .content .listings ul li .title:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } .header .rmRootLink:after { left: 0; } /* @media (max-width: 414px) { .header .rmRootLink:after { left: 15px; } } */ h1.gradient, h2.gradient, h3.gradient, .cards-highlights_figures div, .stat-definition .figure p, .pullout-stat p .sum-highlight, .quote-block .quote { background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .row__color__teal .title_block p a { color: #fff; } .header .rmRootLink:after, .panel-resource-group .content .listings ul li .title:after { width: 60px; } .header ul.rmRootGroup .rmResponsive .rmSlide a.rmLink { font-size: 100% !important; color: #333; } .header ul.rmGroup a:hover { color: #fff; } .content-case-study h3 { margin-top: 0; } /* ======= UTILITY ======= */ /* Background gradient */ .button, .nav-auxiliary a, .nav-group a.category-name:after { background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%) !important; } .panel img { max-width: 100%; } .m-background, .m-masked, .m-masked-right { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 6; background-size: 100%; } .m-background { opacity: .04; transform: translate(-20%, 0); background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='100%25' x2='0%25' y2='100%25' id='linearGradient-1'%3E%3Cstop stop-color='%236AE8CE' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2378E4EF' offset='99.9614155%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z' id='Combined-Shape' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-attachment: fixed; } .m-background-right { left: auto; right: 0; transform: translate(50%, 0); } .m-masked { z-index: 4; opacity: 1; background-repeat: no-repeat; background-position: left center; background-attachment: fixed !important; background-size: cover; background: url('/images/wayfinder/wayfinder-mask-left.png') no-repeat left; } .m-masked-right { } .row__two-thirds-with-sidebar { background-color: var(--color-teal-tint-1); } .row__two-thirds-with-sidebar .m-masked-right { z-index: 4; opacity: 1; background-repeat: no-repeat; background-position: left center; background-attachment: fixed !important; background-size: cover; background: url('/images/wayfinder/wayfinder-mask-right.png') no-repeat right; } .row-footer { padding-top: 6rem; text-align: center; } /* Auxiliry fixes for cloud version */ .nav-auxiliary .WTZone { display: flex; } .nav-auxiliary #ste_container_ciNewUtilityNavigationCommon div { } .UtilityNavigation { display: flex; margin-right: 30px; justify-content: flex-end; } .UtilityNavigation .profile-picture-wrapper { display: inline-block; } .UtilityNavigation .profile-picture-wrapper img { height: 20px; width: 20px; } a.dropdown-toggle { display: flex !important; } .UtilityNavigation .dropdown-header { display: none !important; } ul.dropdown-menu { background: var(--color-teal-tint-3); } ul.dropdown-menu li { } ul.dropdown-menu a { width: 100%; border-radius: 0 !important; background: none; line-height: 28px; } ul.dropdown-menu a:hover { background: var(--color-teal-tint-4); } /* Quotes */ .quote-block { text-align: right; } .quote-block p.quote { font-size: 3.6rem; position: relative; margin-bottom: 0; line-height: 1.2em; } .quote-block p.accred { font-size: .9em; } .quote-block p.quote:before, .quote-block p.quote:after { content: ''; width: 1em; height: .8em; display: inline-block; background-repeat: no-repeat; } .quote-block p.quote:before { margin-right: .25em; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='%2378E4EF' d='M23.75,34.27q5.81-12.5,22.75-17.61V0Q23.74,4.32,11.87,18.26T0,56.21V90H47.33V47.88H21.26A27.62,27.62,0,0,1,23.75,34.27Z'/%3E%3Cpath fill='%2378E4EF' d='M73.93,47.88a27.62,27.62,0,0,1,2.49-13.61q5.81-12.5,22.75-17.61V0Q76.41,4.32,64.54,18.26t-11.87,38V90H100V47.88Z'/%3E%3C/svg%3E"); } .quote-block p.quote:after { margin-left: .25em; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 90' style='enable-background:new 0 0 100 90;' xml:space='preserve'%3E%3Cpath fill='%236AE8CE' d='M76.2,55.7c-3.9,8.3-11.5,14.2-22.8,17.6V90c15.2-2.9,26.7-9,34.6-18.3S100,49.8,100,33.8V0L52.7,0v42.1h26.1 C79.1,46.8,78.2,51.5,76.2,55.7z'/%3E%3Cpath fill='%236AE8CE' d='M26.1,42.1c0.3,4.7-0.5,9.4-2.5,13.6c-3.9,8.3-11.5,14.2-22.8,17.6V90c15.2-2.9,26.7-9,34.6-18.3 s11.9-22,11.9-38V0L0,0l0,42.1H26.1z'/%3E%3C/svg%3E%0A"); } @media all and (max-width: 800px) { .quote-block { margin-top: 1.5em; text-align: center; } .quote-block p.quote:before { content: '\a0'; width: 1em; margin-right: .25em; height: .8em; display: block; position: absolute; top: -1em; left: 50%; margin-left: -.5em; } } /* Flex Center */ .flex-center, .flex-centre { height: 100%; display: flex; -webkit-align-items: center; align-items: center; justify-content: center; } /* ============== PANELS + CARDS ============== */ /* Set up of elements */ .panels, .cards { width: 100%; display: flex; } .panels .panel, .cards .card { flex-basis: 50%; } .panels_single .panel { flex-basis: 100%; } .panels_three .panel { flex-basis: 33.333%; } .title_block { padding: 0 15px; width: 50%; min-width: 600px; display: block; } .panels .content, .cards .content { padding: 15px; } .search { height: 30px; width: 100%; background: #fff; border: 1px solid #dedede; } .panels .content p:last-of-type { margin-bottom: 0; } .panel_image { text-align: center; } .panel_image .content { object-fit: cover; } @media all and (max-width: 860px) { .panels { flex-wrap: wrap; } .panels .panel, .cards .card { height: 100%; flex-basis: 100%; } .title_block { padding: 0; width: 100%; min-width: 0; } .panels .content, .cards .content { padding: 0; } .panels .panel { margin-bottom: 4.5rem; } .panels .panel-empty, .panels .empty { height: 0; margin-bottom: 0; } } @media all and (min-width: 800px) { .panels-reverse { flex-direction: row-reverse; } } html, body { height: 100%; } /* Panels cover */ .panels-cover { min-height: 50vh; } .panels-cover .panel .content { padding-top: 30px; padding-bottom: 30px; } .panels-cover .panel_image { } .panels-cover .panel_image .content { position: relative; height: 100%; display: flex; padding: 0; } .panels-cover .panel_image .content .image { position: absolute; top: -1px; width: 100%; width: calc(100% + 31px); height: 100%; height: calc(100% + 2px); background-size: cover; background-repeat: no-repeat; background-position: center; } .panels-reverse.panels-cover .panel_image .content .image { left: -31px; } .panels-cover .panel_text { display: flex; justify-content: center; align-items: center; } @media all and (min-width: 800px) { .panels-reverse.panels-cover .panel_text { padding-left: 15px; } } @media all and (max-width: 800px) { .panels-cover .panel_image { height: 350px; margin-bottom: 0; } .panels-cover .panel_image .image { left: -30px; width: calc(100% + 60px) !important; } } /* Panel Image Centre - Desktop Only */ @media all and (min-width: 800px) { .panel_image_centre { margin: 0 15px; position: relative; overflow: hidden; } .panel_image_centre .content { padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .panel_image_centre .content img { object-fit: cover; width: 100%; height: 100% !important; } } /* ====== HEADER ====== */ /* row__type__header */ header.header { padding-top: 0; padding-bottom: 0; position: sticky; z-index: 9000; width: 100%; top: 0; transition: all .6s; background: transparent; } header#hd.with-hero { position: fixed; } #hd.active { overflow-x: hidden !important; } .logo { float: left; position: relative; } .logo a { display: block; } .logo svg { height: 35px; position: absolute; top: 0; left: 0; transition: all .3s; width: auto; } .logo svg .logo-type { fill: var(--color-white); } .scrolled .logo svg .logo-type { fill: var(--color-white) !important; } header.header ul { margin: 0; } .row__type__header-placeholder { padding: 0; } /*#header-push { height: 0; } @media (max-width: 767px) { #header-push { height: 70px; } }*/ /* Nav bar */ .header-top-container .header-container { padding: 40px 30px !important; line-height: 0; } .header-top-container { padding-bottom: 15px; } .header-top-container .header-container { position: relative; } .header-top-container .header-container:after { position: absolute; top: 113px; content: ''; height: 2px; width: 100%; width: calc(100% - 60px); background-color: var(--color-gray-tint-2); } header#hd.scrolled .header-top-container .header-container:after, header#hd.with-hero .header-top-container .header-container:after { background-color: transparent; } header#hd.with-hero.active .header-top-container .header-container:after { background-color: var(--color-gray-tint-2); } @media (max-width: 767px) { .header-top-container { height: 60px; } header.active .header-top-container { height: 140px; } .header-top-container .header-container { padding: 20px !important; } .header-top-container .header-container:after { top: 60px; width: calc(100% - 30px); } #hd.active .header-top-container .header-container:after { top: 120px; } } .nav-auxiliary { position: relative; float: right; height: 28px; } .nav-auxiliary a, a.auth-link { text-align: center; margin-right: 15px; position: relative; height: 28px; width: 34px; line-height: 32px; /* Adjust to align better */ float: left; color: #fff !important; font-weight: normal !important; display: inline-block; width: auto; font-size: 1.4rem !important; padding: 0 1em !important; } .nav-toolbar a.button-secondary { color: var(--color-teal); background: transparent; } .UtilityNavigation { opacity: 0; } .active .UtilityNavigation { opacity: 1; } .obo-action, .obo-toggle, .ste-toggle { font: inherit; } /* Cart */ .nav-aux-cart a { margin-right: 0; background: transparent !important; position: relative; } .nav-aux-cart a:after { position: absolute; height: 30px; width: 30px; background: no-repeat; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%236C797A' d='M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"); left: 2px; } .nav-aux-cart a .nav-text { display: none !important; } /* User */ .nav-aux-account a .nav-text { padding-left: 0 !important; background: none !important; } .auth-link-container { border: none !important; } @media (max-width: 767px) { .navbar-collapse { padding-left: 15px; padding-right: 15px; margin-left: 0 !important; margin-right: 0 !important; } #auxiliary-container { margin-top: 0 !important; } .open-nav { position: absolute; top: 0; right: 0; } .logo svg { height: auto; width: 160px; } .nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus { background-color: transparent !important; } .nav-auxiliary .nav-aux-button .NavigationLink { margin: 0 0 0 10px !important; } .nav-auxiliary a { border-radius: 3px !important; } .nav-aux-account { position: relative; } .nav-aux-account .nav-text { display: none !important; } .nav-aux-account a:after { position: absolute; height: 30px; width: 30px; left: 2px; background: no-repeat; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); } } /*@media (max-width: 450px) { ul.NavigationUnorderedList { transform: translate(55px, 45px); } }*/ /* Menu Button */ .open-nav { text-indent: -9999em; position: relative; z-index: 90000; background: transparent; border: none; text-transform: uppercase; color: #fff; margin-top: 0 !important; line-height: 1em; height: 24px; width: 34px; } .open-nav .icon-bar { width: 100%; height: 4px; content: ''; left: 0; top: 0 !important; transform-origin: center; background: var(--color-teal); transition: all .3s; position: absolute; display: block; } .open-nav .icon-bar { margin: 0 !important; background: var(--color-teal) !important; } .open-nav .icon-bar:nth-of-type(2) { top: 10px !important; } .open-nav .icon-bar:nth-of-type(3) { top: 20px !important; } @media (max-width: 600px) { .navbar-header { position: absolute; width: calc(100% - 30px); right: 15px; height: 18px; padding-top: 40px; } .open-nav { position: absolute; width: 22px; height: 18px; } .open-nav .icon-bar { height: 3px !important; } .open-nav .icon-bar { margin: 0 !important; background: var(--color-teal) !important; } .open-nav .icon-bar:nth-of-type(2) { top: 8px !important; } .open-nav .icon-bar:nth-of-type(3) { top: 16px !important; } .UtilityNavigation { width: 100%; position: absolute; margin: 0; } } /* Open nav */ #hd.active { background: var(--color-teal) !important; } .with-hero .open-nav .icon-bar, #hd.scrolled .open-nav .icon-bar, #hd.active .open-nav .icon-bar, body.content-hub-watermark .open-nav .icon-bar { background: #fff !important; } #hd.active .open-nav .icon-bar { opacity: 0; } #hd.active .open-nav .icon-bar:nth-of-type(2) { opacity: 1; transform: rotate(135deg); top: 50% !important; } #hd.active .open-nav .icon-bar:nth-of-type(3) { opacity: 1; transform: rotate(-135deg); top: 50% !important; } /* Scrolled */ #hd.scrolled { background: var(--color-teal); } /* Mav */ .nav-primary { background: #fff !important; } .nav-primary { float: left; width: 100%; display: none; transition: all 1s !important; width: 100%; } .nav-primary ul li, .nav-primary li { list-style: none; padding: 0; margin: 0; } .nav-primary { background: transparent !important; float: left; } .header ul.rmRootGroup { margin: 10rem 10px !important; } .expanded-menu .nav-primary { display: block; } @media all and (max-width: 767px) { .header ul.rmRootGroup { margin: 6rem 10px !important; } } } .header .rmItem * { padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; text-transform: none !important; letter-spacing: 0 !important; top: auto !important; float: none !important; position: relative !important; display: block !important; } .MegaDropDownMenuOuter { display: none; } .active .MegaDropDownMenuOuter { display: block; } .header .rmRootGroup, .wrapper-events header.header.active .rmRootGroup { display: grid !important; grid-template-columns: repeat(4, 1fr); row-gap: 8rem; } .header .rmRootLink { color: #fff !important; font-size: 2.2rem !important; padding-bottom: 2rem !important; margin-bottom: 2rem !important; display: block; position: relative; } .RadMenu .rmHorizontal .rmItem { } .RadMenu ul.rmVertical { display: block !important; } .header li.rmItem a.rmLink { padding-left: 0; display: inline-block !important; } .header .rmRootLink a { color: #fff !important; } .rmToggle { display: none !important; } .header .RadMenu .rmSlide { position: relative !important; top: auto !important; display: block !important; clear: left; } .header .RadMenu .rmSlide .rmGroup { top: 0 !important; } .RadMenu .rmSlide .rmLink { padding-bottom: 10px !important; } .RadMenu .rmGroup .rmText { padding: 0 !important; } @media (max-width: 1500px) { .header .rmRootGroup, .wrapper-events header.header.active .rmRootGroup { grid-template-columns: repeat(3, 1fr);} } @media (max-width: 1100px) { .header .rmRootGroup, .wrapper-events header.header.active .rmRootGroup { grid-template-columns: repeat(2, 1fr);} } @media (max-width:760px) { .header .rmRootGroup, .wrapper-events header.header.active .rmRootGroup { grid-template-columns: repeat(1, 1fr);} } /* Numbers for navigation groups */ .header .rmRootGroup .rmItem { position: relative; } .header .rmRootGroup .rmItem:before { z-index: -1; display: block; content: ''; font-size: 90px; transition: all .6s; top: -10px; left: -4rem; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal-tint-4); opacity: .15; position: absolute; } .header .rmRootGroup > .rmItem:nth-of-type(1):before { content: '01'; } .header .rmRootGroup > .rmItem:nth-of-type(2):before { content: '02'; } .header .rmRootGroup > .rmItem:nth-of-type(3):before { content: '03'; } .header .rmRootGroup > .rmItem:nth-of-type(4):before { content: '04'; } .header .rmRootGroup > .rmItem:nth-of-type(5):before { content: '05'; } .header .rmRootGroup > .rmItem:nth-of-type(6):before { content: '06'; } .header .rmRootGroup > .rmItem:nth-of-type(7):before { content: '07'; } .header .rmRootGroup > .rmItem:nth-of-type(8):before { content: '08'; } .header .rmRootGroup > .rmItem:nth-of-type(9):before { content: '09'; } .header .rmRootGroup > .rmItem:nth-of-type(10):before { content: '10'; } .header .rmRootGroup > .rmItem:nth-of-type(11):before { content: '11'; } .header .rmRootGroup > .rmItem:nth-of-type(12):before { content: '12'; } .header .rmRootGroup > .rmItem:nth-of-type(13):before { content: '13'; } .header .rmRootGroup > .rmItem:nth-of-type(14):before { content: '14'; } .header .rmRootGroup > .rmItem:nth-of-type(15):before { content: '15'; } .header .rmRootGroup > .rmItem:nth-of-type(16):before { content: '16'; } .header .rmRootGroup > .rmItem:nth-of-type(17):before { content: '17'; } .header .rmRootGroup > .rmItem:nth-of-type(18):before { content: '18'; } .header .rmRootGroup > .rmItem:nth-of-type(19):before { content: '19'; } .header .rmRootGroup > .rmItem:nth-of-type(20):before { content: '20'; } .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink { vertical-align: top !important; } /* Secondary list */ .nav-group ul { margin-left: 0; padding-left: 0; margin-top: 30px; } .nav-group ul li { } @media all and (max-width: 1000px) { .header .rmRootGroup .rmItem { width: 50% !important; } } @media all and (max-width: 760px) { .header ul.rmRootGroup { /*margin-left: 50px !important; margin-right: 10px !important;*/ } .header .rmRootGroup .rmItem { width: 100% !important; padding-left: 0; } } /*@media all and (max-width: 414px) { .header .rmLink { transform: translate(-15px, 0); } }*/ /* Active */ #main-nav.active { background: var(--color-teal); } #main-nav.active #nav-button span { background: #fff; } #main-nav.active { } #main-nav.active .nav-overlay { display: block; } #masterLogoArea { position: relative; z-index: 9000; } #masterLogoArea, .logo a { display: block; } .logo .logo-type { transition: all .6s; fill: var(--color-teal) !important; } .with-hero .logo .logo-type, .active .logo .logo-type { fill: #fff !important; } /* With hero */ .with_hero #nav-button span { background: #fff; } .with_hero #main-nav img.logo_white { opacity: 1; } .with_hero #main-nav img.logo_teal { opacity: 0; } .with_hero .nav-bar { border-bottom-color: transparent; } /* ========= ROW: HERO ========= */ .row__type__hero { max-width: 100% !important; position: relative; } .row__type__hero:before { content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; width: 100%; padding-bottom: 160px; z-index: 80; } @media all and (max-width: 500px) { .row__type__hero { min-height: 300px; height: 60vh; } } .row__type__hero .video-bkg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; overflow: hidden; transition: opacity 2s; } .row__type__hero .video-bkg video { object-fit: cover; width: 100%; height: 100%; /*position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%)*/; } .row__type__hero .titles { text-align: center; position: relative; min-height: 400px; height: 75vh; margin-bottom: 60px; display: flex; justify-content: center; align-items: center; vertical-align: middle; z-index: 90; } .row__type__hero .titles p { text-align: center; font-size: 100px; margin-bottom: 0; line-height: .9em; text-shadow: 0 8px 20px rgba(0,0,0,.8); color: #fff; font-weight: normal; } /* Hero image */ .row__type__hero-image { background-position: center; background-size: cover; background-repeat: no-repeat; height: 304px; } @media all and (max-width: 760px) { .row__type__hero .col-sm-12 { height: 100%; } .row__type__hero-image { } .row__type__hero .titles p { font-size: 60px; } .row__type__hero .titles { height: 100%; } } /* =========== ROW: FOOTER =========== */ .footer-content p, .footer-content a { color: #999 !important; } .row__type__footer { color: var(--color-teal-tint-3); } .footer-content a.button, .footer-content a.highlighted-link, .footer-content a:hover { color: #fff !important; } .row__type__footer ul, .row__type__footer li { margin: 0; padding: 0; list-style: none; } ul.footer_social-icons { transform: translate(10px, 0); float: right; } ul.footer_social-icons li { margin: 0 10px; display: inline-block; } .row__type__footer .footer_col__center { text-align: center; } .row__type__footer .footer_col__center p, .row__type__footer .footer_col__center li { font-size: 1.4rem; } .row__type__footer .footer_col__center a.button { font-size: 2.5rem; padding: .5em 1em .3em; } ul.footer_sign-off-links { margin-top: 30px; margin-bottom: 20px; } ul.footer_sign-off-links li { margin: .5em 0; display: inline-block; } ul.footer_sign-off-links li a { padding-left: 10px; padding-right: 10px; border-right: 1px solid var(--color-teal-tint-3); display: block; } ul.footer_sign-off-links li:last-of-type a { border-right-color: transparent; } ul.footer_sign-off-links li a:hover { color: #fff; } .footer_col__address { text-align: left; } /* Social icons */ .footer_social-icons a { display: block; } .footer_social-icons a svg { transition: all .3s; width: 36px; height: auto; } .footer_social-icons a:hover svg { transform: scale(1.1); } @media all and (max-width: 767px) { .row__type__footer, .footer_col__address { text-align: center; } .row__type__footer .col-sm-4 { margin-bottom: 2em; } ul.footer_social-icons { transform: translate(0, 0); float: none; } } /* =========== ROW: SEARCH =========== */ .row__type__search { min-width: 280px; margin-top: -30px; z-index: 7000; padding-top: 0; padding-bottom: 30px; } .search-bar { overflow: hidden; width: 100%; border-radius: 3px; max-width: 780px; margin: 0 auto; height: 60px; box-shadow: 0px 7px 20px rgba(0,0,0,.3); background: #fff; } .search-bar label { display: none; } .search-bar-section { position: relative; float: left; height: 60px; } .search-bar-section:after { position: absolute; top: 50%; content: ''; margin-top: -20px; width: 2px; background: #6c7979; right: 0; height: 40px; } .search-bar-section:last-child:after { content: none; } .search-bar-section-inputs { width: calc(100% - 60px); float: left; } .search-bar-section-inputs .search-bar-section { width: 33.3%; } /* Form elements */ .search-bar input { width: 90%; margin: 5px 5%; padding: 10px; box-sizing: border-box !important; font-size: 16px !important; outline: none !important; border: 1px solid transparent !important; height: 50px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .search-bar select { width: 90%; margin: 0 5%; padding: 10px 40px 10px 10px; box-sizing: border-box !important; font-size: 16px; height: 60px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; color: var(--color-gray-tint-1); border: 1px solid transparent; background: url('/images/theme-2021-ui/form-arrow.png') center right no-repeat; } .search-bar input, .search-bar select { box-shadow: none !important; } .search-bar-section input[type=submit] { text-indent: -999em; width: 50px; border-radius: 3px; transition: all .3s; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESearch Icon%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='-0.257142857%25' y1='49.7142857%25' x2='99.6857143%25' y2='49.7142857%25' id='linearGradient-1'%3E%3Cstop stop-color='%2378E4EF' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%236AE8CE' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Search-Icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='search_gradient_24dp' fill='url(%23linearGradient-1)' fill-rule='nonzero'%3E%3Cpath d='M12.5,11 L11.7,11 L11.4,10.7 C12.4,9.6 13,8.1 13,6.5 C13,2.9 10.1,0 6.5,0 C2.9,0 0,2.9 0,6.5 C0,10.1 2.9,13 6.5,13 C8.1,13 9.6,12.4 10.7,11.4 L11,11.7 L11,12.5 L16,17.5 L17.5,16 L12.5,11 Z M6.5,11 C4,11 2,9 2,6.5 C2,4 4,2 6.5,2 C9,2 11,4 11,6.5 C11,9 8.9,11 6.5,11 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .search-bar-section input[type=submit]:hover { background-color: var(--color-white); } .search-bar ::placeholder { color: var(--color-gray-tint-1); opacity: 1; } .search-bar :-ms-input-placeholder { color: var(--color-gray-tint-1); } .search-bar ::-ms-input-placeholder { color: var(--color-gray-tint-1); } /* IE */ select::-ms-expand { display: none; /* remove default arrow on ie10 and ie11 */ } /* IE 9 : undo the custom arrow */ @media screen and (min-width:0\0) { select { background: none\9; padding: 5px\9; } } @media all and (max-width: 767px) { .search-bar { margin: 0 auto; height: auto; } .search-bar-section-inputs, .search-bar-section-inputs .search-bar-section, .search-bar-section { width: 100%; } .search-bar-section:after { position: absolute; top: 100%; content: ''; margin-top: 0px; width: 100%; width: calc(100% - 20px); background: #6c7979; right: auto; left: 10px; height: 1px; } .search-bar-section:last-child:after { content: ''; } .search-bar-section:last-child { height: auto; } .search-bar-section input[type=submit] { background-color: var(--color-teal); display: block; text-indent: 0 !important; color: #fff !important; text-align: left; font-size: 1rem; margin: 1rem auto; background-position: 90%; padding-left: 2rem; max-width: 18rem; width: 50%; } .search-bar-section input[type=submit]:hover { background-color: var(--color-teal-tint-2); } } /* =========== ROW: TITLES =========== */ .row__type__titles { padding-top: 9rem; padding-bottom: 9rem; position: relative; background-image: url('/images/pageHeaders/Multilaw_Web%20Banner_Solid_Teal_50pct.jpg'); background-repeat: no-repeat; background-position: right center; background-size: cover; overflow: hidden; } .row__type__titles img { opacity: 1; transition: opacity .6s; position: absolute; right: 0; top: 0; height: 100% !important; width: auto; max-width: 99999em; } .row__type__titles p.pre-heading, .row__type__titles h1 { box-sizing: border-box; margin-left: 5rem; } .row__type__titles p.pre-heading { color: var(--color-teal-tint-2); margin-bottom: .5em; font-size: 2rem; } .row__type__titles h1 { width: 50%; font-size: 6rem !important; } .row__type__titles h1.smaller { font-size: 4.5rem !important; } @media all and (max-width: 1100px) { .row__type__titles h1 { width: 50%; } .row__type__titles p.pre-heading, .row__type__titles h1 { margin-left: 2rem; } .row__type__titles { padding-left: 20px; padding-right: 20px; } } @media all and (max-width: 1100px) { .row__type__titles img { opacity: 0; } .row__type__titles h1, .row__type__titles p.pre-heading { width: auto; max-width: 80%; padding-right: 2rem !important; } .row__type__titles h1 { font-size: 4rem !important; } } @media all and (max-width: 700px) { .row__type__titles { padding-top: 6rem; padding-bottom: 6rem; } .row__type__titles p.pre-heading, .row__type__titles h1 { max-width: 100%; margin-left: 0; } } /* ========== ROW: VIDEO ========== */ .panel_video { transition: all 1s; transform: perspective(1000px) rotateY(-30deg) translateX(-5%); } .panel_video .content { overflow: visible; } .panel_video:hover { transform: perspective(1000px) rotateY(-20deg) translate(-5%,-30px); } a.video_thumbnail { position: relative; display: block; } a.video_thumbnail img { width: 100%; } a.video_thumbnail:after { opacity: .7; position: absolute; transition: opacity 1s; content: ''; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; z-index: 9; width: 80px; height: 80px; background: url('/images/theme-2021-ui/icons/play.png') no-repeat; } .panel_video:hover a.video_thumbnail:after { opacity: 1; } a.video_thumbnail:before { transition: all 1s; opacity: .7; position: absolute; content: ''; bottom: 0; left: 5%; z-index: 9; width: 90%; height: 50px; border-radius: 100%; box-shadow: 0px 60px 30px rgba(0,0,0,.2); } .panel_video:hover a.video_thumbnail:before { box-shadow: 0px 90px 30px rgba(0,0,0,.2); } /* =================== ROW: SLIDER - IMAGES ==================== */ .cards-image-slider { max-width: 800px; margin: 0 auto; display: block; } .cards-image-slider .slick-list { padding: 0 !important; } .cards-image-slider .slick-list .card { padding: 0 30px; } .cards-image-slider .slick-list .card img { margin: 0 auto; } /* ======================= ROW: SLIDER - SPOTLIGHT ======================= */ .row__type__spotlight { overflow: hidden; position: relative; } .row__type__spotlight .col-sm-12 { z-index: 40; } .cards-slider_wrapper { width: 100%; position: relative; max-width: 1200px; margin: 6rem auto 0; } .cards-slider { width: 100% !important; position: relative; opacity: 1; margin-left: auto; margin-right: auto; display: block; } .cards-slider h3 { font-family: 'HelveticaNeue', Arial, sans-serif; font-size: 4.5rem; } .cards-slider h3 a, .cards-slider h3 a:visited { color: #fff !important; } .cards-slider .slick-track { position: relative; } .cards-slider .card { max-width: 100% !important; position: relative; } .cards-slider .caption { z-index: 90; position: absolute; top: 100%; width: 45%; transition: all 1s; opacity: 0; } .cards-slider .content { padding: 0 !important; min-width: 0 !important; margin: 0 10px; display: block !important; } .cards-slider .image { z-index: 80; height: 100%; overflow: hidden; margin-right: 45px; float: right; max-width: 900px; width: 95%; } .cards-slider .image a { display: block; } .cards-slider .image img { width: 100%; } .cards-slider .slick-current .caption { top: 100px; opacity: 1; } .cards-slider .slick-dots li { margin-right: 10px; width: 75px; height: 6px; } .cards-slider .slick-dots li button { background: #536263; width: 100%; padding: 0; height: 6px; margin-right: 10px; } .cards-slider .slick-dots li.slick-active button { background: #7aeade; } .slick-dots li button:before { content: ''; } .cards-slider .slick-slide { padding-top: 45px; } .cards-slider .slick-slide:after { z-index: -1; display: block; content: ''; font-size: 90px; transition: all .6s; top: 45px; right: 0; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal); opacity: 0; position: absolute; } .cards-slider .slick-active:after { transition: opacity .5s .5s; opacity: .25; } /* Slides numbered n+1 because first slide is a clone */ .cards-slider .slick-slide:nth-of-type(2):after { content: '01'; } .cards-slider .slick-slide:nth-of-type(3):after { content: '02'; } .cards-slider .slick-slide:nth-of-type(4):after { content: '03'; } .cards-slider .slick-slide:nth-of-type(5):after { content: '04'; } .cards-slider .slick-slide:nth-of-type(6):after { content: '05'; } .cards-slider .slick-slide:nth-of-type(7):after { content: '06'; } .cards-slider .slick-slide:nth-of-type(8):after { content: '07'; } .cards-slider .slick-slide:nth-of-type(9):after { content: '08'; } .cards-slider .slick-slide:nth-of-type(10):after { content: '09'; } @media (max-width: 860px) { .cards-slider .caption { top: 25px !important; padding-right: 15px; width: 50%; } .cards-slider .image { margin-left: 0; margin-right: 0; margin-top: 12rem; width: 100%; } .cards-slider .slick-dots li { margin-right: 5px; width: 30px; height: 5px; } } @media (max-width: 700px) { .cards-slider h3 { font-size: 2.5rem; } .cards-slider .caption { width: 100%; } .cards-slider .image { margin-top: 8rem; } } .cards-slider * { outline: none; } @media (max-width: 700px) { .cards-slider .caption { width: 50% !important; } } @media (max-width: 500px) { .cards-slider .caption { width: 100% !important; } } .cards-slider .content p.category { color: var(--color-teal-tint-4); border-bottom: 2px solid var(--color-teal-tint-4); font-size: 3.5rem; line-height: 1.25em; display: inline-block; margin-bottom: 0; padding-bottom: .25em; } .cards-slider h3 { margin-top: 2rem; font-size: 3.5rem; } .cards-slider .image { position: relative; margin-left: 33% !important; width: 66% !important; } .cards-slider .image:after { position: absolute; content: ''; left: 0; top: 0; background: linear-gradient(90deg, rgba(9,32,33,.7) 0%, rgba(9,32,33,0) 100%); mix-blend-mode: multiply; z-index: 9000; display: block; width: 50%; height: 100%; display: block; } .cards-slider .content p.synopsis { line-height: 1.25em; width: 60%; color: var(--color-teal); font-size: 1.8rem; } .cards-slider .content p.synopsis a { color: var(--color-teal-tint-4) !important; } .title_block a strong { color: #6AE8CE; border-bottom: 1px solid #6AE8CE; } .cards-slider .slick-current .caption { top: 50px !important; } @media (max-width: 960px) { .cards-slider .content p.category, .cards-slider .content h3 { font-size: 3rem !important; } .cards-slider .image { margin-left: 0 !important; width: 100% !important; margin-top: 22rem !important; } .cards-slider .content p.synopsis { width: 50%; } .cards-slider .caption, .cards-slider .content p.synopsis { width: 100% !important; } } @media (max-width: 860px) { .cards-slider .content p.category, .cards-slider .content h3 { font-size: 2.5rem !important; } } @media (max-width: 700px) { .cards-slider .content p.category, .cards-slider .content h3 { font-size: 2rem !important; } } .cards-slider_wrapper { margin: 4rem auto 0 !important; } .cards-slider .slick-dots { bottom: -50px; } @media (min-width: 960px) { .cards-slider .slick-dots { left: 30%; text-align: left; } } .row__type__spotlight .section-footer-navigation { margin-top: 10rem; z-index: 90; } .section-footer-navigation a.button { min-width: 10em; text-align: center; background: #536263 !important; } @media (max-width: 700px) { .section-footer-navigation { text-align: center; } } .cards-slider_wrapper a { cursor: pointer; } /* ======================== ROW: SLIDER - CASE STUDY ======================== */ .case-study-slider .card, .case-study-slider .content { padding: 0 !important; } .case-study-slider .slick-list { padding: 0 !important; } .case-study-slider .card { padding-bottom: 50px !important; transition: all .5s; transform: scale(.8); } .case-study-slider .slick-current { transform: scale(1) !important; } .case-study-slider { padding-bottom: 50px; } .case-study-slider:before { transition: all 1s; opacity: 1; position: absolute; content: ''; bottom: 50px; left: 10%; z-index: 90; width: 80%; height: 2px; border-radius: 50%; box-shadow: 0 20px 15px rgba(0,0,0,1); } .case-study-slider .slick-arrow { } @media (max-width: 700px) { .case-study-slider .card { padding: 0 10px !important; transform: scale(1); } } /* ===================== ROW: SLIDER LOGO GRID ===================== */ .row__type__slider-logos { display: block; } .case-logo-grid-slider { display: block; } .case-logo-grid-slider .slick-list { padding: 0 !important; } .case-logo-grid-slider .card { display: block; width: 50%; } .case-logo-grid-slider a { display: inline-block; margin: 0 !important; padding: 40px !important; float: left; box-sizing: border-box; width: 50%; } .case-logo-grid-slider a img { max-height: 150px; display: block; margin: 0 auto; } .case-logo-grid-slider .card:nth-of-type(1) { opacity: .5; } .row__type__slider-logos img { transition: all .2s; filter: grayscale(1); } .row__type__slider-logos a:hover img { filter: grayscale(0); } @media (max-width: 860px) { .case-logo-grid-slider a { padding: 25px !important; } } /* ===================== ROW: SLIDER - UTILITY ===================== */ .slick-prev, .slick-next { font-size: 0 !important; opacity: 1; text-indent: -999em !important; width: 40px; height: 40px; } .slick-prev { left: -40px; } .slick-next { right: -40px; } .slick-prev:before, .slick-next:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; background-size: contain; background-position: center; background-repeat: no-repeat; } .slick-prev:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23CCCCCC'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/%3E%3C/svg%3E"); } .slick-next:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23CCCCCC'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3E%3C/svg%3E"); } @media (max-width: 700px) { .slick-prev { left: -20px; } .slick-next { right: -20px; } } /* ================ ROW: HIGHLIGHTS ================ */ .row__type__highlight-list { overflow: visible; } .cards-highlights { } .cards-highlights { float: right; display: block; width: 40%; margin-left: auto; margin-right: 5%; } /*.cards-highlights_figures { position: relative; position: -webkit-sticky; position: sticky; text-align: right; top: 45%; line-height: 90px !important; overflow: hidden; height: 300px; width: 50%; float: left; z-index: -2; font-size: 80px; }*/ .stat-definition { position: relative; } .stat-definition .figure { position: absolute; right: 100%; width: 100%; padding-right: 2rem; text-align: right; opacity: 0; transition: all .6s .2s; transform: scale(1.5); } .stat-definition .figure p { font-size: 80px; margin: 0; font-family: 'HelveticaNeueBold', Arial, sans-serif; } .stat-definition.active .figure { transform: scale(1); opacity: 1; } .stat-definition .content { opacity: 0; transition: all 1s; transform: translate(0,40px); } .stat-definition.active .content { opacity: 1; transform: translate(0,0px); } /*.stats-wrapper { width: 100%; } .stats-wrapper div { padding-right: 20px; position: absolute; right: 0; top: 0; display: block; font-family: 'HelveticaNeueBold', Arial, sans-serif; }*/ .cards-highlights_definitions { width: 50%; float: right; } .stat-definition { padding-top: 12rem; margin-bottom: 8rem; } .stat-definition:first-of-type { padding-top: 0; } .stat-definition:last-of-type { margin-bottom: 0; } .stat-definition p { color: #f7f7f7; line-height: 1.6em; font-size: 2.4rem; } .stats-wrapper div { opacity: 0; transform: translate(0,20px); transition: all .1s; } .stats-wrapper div.active { transform: translate(0,0); opacity: 1; } .row__type__highlight-list { position: relative !important; } .row__type__highlight-list .m-masked-gallery { position: absolute; background-color: var(--color-teal-tint-1); height: 100%; width: 100%; top: 0; left: 0; z-index: 10; } .m-masked-gallery { position: relative; overflow: hidden; object-fit: cover; } .m-masked-gallery .gallery-item { position: absolute; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; top: 0; opacity: 0; transition: all 1s; width: 100%; height: 100%; left: 0; } .m-masked-gallery .gallery-item.active { opacity: 1; } .stat-definition a.button { font-size: 1.6rem; } @media (max-width: 960px) { .cards-highlights { width: 100%; margin-right: 0%; } .cards-highlights { width: 100%; } .cards-highlights_definitions { width: 100%; text-align: center; float: left; } .stat-definition .figure { position: relative; right: auto; text-align: center; padding-right: 0; } .m-masked-gallery { opacity: .4; } .m-masked-gallery .m-masked { left: 0; opacity: 0; } .stat-definition { padding-top: 15rem; margin-bottom: 0 !important; } .stat-definition:first-of-type { padding-top: 0 !important; } } /* ==== TABS ==== */ .firm-listings .RadTabStrip_MLTabStrip { z-index: 90; position: relative; background-color: transparent !important; } .firm-listings .RadTabStripTop_MLTabStrip_Baseline .rtsLevel, .firm-listings .RadTabStripBottom_MLTabStrip_Baseline .rtsLevel { background: none; overflow: visible; } .firm-listings .RadTabStripTop_MLTabStrip_Baseline .rtsLevel, .firm-listings .RadTabStripBottom_MLTabStrip_Baseline .rtsLevel { background-color: transparent !important; } .firm-listings .iMIS-WebPart .RadTabStrip_MLTabStrip { font-family: 'HelveticaNeue', Arial, sans-serif !important; line-height: 26px; } .firm-listings .RadTabStrip_MLTabStrip .rtsGhostTab { border-color: #7d7d7d; color: black; background-color: #e3e3e3; } .firm-listings .iMIS-WebPart div.RadTabStrip_MLTabStrip .rtsSelected, .firm-listings .iMIS-WebPart .RadTabStrip_MLTabStrip .rtsLI, .RadTabStrip_MLTabStrip .rtsLink { color: #000000; font-family: 'HelveticaNeue', Arial, sans-serif !important; } .firm-listings .RadTabStrip_MLTabStrip .rtsLink { border-bottom: 1px solid #7d7d7d; } .firm-listings .RadTabStripTop_MLTabStrip .rtsLink { margin: 0 !important; } .firm-listings .RadTabStrip { text-align: center; } .firm-listings .RadTabStrip .rtsUL { float: none; display: inline-block; background: #ccc; } .firm-listings .RadTabStrip .rtsUL .rtsLI, .firm-listings .RadTabStrip .rtsLevel1 .rtsTxt, .firm-listings .RadTabStripVertical .rtsLevel1 .rtsTxt { padding: 0 !important; font-size: 2.1rem; } .firm-listings .rtsUL .rtsLI, .firm-listings .rtsUL .rtsTxt, .firm-listings .rtsUL .rtsLink { margin: 0 !important; line-height: 1em !important; background: transparent !important; font-weight: normal !important; display: inline-block !important; } .firm-listings .rtsLI span { padding: 0 !important; } .firm-listings .RadTabStrip .rtsUL .rtsLI a { height: 100%; line-height: 1rem !important; font-family: 'HelveticaNeue', Arial, sans-serif !important; background: transparent !important; display: block; padding: 1.25rem 2rem 1rem; } .firm-listings .RadTabStrip .rtsUL, .firm-listings .RadTabStrip .rtsLI, .firm-listings .RadTabStrip .rtsLI a { overflow: visible; border-radius: 3px !important; } .firm-listings .RadTabStrip .rtsUL .rtsLI a.rtsSelected { box-shadow: 0 0 10px rgba(50,50,50,.4); background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%) !important; } @media (max-width: 600px) { .firm-listings .RadTabStrip .rtsUL .rtsLI, .firm-listings .RadTabStrip .rtsLevel1 .rtsTxt, .firm-listings .RadTabStripVertical .rtsLevel1 .rtsTxt, .firm-listings .RadTabStrip .rtsUL .rtsLI a { width: 100%; } } /* Headings */ .firm-listings { min-width: 300px; margin-top: 12rem; } .firm-listings h2.panel-title:after { content: none; } .firm-listings h2.panel-title { position: absolute; top: -3rem; left: 0; width: 50%; line-height: 6rem; font-size: 6rem !important; z-index: 80; padding-bottom: 0; background-clip: unset; -webkit-text-fill-color: unset; background: none; color: var(--color-gray-tint-3); } @media (max-width: 1000px) { .firm-listings h2.panel-title { width: 100%; } } @media (max-width: 800px) { .firm-listings h2.panel-title { left: 0px; top: -20rem; width: 100%; width: calc(100% + 40px); line-height: 4rem !important; font-size: 4rem !important; } } @media (max-width: 600px) { .firm-listings h2.panel-title { width: 300px; } /* Restrict this because listings extend beyond the screen. We don't want title to extend out too */ } /* Panel Fields */ .firm-listings .col-sm-12, .firm-listings .panel-body { padding: 0; } .firm-listings .PanelFieldValue { width: 100%; } #zen-member-listing { margin: 8rem auto; vertical-align: top; column-gap: 5rem; column-count: 2; } #zen-member-listing ul { padding: 0 !important; } @media (max-width: 900px) { #zen-member-listing { column-count: 1; } } #zen-member-listing ul li.zen-country, #zen-member-listing ul li.zen-state { display: inline-block; width: 100%; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; margin-bottom: 5rem !important; } #zen-member-listing li.zen-country a, #zen-member-listing li.zen-state a { color: var(--color-teal); display: inline-block; } #zen-member-listing li.zen-country > a, #zen-member-listing li.zen-state > a { margin-bottom: 1em !important; display: block; font-size: 2.6rem; } li.zen-branch-office a { margin-left: 0 !important; } #zen-member-listing li ul li a { font-size: 1.6rem; color: #999 !important; } #zen-member-listing li ul li { padding-bottom: 1em; padding-left: 35px; } #zen-member-listing li a { font-weight: normal; position: relative; color: var(--color-teal); font-size: inherit; } /* Before = teal */ /* After = gradient */ #zen-member-listing li a span.location_main:before, #zen-member-listing li a span.location_main:after, .legend_multilaw:before, .legend_asterix:before { content: ''; position: absolute; display: block; width: 25px; height: 20px; left: -35px; top: -3px; transition: all .4s; background-size: contain; background-position: center; background-repeat: no-repeat; } #zen-member-listing li a span.location_main:before, .legend_multilaw:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo M%3C/title%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='%23092021' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #zen-member-listing li a span.location_main:after { opacity: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo M%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='100%25' x2='0%25' y2='100%25' id='linearGradient-1'%3E%3Cstop stop-color='%236AE8CE' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2378E4EF' offset='99.9614155%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z' id='Combined-Shape' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .legend_asterix:before { background-size: 7px; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.16 11.24'%3E%3Cpolygon class='cls-1' fill='%23999999' points='11.36 2.92 12.16 4.84 7.8 6.36 10.44 10 8.8 11.24 6.04 7.4 3.44 11.24 1.64 10 4.24 6.36 0 4.84 0.72 2.92 4.96 4.52 4.96 0 7.08 0 7.08 4.52 11.36 2.92'/%3E%3C/svg%3E"); } #zen-member-listing li a span.location_main:hover:before { opacity: 0; } #zen-member-listing li a span.location_main:hover:after { opacity: 1; } /* States */ .zen-state strong { font-weight: normal; } #zen-member-listing ul.zen-cities { background: var(--color-teal); z-index: 90; padding: .5em 0 !important; } #zen-member-listing ul.zen-cities li { padding-left: 1em; padding-bottom: 0 !important; } #zen-member-listing ul.zen-cities li a { line-height: 1em; display: block; color: #fff !important; padding: .5em !important; } /* Pagination */ #zen-pagination { z-index: 90; position: relative; text-align: center; } #zen-pagination ul li { font-size: 2.6rem; display: inline-block !important; padding: 0 !important; margin: 0 .3em; line-height: 1.2em; } #zen-pagination ul li, #zen-pagination ul li a, #zen-pagination li.zen-page-selected, #zen-pagination li.zen-page-selected a { background: transparent !important; color: var(--color-gray) !important; } #zen-pagination li.zen-page-selected a { color: var(--color-teal) !important; border-bottom-color: var(--color-teal); } #zen-pagination ul li a { display: block !important; padding: 0 !important; border-bottom: 2px solid var(--color-gray); } #zen-pagination ul li:first-of-type { margin-bottom: 1em; font-size: 1.8rem; display: block !important; } #zen-pagination ul li a:hover { color: var(--color-teal) !important; border-bottom-color: var(--color-teal); } @media (max-width: 1100px) { #zen-pagination ul li { font-size: 2rem; } } /* Firms legend */ .firms-legend { width: 300px; position: absolute; right: 0; top: 7rem; padding: 2rem; box-sizing: border-box; border-radius: 3px; overflow: hidden; box-shadow: 0 0 10px rgba(50, 50, 50,.4); z-index: 2; background-color: var(--color-white); } /* .firms-legend.find-firm { */ .firms-legend h2 { margin-bottom: 3rem; } .firms-legend p { position: relative; padding-left: 40px; line-height: 1.5em; font-size: 1.3rem; margin: 0 0 1em; } .firms-legend p:before { left: 0; top: 3px; } @media (max-width: 1100px) { .firms-legend { top: auto !important; position: relative !important; margin-bottom: 4rem; width: 100% !important; } } /* Override Utilities */ .panel-heading.Distinguish { border: none; } /* Practice Area Pages */ .practice-area-dark-bg { background-color: var(--color-teal); color: var(--color-white); } .practice-area-lightgrey-bg { background: var(--color-teal-tint-1); margin-bottom: 10px; padding: 30px; } .practice-area-lightgrey-bg .TaggedListPanel a { color: #fff; } .practice-area-lightgrey-bg .panel-body { padding: 0; } .practice-area-lightgrey-bg a.button { margin-left: 0 !important; } .practice-area-lightgrey-bg .BlockTLItem { margin-bottom: 2rem; } .practice-area-lightgrey-bg .BlockTLItem p { margin: 0; padding: 0; color: var(--color-teal-tint-3); } .practice-area-lightgrey-bg .BlockTLItem h4 { font-size: 100%; } .practice-area-lightgrey-bg .BlockTLItem .PublishDate { font-style: normal !important; } .group-resources ul li a { color: #fff !important; } .group-resources { margin-top: 3rem; } .group-resources ul, .group-resources ul li { list-style: none; padding: 0; margin: 0; } .group-resources ul li { margin-left: 0rem; margin-bottom: 3rem; } .group-resources ul li:last-of-type { margin-bottom: 0; } .group-resources ul li { position: relative; margin-left: 2.5rem; padding-bottom: 1rem; margin-bottom: 2rem; z-index: 4; display: block; } .group-resources ul li:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: var(--color-teal-tint-2); } .group-resources ul li:before { position: absolute; display: block; height: 40px; width: 40px; left: -3rem; top: -10px; z-index: -1; background: no-repeat; content: ''; transition: all .6s; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4D4D'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E"); } /* Document icon is default */ /* Two avatars - group */ .group-resources ul li.group:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4D4D'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E"); } /* Toolkit */ .group-resources ul li.toolkit:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='%233B4D4D'%3E%3Cg%3E%3Crect fill='none' /%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpolygon points='18,16 16,16 16,15 8,15 8,16 6,16 6,15 2,15 2,20 22,20 22,15 18,15'/%3E%3Cpath d='M20,8h-3V6c0-1.1-0.9-2-2-2H9C7.9,4,7,4.9,7,6v2H4c-1.1,0-2,0.9-2,2v4h4v-2h2v2h8v-2h2v2h4v-4C22,8.9,21.1,8,20,8z M15,8 H9V6h6V8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* Videos */ .group-resources ul li.video:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4D4D'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E"); } /* Settings (cog) */ /*.group-resources_groups ul li:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='%233B4D4D'%3E%3Crect fill='none' /%3E%3Cpath d='M10,13c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S9.45,13,10,13 M10,11c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3 S11.66,11,10,11L10,11z M18.5,9l1.09-2.41L22,5.5l-2.41-1.09L18.5,2l-1.09,2.41L15,5.5l2.41,1.09L18.5,9z M21.28,12.72L20.5,11 l-0.78,1.72L18,13.5l1.72,0.78L20.5,16l0.78-1.72L23,13.5L21.28,12.72z M16.25,14c0-0.12,0-0.25-0.01-0.37l1.94-1.47l-2.5-4.33 l-2.24,0.94c-0.2-0.13-0.42-0.26-0.64-0.37L12.5,6h-5L7.2,8.41C6.98,8.52,6.77,8.65,6.56,8.78L4.32,7.83l-2.5,4.33l1.94,1.47 C3.75,13.75,3.75,13.88,3.75,14s0,0.25,0.01,0.37l-1.94,1.47l2.5,4.33l2.24-0.94c0.2,0.13,0.42,0.26,0.64,0.37L7.5,22h5l0.3-2.41 c0.22-0.11,0.43-0.23,0.64-0.37l2.24,0.94l2.5-4.33l-1.94-1.47C16.25,14.25,16.25,14.12,16.25,14z M14.83,17.64l-1.73-0.73 c-0.56,0.6-1.3,1.04-2.13,1.23L10.73,20H9.27l-0.23-1.86c-0.83-0.19-1.57-0.63-2.13-1.23l-1.73,0.73l-0.73-1.27l1.49-1.13 c-0.12-0.39-0.18-0.8-0.18-1.23c0-0.43,0.06-0.84,0.18-1.23l-1.49-1.13l0.73-1.27l1.73,0.73c0.56-0.6,1.3-1.04,2.13-1.23L9.27,8 h1.47l0.23,1.86c0.83,0.19,1.57,0.63,2.13,1.23l1.73-0.73l0.73,1.27l-1.49,1.13c0.12,0.39,0.18,0.8,0.18,1.23 c0,0.43-0.06,0.84-0.18,1.23l1.49,1.13L14.83,17.64z'/%3E%3C/svg%3E"); }*/ /* ========================== PANEL: CONTACT INFORMATION ========================== */ .contact-panel { max-width: 400px; margin: 0 auto 5rem; display: block; } .contact-panel_image { display: inline-block; margin: 0 auto; } .contact-panel_image img { filter: grayscale(); height: 250px !important; max-width: 100%; } .contact-panel h3 { font-size: 4rem; } .contact-panel h3, .contact-panel p { color: var(--color-teal); } .contact-panel p { color: var(--color-teal-tint-2); margin-bottom: 0; } .contact-panel p a { font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal) !important; } .contact-panel_details { margin-top: 0; position: relative; z-index: 9; } .contact-panel h3 { font-family: 'HelveticaNeue', Arial, sans-serif; position: relative; margin-top: 1.5rem; padding-bottom: 1rem; margin-bottom: 1.5rem; display: block; } .contact-panel h3:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: var(--color-teal); } .contact-panel h3 a { color: var(--color-teal) !important; } a.contact-email { display: block; text-indent: -999em; position: relative; } a.contact-email:after { position: absolute; display: block; height: 36px; width: 36px; left: 0; top: 0; background: no-repeat; content: ''; transition: all .6s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23CCCCCC'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E"); } a.contact-email:hover:after { transform: scale(1.2); } @media all and (max-width:760px) { .contact-panel { margin-left: 20px; margin-right: 20px; } } /* ==================== ROW: HEADING DIVIDER ==================== */ .row__type__divider { margin-top: -3rem; text-align: center; } .row__type__divider h2 { font-size: 3.2rem !important; margin: 6rem auto; border: none; } /* =============== PAGE: RESOURCES =============== */ .resources-global { background: url('/images/resources/Watermark-map.png') no-repeat right center; background-size: contain; } /* ============ PULLOUT STAT ============ */ .pullout-stat { text-align: right; } .pullout-stat p { line-height: 1.8em; font-size: 3rem; } .pullout-stat p span { line-height: 1em; display: inline-block; } .pullout-stat p .sum-highlight, .pullout-stat p strong { font-family: 'HelveticaNeueBold', Arial, sans-serif !important; } .pullout-stat p .sum-highlight { line-height: 1.1em; font-size: 2.5em !important; } @media (max-width: 900px) { .pullout-stat p { text-align: center; font-size: 2rem; } } /* ========== FOOTER CTA ========== */ .row__type__footer-cta { text-align: center !important; } .row__type__footer-cta h2 { margin-bottom: .5em; text-align: center; } /* ========== ROW: STEPS ========== */ .row__type__steps .step-number { font-size: .75em; line-height: 1em; display: block; } .row__type__steps .panel { position: relative; padding-left: 50px !important; } .row__type__steps .panel h2 { position: relative; padding-top: 0px; padding-bottom: .75em; margin-bottom: 1em; } .row__type__steps .panel h2:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: var(--color-teal); } .row__type__steps .panels .panel:before { z-index: -1; display: block; content: ''; font-size: 90px; transition: all .6s; top: 0; left: 5px; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal); opacity: .25; line-height: 1em; position: absolute; } .row__type__steps .panels .panel:nth-of-type(1):before { content: '01'; } .row__type__steps .panels .panel:nth-of-type(2):before { content: '02'; } .row__type__steps .panels .panel:nth-of-type(3):before { content: '03'; } .row__type__steps .panels .panel:nth-of-type(4):before { content: '04'; } .row__type__steps .panels .panel:nth-of-type(5):before { content: '05'; } .row__type__steps .panels .panel:nth-of-type(6):before { content: '06'; } /* Stepped Highlights */ .row__type__stepped-highlights .panels { display: block; } .row__type__stepped-highlights .panels .panel { width: 100%; position: relative; margin-bottom: 1rem; transition: all .6s; text-align: left; } .row__type__stepped-highlights .panels .panel .content { padding: 0; } .row__type__stepped-highlights .panels .panel:nth-of-type(even) { text-align: right; } .row__type__stepped-highlights .panels .panel img { width: 40%; } .row__type__stepped-highlights .panel .description { position: absolute; height: 100%; width: 50%; left: 40%; margin-left: -30px; display: flex; -webkit-align-items: center; align-items: center; justify-content: center; z-index: 90; } .row__type__stepped-highlights .description p { line-height: 1.1em; margin-bottom: 0 !important; font-size: 6rem; color: #fff; } .row__type__stepped-highlights .panel:nth-of-type(even) .description { left: auto; right: 40%; margin-left: 0; margin-right: -30px; } @media (max-width: 1200px) { .row__type__stepped-highlights .description p { font-size: 4rem; } } @media (max-width: 800px) { .row__type__stepped-highlights .panel .description { width: 60%; } .row__type__stepped-highlights .description p { font-size: 3.2rem; } } @media (max-width: 600px) { .row__type__stepped-highlights .panels .panel img { width: 100%; display: block; margin: 0 auto 4rem; } .row__type__stepped-highlights .panel .description { width: 100%; text-align: center; margin: 00 !important; left: auto !important; right: auto !important; position: relative; } .row__type__stepped-highlights .description p { margin-bottom: 2rem !important; } } /* Custom animations */ .row__type__stepped-highlights .panel.custom-animate-in { opacity: 1 !important; transition: opacity 1s; } .row__type__stepped-highlights .panel .description, .row__type__stepped-highlights .panel img { transition: transform 1s; } .row__type__stepped-highlights .panel:nth-of-type(odd) .description, .row__type__stepped-highlights .panel:nth-of-type(even) img { transform: translate(40px, 0); } .row__type__stepped-highlights .panel:nth-of-type(even) .description, .row__type__stepped-highlights .panel:nth-of-type(odd) img { transform: translate(-40px, 0); } .row__type__stepped-highlights .panel.custom-animate-in .description, .row__type__stepped-highlights .panel.custom-animate-in img { transform: translate(0, 0); } /* Group Categories */ .row__type__featured-categories .panels { flex-wrap: wrap; padding: 0 15px; } .row__type__featured-categories .panels .panel { flex-basis: 33.33%; } .row__type__featured-categories .panels .panel .content { padding: 0; } .row__type__featured-categories .panels p { font-size: 3.2rem; line-height: 1.2em; padding: 15px 0; color: var(--color-teal); transition: all .6s; } .row__type__featured-categories .panels a { display: block; color: var(--color-teal) !important; } .row__type__featured-categories .panels .image { transition: all .6s; padding: 0 60px 0 0; } .row__type__featured-categories .panel .description { padding-right: 60px; } .row__type__featured-categories .panel:hover .image { transform: scale(1.02); transform-origin: bottom center; } .row__type__featured-categories .panels .panel:hover p { transform: translate(0, 10px); } @media (max-width: 960px) { .row__type__featured-categories .panels .panel { flex-basis: 100%; margin-bottom: 2rem; } .row__type__featured-categories .panels .panel { flex-basis: 50%; } .row__type__featured-categories .panels .image { padding: 0 30px 0 0; } } @media (max-width: 600px) { .row__type__featured-categories .panels .panel { flex-basis: 100%; margin-bottom: 0; } .row__type__featured-categories .panels .image { padding: 0; } .row__type__featured-categories .panels p { font-size: 2.5rem; padding: 15px 0 15px 15px; } } /* Custom animations */ .row__type__featured-categories .panel { transform: translate(0,30px); } .row__type__featured-categories .panel.custom-animate-in { opacity: 1 !important; transform: translate(0,0); transition: all 1s; } .row__type__featured-categories .panel .description, .row__type__featured-categories .panel img { transition: transform 1s; } /* ====================== ANIMATE: CUSTOM TIMING ====================== */ .animate__animated.animate__delay-250ms { -webkit-animation-delay: 250ms; animation-delay: 250ms; } .animate__animated.animate__delay-500ms { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .animate__animated.animate__delay-750ms { -webkit-animation-delay: 750ms; animation-delay: 750ms; } .animate__animated.animate__delay-1000ms { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .animate__animated.animate__delay-1250ms { -webkit-animation-delay: 1250ms; animation-delay: 1250ms; } .animate__animated.animate__delay-1500ms { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; } .animate__animated.animate__delay-1750ms { -webkit-animation-delay: 1750ms; animation-delay: 1750ms; } .animate__animated.animate__delay-2000ms { -webkit-animation-delay: 2000ms; animation-delay: 2000ms; } .animate__animated.animate__delay-2250ms { -webkit-animation-delay: 2250ms; animation-delay: 2250ms; } .animate__animated.animate__delay-2500ms { -webkit-animation-delay: 2500ms; animation-delay: 2500ms; } .animate__animated.animate__delay-2750ms { -webkit-animation-delay: 2750ms; animation-delay: 2750ms; } /* ====================== FEATHERLIGHT - LOADING ====================== */ .featherlight-loading .featherlight-content { background-color: transparent; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo M%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='100%25' x2='0%25' y2='100%25' id='linearGradient-1'%3E%3Cstop stop-color='%236AE8CE' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2378E4EF' offset='99.9614155%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z' id='Combined-Shape' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: 100px; width: 140px; -webkit- border-radius: 20em; border-radius: 20em; height: 140px; min-width: 0; } .featherlight-loading .featherlight-content > * { display: none !important; } .featherlight-loading .featherlight-close, .featherlight-loading .featherlight-inner { display: none; } /* ========= RESOURCES ========= */ .panel-resource-group { position: relative; margin-top: 5rem; margin-bottom: 40px; background: var(--color-teal-tint-1); } .panel-resource-group .sidebar-image { position: absolute; top: 0; left: 0; width: 40px; height: 100%; height: calc(100% + 1px); background-size: cover; background-position: center; background-repeat: no-repeat; } .panel-resource-group .content { margin: 0 1rem 1rem; } .panel-resource-group .content h3 { font-family: 'HelveticaNeue', Arial, sans-serif; font-size: 2.6rem; margin-left: 50px; margin-top: 0; transform: translate(0, -1rem); } .panel-resource-group .content .listings { margin-top: 3rem; margin-left: 60px; } .panel-resource-group .content .listings ul, .panel-resource-group .content .listings ul li { list-style: none; padding: 0; margin: 0; } .panel-resource-group .content .listings ul li { margin-bottom: 2.5em; position: relative; } .panel-resource-group .content .listings .title { color: var(--color-gray); display: block; padding-bottom: 1rem; margin-bottom: 1rem; position: relative; font-size: 1.6rem; } .panel-resource-group .content .listings a.title:hover { color: #fff; } .panel-resource-group .content .note { display: block; color: var(--color-teal-tint-3); } /* ===================== PANELS: STEPPED CARDS ===================== */ .panels_stepped-cards { margin: 12rem auto 6rem; } .panels_stepped-cards .panel { position: relative; margin-bottom: 100px; } .panels_stepped-cards a { display: block; transition: all .6s; box-shadow: 0 0 30px rgba(0,0,0, .6); } .panels_stepped-cards a:hover { opacity: 1; transform: scale(1.02); } .panels_stepped-cards .panel:after { z-index: -1; display: block; content: ''; font-size: 120px; transition: all .6s; top: -80px; height: 120px; line-height: 120px; right: -20px; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal); opacity: 0; position: absolute; opacity: .25; } /* Slides numbered n+1 because first slide is a clone */ .panels_stepped-cards .panel:nth-of-type(1):after { content: '01'; } .panels_stepped-cards .panel:nth-of-type(2):after { content: '02'; } .panels_stepped-cards .panel:nth-of-type(3):after { content: '03'; } .panels_stepped-cards .panel:nth-of-type(4):after { content: '04'; } .panels_stepped-cards .panel:nth-of-type(5):after { content: '05'; } .panels_stepped-cards .panel:nth-of-type(6):after { content: '06'; } .panels_stepped-cards .panel:nth-of-type(7):after { content: '07'; } .panels_stepped-cards .panel:nth-of-type(8):after { content: '08'; } .panels_stepped-cards .panel:nth-of-type(9):after { content: '09'; } .panels_stepped-cards .panel:nth-of-type(10):after { content: '10'; } .panels_stepped-cards .panel:nth-of-type(odd):after { right: auto; left: -20px; } @media (min-width: 870px) { .panels_stepped-cards { margin-bottom: calc(2rem + 80px); } .panels_stepped-cards .panel:nth-of-type(odd) { transform: translate(20px, 0); } .panels_stepped-cards .panel:nth-of-type(even) { transform: translate(-20px, 80px); } } @media (min-width: 870px) { .panels_stepped-cards { margin-bottom: calc(2rem + 80px); } .panels_stepped-cards .panel:nth-of-type(odd) { transform: translate(20px, 0); } .panels_stepped-cards .panel:nth-of-type(even) { transform: translate(-20px, 80px); } } /* ====== EVENTS ====== */ .events-list .col-sm-3 img { width: 100%; max-width: 100%; } .events-list .row-2021-layout-sizes .col-sm-9 { padding-bottom: 4rem; } .events-list .row-2021-layout-sizes h2 { margin: 0 0 .75em; line-height: 1.4em; } @media (max-width: 767px) { .events-list .row-2021-layout-sizes h2 { margin-top: 2rem; } } /* =============== YOUNG LAW GROUP ============== */ .row__two-thirds-with-sidebar { } .row__two-thirds-with-sidebar .col-sm-12 { width: 60%; } .panels__numbered-grid { margin: 12rem 0 4rem 30px; flex-wrap: wrap; } .panels__numbered-grid .panel { width: 50%; min-height: 200px; position: relative; } .panels__numbered-grid .panel p { padding: 0 15px 0 60px; max-width: 20em; } .panels__numbered-grid .panel:after { z-index: -1; display: block; content: ''; font-size: 120px; transition: all .6s; top: -50px; height: 120px; line-height: 120px; left: 15px; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: var(--color-teal-tint-2); opacity: 0; position: absolute; opacity: .25; } /* Slides numbered n+1 because first slide is a clone */ .panels__numbered-grid .panel:nth-of-type(1):after { content: '01'; } .panels__numbered-grid .panel:nth-of-type(2):after { content: '02'; } .panels__numbered-grid .panel:nth-of-type(3):after { content: '03'; } .panels__numbered-grid .panel:nth-of-type(4):after { content: '04'; } .panels__numbered-grid .panel:nth-of-type(5):after { content: '05'; } .panels__numbered-grid .panel:nth-of-type(6):after { content: '06'; } .panels__numbered-grid .panel:nth-of-type(7):after { content: '07'; } .panels__numbered-grid .panel:nth-of-type(8):after { content: '08'; } .panels__numbered-grid .panel:nth-of-type(9):after { content: '09'; } .panels__numbered-grid .panel:nth-of-type(10):after { content: '10'; } .row-sub__footer { margin-left: 15px; } .row-sub__footer p { color: #fff; } .row-sub__footer_inset { } .row-sub__footer_inset { background: var(--color-teal-tint-3); padding: 30px; box-sizing: border-box; display: flex; } .row-sub__footer_inset h3 { position: relative; font-size: 2.6rem; padding-bottom: 1rem !important; font-family: 'HelveticaNeue', Arial, sans-serif; padding-right: 2em; margin: 0; } .row-sub__footer_inset h3, .row-sub__footer_inset p { margin-bottom: 0 !important; width: 50%; } .row-sub__footer_inset a.button { width: 100%; text-align: center; } .row-sub__footer_inset h3:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: #ccc; } @media (max-width: 960px) { .row__two-thirds-with-sidebar .title_block { width: 100%; min-width: auto; } .panels__numbered-grid .panel { width: 100%; margin-bottom: 10rem; min-height: 0; } } @media (max-width: 767px) { .row__two-thirds-with-sidebar .col-sm-12 { width: 100%; } .panels__numbered-grid { margin: 12rem 0 4rem 0; } .panels__numbered-grid .panel p { max-width: 100%; } .panels__numbered-grid .panel:after { } .row__two-thirds-with-sidebar { background: var(--color-teal); } .row__two-thirds-with-sidebar .m-masked-right { opacity: 0; } .row-sub__footer { margin-left: 0; } .row-sub__footer_inset { flex-wrap: wrap; } .row-sub__footer_inset h3, .row-sub__footer_inset p { width: 100%; } .row-sub__footer_inset p { margin-top: 2em; } } /* ====== LAWYER ====== */ .lawyer-profile-zone { width: 66.55%; margin-bottom: 6rem !important; margin: 0 auto 0 0; } .lawyer-profile-zone .PanelField { font-size: 2rem !important; } .lawyer-profile-zone table a { font-size: 1.6rem !important; } @media all and (max-width: 800px) { .lawyer-profile-zone { width: 100%; } } .lawyer-profile-zone #ctl01_TemplateBody_WebPartManager1_gwpciNewContactMiniProfileCommon_ciNewContactMiniProfileCommon_contactName_fullName { padding-bottom: 1rem; padding-top: 3rem; display: block; margin-bottom: 1rem; width: 100%; position: relative; margin-top: 0; font-size: 4rem; font-weight: normal !important; color: var(--color-teal); } .lawyer-profile-zone #ctl01_TemplateBody_WebPartManager1_gwpciNewContactMiniProfileCommon_ciNewContactMiniProfileCommon_contactName_fullName:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: var(--color-teal); } .lawyer-profile-zone img { width: auto !important; display: block; max-width: 250px !important; max-height: 250px !important; margin: 0 !important; filter: grayscale(1); } @media all and (max-width: 500px) { .lawyer-profile-zone img { max-width: 300px !important; } } /* Main content titles */ .lawyer-profile-attributes-zone span.Label { padding-bottom: 1rem; display: block; margin-top: 3rem; width: 100%; position: relative; font-size: 2.8rem !important; font-weight: normal !important; } .lawyer-profile-attributes-zone table tr:first-of-type span.Label { margin-top: 0; } .lawyer-profile-attributes-zone span.Label:after { position: absolute; bottom: 0; left: 7px; content: ''; width: 50%; max-width: 140px; height: 3px; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } .lawyer-profile-attributes-zone span.Label, .lawyer-profile-attributes-zone h2.panel-title, .lawyer-profile-practice-zone h2.panel-title { margin-bottom: 1rem !important; } /* Sidebar */ .lawyer-profile-sidebar-zone { background-color: var(--color-teal); margin-top: 10px; margin-bottom: 4.5rem; color: var(--color-white); } .lawyer-profile-sidebar-zone span { color: var(--color-white); } .lawyer-profile-sidebar-zone span.Label { width: 100%; padding-top: 1rem; font-size: 2rem; font-family: 'HelveticaNeue', Arial, sans-serif; font-weight: normal; } .lawyer-profile-sidebar-zone .iMIS-WebPart + .iMIS-WebPart { /* Corrects for double padding between blocks */ margin-top: -20px; } /* =================== RESOURCES MAIN PAGE =================== */ /* Specific fixes for the main resources page - has specific nesting */ .resources-global .row:nth-of-type(2), .resources-global .row:nth-of-type(3), .resources-dark-bg .row-2021-layout-sizes { padding-left: 30px; padding-right: 30px; } @media all and (max-width: 800px) { .resources-global .row:nth-of-type(2), .resources-global .row:nth-of-type(3), .resources-dark-bg .row-2021-layout-sizes { padding-left: 10px; padding-right: 10px; } } .lawyer-profile-attributes-zone span.Label { color: var(--color-teal); } .lawyer-profile-sidebar-zone tr td.TwoColumns { display: table-row; } .staff-portrait, .staff-portrait img { width: 100% !important; } .staff-portrait .email-icon img { width: auto !important; } @media all and (max-width: 800px) { .staff-portrait { margin-left: auto; margin-right: auto; } } .slick-slider { display: block; } @media (pointer: coarse) { .m-masked, .m-background, .row__two-thirds-with-sidebar .m-masked-right, .m-masked-gallery .gallery-item { background-attachment: scroll !important } } @media (min-width: 960px) { .cards-highlights { width: 75%; } .cards-highlights_definitions { width: 40%; } } /* ============= NEWS ARTICLES ============= */ /* Typography */ .news-article-template-2021 h1 { line-height: 6rem; font-size: 4.5rem !important; z-index: 80; max-width: 600px; padding-bottom: 0; background-clip: unset; -webkit-text-fill-color: unset; background: none; margin-bottom: 4.5rem; color: var(--color-teal); } .news-article-template-2021 h1:after { content: none; } .news-article-template-2021 p.intro { font-size: 2rem; color: var(--color-teal); } @media (max-width: 768px) { .news-article-template-2021 h1 { line-height: 4.2rem; font-size: 4rem !important; max-width: 100%; } } /* Images Sidebar */ .sidebar-image_desktop, .sidebar-image_mobile { margin-bottom: 4.5rem; } .sidebar-image_desktop { display: block; } .sidebar-image_mobile { display: none; } @media (max-width: 768px) { .sidebar-image_desktop { display: none; } .sidebar-image_mobile { display: block; } } /* Blockquote */ .news-article-template-2021 blockquote { position: relative; text-align: center; width: 75%; margin: 8rem auto; color: var(--color-teal); } .news-article-template-2021 blockquote:before, .news-article-template-2021 blockquote:after { position: absolute; bottom: 0; left: 50%; content: ''; width: 140px; margin-left: -70px; height: 3px; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } .news-article-template-2021 blockquote:before { top: -3rem; } .news-article-template-2021 blockquote:after { bottom: -3rem; } .news-article-template-2021 blockquote p { font-size: 2rem; } .news-article-template-2021 p strong { font-family: HelveticaNeue, sans-serif; color: var(--color-teal); } @media (max-width: 768px) { .news-article-template-2021 blockquote { width: 100%; } .news-article-template-2021 blockquote p { font-size: 1.8rem; } } /* News Authors */ .news-article-authors { margin-top: 1rem; float: left; margin-bottom: 8rem; position: relative; width: 100%; } .news-article-authors:before, .news-article-authors:after { position: absolute; bottom: 0; left: 0; content: ''; width: 140px; height: 3px; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } .news-article-authors:before { top: -3rem; } .news-article-authors:after { bottom: -3rem; } .news-article-authors h2 { line-height: 1.3em; margin-bottom: 0; } .news-article-author { float: left; width: 40%; margin-right: 5%; box-sizing: border-box; margin-top: 2rem; margin-bottom: 2rem; position: relative; padding-left: 100px; } .news-article-authors p { margin-bottom: 0; line-height: 1.5em; } .news-article-avatar { width: 80px; position: absolute; top: 0; left: 0; } .news-article-avatar img { border-radius: 20em; overflow: hidden; } @media (max-width: 1000px) { .news-article-author { width: 100%; } } @media (max-width: 768px) { .news-article-avatar { width: 60px; } .news-article-author { padding-left: 80px; position: relative; } .news-article-authors h2 { font-size: 2rem !important; } } /* Article Watermark */ .news-article-template-2021 { z-index: 90; overflow: hidden; position: relative; } .news-article-template-2021:after { content: ''; position: absolute; display: block; top: 10%; right: 0; width: 100%; height: 100%; opacity: 1; z-index: -10; background-repeat: no-repeat; background-position: top right; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='%23f0f0f0' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: 75%; } @media (max-width: 768px) { .news-article-template-2021:after { background-position: top left; background-size: 150%; } } .news-article-template-2021 .row p a { color: var(--color-teal); } .sectioned-response { box-sizing: border-box; padding: 3rem; margin-bottom: 3rem; background: #FFF; } .news-article-authors:before, .news-article-authors:after { content: none; } .sectioned-response_header { float: left; width: 100%; } @media all and (min-width: 800px) { .sectioned-response_header h2 { float: left; } .sectioned-response_header .news-article-authors { float: right; width: auto; margin-bottom: 4rem; } .sectioned-response_header .news-article-author { width: 100%; } .sectioned-response_header .news-article-authors, .sectioned-response_header .news-article-author { margin-top: 0; } .sectioned-response_header .news-article-author h2 { float: none; } } .sectioned-response h3 { color: #092021; font-family: HelveticaNeue, sans-serif; font-size: 2.1rem; } .gradient-divider { height: 3px; background: linear-gradient(90deg, #78E4EF 0%, #6AE8CE 100%); margin: 5rem auto; } .article-inset-numbering p, .article-inset-numbering h2, .article-inset-numbering h3 { margin-left: 8rem; } .feature-number { background: linear-gradient(90deg, #78E4EF 0, #6AE8CE .5em); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; font-family: 'HelveticaNeueBold', Arial, sans-serif; font-size: 8rem; line-height: 1em; margin: 0 !important; position: absolute; left: 0; } blockquote.blockquote-style-b { margin-top: 4rem; } blockquote.blockquote-style-b em { font-style: normal; font-size: .8em; font-family: 'HelveticaNeueBold', Arial, sans-serif; } blockquote.blockquote-style-b:before, blockquote.blockquote-style-b:after { background: #E6E6E6; } blockquote.blockquote-style-b:before { display: none; } .article-inset-numbering .no-margin-left p, .article-inset-numbering .no-margin-left h2, .article-inset-numbering .no-margin-left h3 { margin-left: 0; } /* Hiding expand/collapse text in IQA queries */ .rgHeader.rgExpandCol { color: transparent; } .RadGrid_MetroTouch .rgExpand { background-position: -17px -166px; } /* ====== GUIDES ====== */ /* Check these two lines */ /* th.rgHeader { display: none; } span.Label { display: none; }*/ /* Check these two lines */ /* Guides Title */ .guides__title { position: relative; overflow: hidden; padding: 30px; background: var(--color-teal); } .guides__title .iMIS-WebPart { position: static; z-index: 420; max-width: 50%; } .guides__title h1 { margin-bottom: 3rem; font-size: 7rem !important; } /* H1 equivlant */ #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountryInSectionHome_ciSelectedGuideCountryInSectionHome_Name, #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountry_ciSelectedGuideCountry_Name { margin-bottom: 3rem; display: block; line-height: 1.2em; font-weight: normal !important; padding-bottom: 25px; position: relative; text-transform: none; background: linear-gradient(to right, var(--color-blue), var(--color-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HelveticaNeueBold', Arial, sans-serif; font-size: 3rem !important; position: relative; padding-bottom: 2rem; font-weight: normal; margin-bottom: 2rem; } #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountryInSectionHome_ciSelectedGuideCountryInSectionHome_Name:after, #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountry_ciSelectedGuideCountry_Name:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50%; max-width: 140px; height: 3px; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } /* Country name */ #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountryInSectionHome_ciSelectedGuideCountryInSectionHome_Country, #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountry_ciSelectedGuideCountry_Country { display: block; line-height: 1.2em; font-weight: normal !important; position: relative; text-transform: none; color: #f4f4f4; font-family: 'HelveticaNeueBold', Arial, sans-serif; font-size: 3rem !important; position: relative; font-weight: normal; } .guides__title .intro { position: relative; z-index: 80; } .guides__title img { left: 0; bottom: 0; height: 100%; max-width: 9999em; min-width: 100%; width: auto; z-index: 0; position: absolute; } .guides__title p { color: #fff; line-height: 1.8em !important; font-size: 1.8rem; } .guides__title p.breadcrumb { display: block; color: #999; font-size: 1.8rem; } .guides__title .intro-image { position: absolute; right: 0; top: 0; height: 100%; width: 50%; } .guides__title .intro-image:after { position: absolute; z-index: 9; bottom: 0; left: 0%; content: ''; width: 50%; height: 100%; background: linear-gradient(90deg, rgba(9, 32, 33, 1) 0%, rgba(9, 32, 33, 0) 100%); } @media all and (max-width: 900px) { .guides__title .iMIS-WebPart { max-width: 100%; } .guides__title .intro-image { width: 100%; opacity: .5; } } /* Guides content */ .guides__content { } .guides__sidebar { } .guides__content_topic-list, .guides__content.guides__guide { padding-top: 1.5rem; } /* Guides Main Columns */ .row_guides_66-33 { margin-top: -10px !important; } .row_guides_66-33 .col-sm-8 { padding-right: 0; } .row_guides_66-33 .col-sm-4 { padding-left: 0; } .row_guides_66-33 .col-sm-8 .panel { padding-left: 4rem; padding-right: 4rem; } .row_guides_66-33 .col-sm-4 .panel { padding-left: 4rem; } @media all and (max-width:768px) { .guides__title, .row_guides_66-33 .col-sm-8, .row_guides_66-33 .col-sm-4, .row_guides_66-33 .col-sm-8 .panel { padding-left: 15px; padding-right: 15px; } } /* Guides Content */ .guides__content { padding-bottom: 4rem; background: #fff; } .guides__content .panel-body, .guides__sidebar .panel-body { padding: 0; } .guides__content_topic-list table td { background: #fff; padding: 0 !important; } .guides__content tr td { border-color: transparent !important; } .guides__content_topic-list table td a { display: block; font-size: 1.8rem; padding: .5em; padding-left: 2em; color: var(--color-teal) !important; font-family: 'HelveticaNeueBold', Arial, sans-serif; background: var(--color-gray-tint-3); position: relative; margin-bottom: 4px; } .guides__content_topic-list table td a:hover { background: #efefef; } .guides__content_topic-list table td a:before { content: ''; transition: all .6s; position: absolute; width: 1em; left: .5em; top: .7em; height: .8em; display: block; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Accordion' transform='translate(-15.000000, -23.000000)' fill='%23F9F9F9'%3E%3Cpolygon id='Rectangle' points='15 23 32 31.5 15 40'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .guides__content_topic-list table td a:hover:before { transform: translateX(.25em); } /* Sidebar */ .guides__content_topic-list table tr.rgRow, .guides__content_topic-list table tr.rgAltRow, .guides__sidebar table tr.rgRow, .guides__sidebar table tr.rgAltRow { background: transparent !important; } .guides__country-list { } .guides__country-list table td { padding: 0 !important; } .guides__country-list table tr { } .guides__country-list a { display: block; position: relative; padding: .1em .25em; padding-left: 2.5em; color: var(--color-teal) !important; } /* Country Flags */ .guides__country-list a:before { content: ''; position: absolute; width: 1.2em; left: .5em; top: .5em; height: 1em; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; } .guides__country-list a[title="Afghanistan"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AF.svg'); } .guides__country-list a[title="Albania"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AL.svg'); } .guides__country-list a[title="Andora"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AD.svg'); } .guides__country-list a[title="Argentina"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AR.svg'); } .guides__country-list a[title="Australia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AU.svg'); } .guides__country-list a[title="Austria"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/AT.svg'); } .guides__country-list a[title="Bosnia and Herzegovina"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/BA.svg'); } .guides__country-list a[title="Canada"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CA.svg'); } .guides__country-list a[title="Chile"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CL.svg'); } .guides__country-list a[title="China"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CN.svg'); } .guides__country-list a[title="Colombia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CO.svg'); } .guides__country-list a[title="Costa Rica"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CR.svg'); } .guides__country-list a[title="Croatia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/HR.svg'); } .guides__country-list a[title="Czech Republic"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CZ.svg'); } .guides__country-list a[title="Dominican Republic"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/DO.svg'); } .guides__country-list a[title="Egypt"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/EG.svg'); } .guides__country-list a[title="France"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/FR.svg'); } .guides__country-list a[title="Germany"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/DE.svg'); } .guides__country-list a[title="Hong Kong"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/HK.svg'); } .guides__country-list a[title="Hungary"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/HU.svg'); } .guides__country-list a[title="Ireland"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/IE.svg'); } .guides__country-list a[title="Italy"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/IT.svg'); } .guides__country-list a[title="Korea, Republic of"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/KR.svg'); } .guides__country-list a[title="Malaysia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/MY.svg'); } .guides__country-list a[title="Mexico"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/MX.svg'); } .guides__country-list a[title="Montenegro"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/ME.svg'); } .guides__country-list a[title="New Zealand"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/NZ.svg'); } .guides__country-list a[title="North Macedonia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/MK.svg'); } .guides__country-list a[title="Peru"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/PE.svg'); } .guides__country-list a[title="Philippines"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/PH.svg'); } .guides__country-list a[title="Poland"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/PL.svg'); } .guides__country-list a[title="Portugal"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/PT.svg'); } .guides__country-list a[title="Romania"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/RO.svg'); } .guides__country-list a[title="Serbia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/RS.svg'); } .guides__country-list a[title="Slovenia"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/SI.svg'); } .guides__country-list a[title="Spain"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/ES.svg'); } .guides__country-list a[title="Switzerland"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/CH.svg'); } .guides__country-list a[title="Thailand"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/TH.svg'); } .guides__country-list a[title="Turkey"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/TR.svg'); } .guides__country-list a[title="United Kingdom"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/GB.svg'); } .guides__country-list a[title="United States"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/US.svg'); } .guides__country-list a[title="United Rep of Tanzania"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/TZ.svg'); } .guides__country-list a[title="Uruguay"]:before { background-image: url('https://www.multilaw.com/App_Themes/Fullwidth_Responsive/images/SVG-flags/UY.svg'); } /* Column Headings */ h2.guides__column-heading { color: #fff; position: relative; box-sizing: border-box; padding: 1.5rem 2rem !important; margin-bottom: 30px; padding-left: 4rem; font-size: 2rem !important; font-weight: bold !important; font-family: 'HelveticaNeueBold', Arial, sans-serif; background: var(--color-teal-tint-1); } h2.guides__column-heading:after { position: absolute; content: ''; display: block; width: 20px; height: 20px; transform: rotate(45deg); bottom: -10px; left: 4rem; background: var(--color-teal-tint-1); } .guides__sidebar h2.guides__column-heading, .guides__sidebar h2.guides__column-heading:after { background: var(--color-teal-tint-2); } /* Disclaimer */ .guides__disclaimer { padding: 30px; margin-top: 3rem; background: #f1f1f1; } /* Editors */ .guides__editors { padding: 30px; margin-top: 3rem; background: #f1f1f1; } .guides__disclaimer .col-md-12 { padding: 0; } .guides__disclaimer h2 { color: #999; font-size: 2rem !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .guides__disclaimer h2:after { content: none; } .guides__disclaimer p { font-size: 1.3rem; line-height: 1.5em; } /* Temp hide blocks */ .guides__title .iMIS-WebPart:first-of-type, .guide-hide { display: none !important; } .guide-table-title { color: var(--color-teal); font-family: 'HelveticaNeueBold', Arial, sans-serif; } /* Content Formatting */ .guides__guide h3 { margin-top: 0; color: var(--color-teal); font-size: 2.4rem !important; font-weight: normal !important; } .guides__guide h4 { font-size: 1.6rem; font-weight: normal !important; font-family: 'HelveticaNeueBold', Arial, sans-serif; } .guides__guide h3 + h4 { } .guides__guide table { } .guides__guide table { max-width: 70%; margin: 0 auto 2em; font-size: 1.6rem !important; border-radius: 6px; overflow: hidden; border-bottom: none; background: var(--color-white); } .guides__guide table tr td { padding: .25em.5em !important; border-bottom: 2px solid var(--color-white) !important; } /* Country Links */ .guides__content .RadGrid a, .guides__content .RadGrid tr.rgSelectedRow td a { font-family: 'HelveticaNeueBold', Arial, sans-serif; position: relative; color: var(--color-teal) !important; } .guides__content .RadGrid a:after { width: .8em; height: .8em; margin-left: .5em; content: ''; transform: translate(0,0); transition: all .3s; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg height='12px' version='1.1' viewBox='0 0 9 12' width='9px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23999999' id='Core' transform='translate(-260.000000, -90.000000)'%3E%3Cg id='chevron-right' transform='translate(260.500000, 90.000000)'%3E%3Cpath d='M1,0 L-0.4,1.4 L4.2,6 L-0.4,10.6 L1,12 L7,6 L1,0 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .guides__content .RadGrid a:hover:after { transform: translate(4px, 0); } /* Hide from topic links + authors */ .guides__content .row_guides_popup .RadGrid a:after, .guides__content .guides__author-list .RadGrid a:after, .guides__content .guides__content_topic-list .RadGrid a:after { content: none !important; } /* Section Title */ #ctl01_TemplateBody_WebPartManager1_gwpciSelectionSectionBody_ciSelectionSectionBody_SectionTitle { display: block; padding-top: 0 !important; margin-bottom: 2rem; color: var(--color-teal); font-family: 'HelveticaNeueBold', Arial, sans-serif; line-height: 1.1em; font-size: 4rem !important; font-weight: normal !important; } .guides__author-list table, .guides__author-list table * { display: block; padding: 0 !important; margin: 0 !important; border: none !important; color: var(--color-teal); } .guides__author-list table thead { display: none; } .guides__author-list .panel { padding: 0 !important; } .guides__author-list .RadGrid.RadGrid_MetroTouch .rgSelectedRow { background: transparent !important; } .RadGrid_MetroTouch, .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable { border: none !important; background-color: transparent !important; } .row_guides_66-33 .RadGrid .rgRow, .RadGrid .rgAltRow, .row_guides_66-33 .RadGrid .rgHeader, .row_guides_66-33 .RadGrid .rgResizeCol, .row_guides_66-33 .RadGrid .rgPager, .row_guides_66-33 .RadGrid .rgGroupPanel, .row_guides_66-33 .RadGrid .rgGroupHeader { background: var(--color-white) !important; } body.guide-pop-up-active { height: 100vh; overflow: hidden; } .row_guides_popup { background: rgba(0,0,0,.6); opacity: 0; transition: all 1s; display: none; } body.guide-pop-up-active .row_guides_popup { top: 0; left: 0; position: fixed; width: 100%; height: 100vh; z-index: 9000; display: flex; padding: 5%; opacity: 1; align-content: center; background: rgba(0,0,0,.6); } .row_guides_popup .col-sm-12 { border-radius: 4px; background: #fff; width: 100%; transition: all 1s; height: auto; overflow-y: scroll; } .row_guides_popup table tbody { display: block; column-count: 3; } @media all and (max-width: 800px) { .row_guides_popup table tbody { column-count: 2; } } @media all and (max-width: 500px) { .row_guides_popup table tbody { column-count: 1; } } .row_guides_popup table tbody tr { break-inside: avoid; display: block !important; } .row_guides_popup .guides__country-list { height: 100%; } .RadGrid .rgRow, .RadGrid .rgAltRow { background: #fff !important; color: #999; } .RadGrid tr.rgSelectedRow td { color: #999 !important; } .row_guides_popup .pop-up-heading { margin-top: 3rem; position: relative; } .row_guides_popup .pop-up-heading h2 { display: inline-block; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 3rem !important; } .row_guides_popup .pop-up-heading p { position: absolute; top: 0; right: 0; margin-bottom: 0; } .row_guides_popup .pop-up-heading p a { font-size: 12px; color: var(--color-teal); } @media all and (max-width: 500px) { .row_guides_popup .pop-up-heading p { position: relative; text-align: right; } } /* Sidebar CTAs */ a.guide-cta, .back-to-country a { margin: 0 1em; text-align: center; font-size: 1.2em; display: block; line-height: 1em; padding: 1em 2em .8em; border: none; border-radius: 3px; color: var(--color-white) !important; background: var(--color-blue); transition: all .3s ease-in; max-width: 100%; box-sizing: border-box; box-shadow: 0 0 2px rgba(0,0,0,0); background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%); } a.guide-cta:hover { color: #fff; transform: translate(0,-3px); box-shadow: 0 10px 10px rgba(0,0,0,.1); } .back-to-country a { background: #999; } .back-to-country .panel { margin-bottom: 1rem; margin-top: 2rem; } .back-to-country .panel, .back-to-country .panel td { padding: 0 !important; } /* Table Icons */ .guides__guide table td { vertical-align: top !important; } table em.table-icon-yes, table em.table-icon-no { margin-top: 3px; text-indent: -99em; display: block; background-repeat: no-repeat; background-position: center; width: 1em; height: 1em; } table em.table-icon-yes { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 236.988 236.988' style='enable-background:new 0 0 236.988 236.988;' xml:space='preserve'%3E%3Cpolygon fill='%2378E4EF' points='198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 '/%3E%3C/svg%3E%0A"); } table em.table-icon-no { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cpolygon fill='%23E2845C' points='386.813,0 245,141.812 103.188,0 0,103.188 141.813,245 0,386.812 103.187,489.999 245,348.187 386.813,490 490,386.812 348.187,244.999 490,103.187 '/%3E%3C/svg%3E%0A"); background-size: .8em; } /* Guide Authors */ #ctl01_TemplateBody_WebPartManager1_gwpciGuideAuthorsByCountry_ciGuideAuthorsByCountry_ResultsGrid { padding: 0em 2em 2em; box-sizing: border-box; overflow: hidden !important; } #ctl01_TemplateBody_WebPartManager1_gwpciGuideAuthorsByCountry_ciGuideAuthorsByCountry_ResultsGrid_Grid1_ctl00 tr { margin-bottom: 2em !important; } #ctl01_TemplateBody_WebPartManager1_gwpciGuideAuthorsByCountry_ciGuideAuthorsByCountry_ResultsGrid_Grid1_ctl00 tr:last-of-type { margin-bottom: 0 !important; } #ctl01_TemplateBody_WebPartManager1_gwpciGuideAuthorsByCountry_ciGuideAuthorsByCountry_ResultsGrid_Grid1_ctl00 tr td:first-of-type { font-family: 'HelveticaNeueBold', Arial, sans-serif; } #ctl01_TemplateBody_WebPartManager1_gwpciGuideAuthorsByCountry_ciGuideAuthorsByCountry_ResultsGrid_Grid1_ctl00 tr td a { color: #999 !important; font-family: 'HelveticaNeue', Arial, sans-serif; } /* Country Title */ #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountry_ciSelectedGuideCountry__Body.panel-body, #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountryInSectionHome_ciSelectedGuideCountryInSectionHome__Body.panel-body { padding: 0 !important; } #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountry_ciSelectedGuideCountry_COUNTRY_NAME, #ctl01_TemplateBody_WebPartManager1_gwpciSelectedGuideCountryInSectionHome_ciSelectedGuideCountryInSectionHome_COUNTRY_NAME { color: #fff; font-size: 2rem; font-family: 'HelveticaNeueBold', Arial, sans-serif; } /* Fixes for Cloud version */ .row { --bs-gutter-x: 0; --bs-gutter-y: 0; } .card { background-color: transparent; background-clip: border-box; border: none; border-radius: 0; box-shadow: none; } .RadMultiPage { border-color: transparent; } .RadWindow { z-index: 900000; } /* =========== DATA POINTS =========== */ .datapoints_home { position: relative; background-image: url('https://www.multilaw.com/images/feature-datapoints-bkg/Multilaw_Shanghai.jpg'); background-size: cover; background-position: center; text-align: center; } .datapoints_home:after { position: absolute; content: ''; height: 100%; width: 100%; background-color: #092021; z-index: 8; display: block; top: 0; left: 0; opacity: .8; } .datapoints_home h2 { font-family: 'HelveticaNeueBold', Arial, sans-serif !important; font-size: 60px !important; margin-bottom: 0; } .datapoints_home .panels_three p { font-size: 2.2rem; width: 60%; margin: 0 auto; } @media (pointer: coarse) { .m-masked, .m-background, .row__two-thirds-with-sidebar .m-masked-right, .m-masked-gallery .gallery-item { background-attachment: scroll !important } } @media (min-width: 960px) { .cards-highlights { width: 75%; } .cards-highlights_definitions { width: 40%; } } /* =========== CONTENT HUBS =========== */ .row__type__contenthub .panel img, .row__type__contenthub-slider .panel img { transition: all .4s; transform: scale(1); box-shadow: 0 0 20px rgba(0,0,0,.3); } .row__type__contenthub .panel:hover img, .row__type__contenthub-slider .panel:hover img { transform: scale(1.05); box-shadow: 0 0 20px rgba(0,0,0,.8); } .row__type__contenthub .panel:hover img { transform: scale(1.03); /* Slight smaller as larger image */ } .row__type__contenthub .panel, .row__type__contenthub-slider .panel { padding: 40px; margin: 0 0px; } .row__type__contenthub-slider .panels { transform: translate(-50px, 0); width: calc(100% + 100px) !important; } .row__type__contenthub .panel:focus, .row__type__contenthub-slider .panel:focus { outline-style: none; } .row__type__contenthub-slider .slick-next { right: 30px; } .row__type__contenthub-slider .slick-prev { left: 30px; } @media (max-width: 700px) { .row__type__contenthub .panel, .row__type__contenthub-slider .panel { padding: 40px 10px; } .row__type__contenthub-slider .panels { transform: translate(-30px, 0); width: calc(100% + 60px) !important; } .row__type__contenthub-slider .panel { padding: 40px 40px; } } /* New Title options */ .row__type__titles_intro-w-image { border-bottom: 2px solid #3B4D4D; padding-bottom: 2rem; background-image: none; } .row__type__titles_intro-w-image p { box-sizing: border-box; margin-left: 5rem; color: #999; margin-bottom: .5em; font-size: 2rem; } .row__type__titles_intro-w-image .content { float: left; padding-right: 4rem; width: 50%; } .row__type__titles_intro-w-image h1 { margin-bottom: 2rem; width: 100%; } .row__type__titles_intro-w-image img { width: 50%; transition: opacity .6s; position: relative; right: auto; left: auto; top: auto; height: auto !important; float: right; } @media all and (max-width: 1100px) { .row__type__titles_intro-w-image { margin-left: 2rem; } .row__type__titles_intro-w-image img { max-width: 400px; margin: 0 auto; display: block; margin-top: 4rem; opacity: 1 !important; } .row__type__titles_intro-w-image p { margin-left: 2rem; } .row__type__titles_intro-w-image .content, .row__type__titles_intro-w-image img { float: none; padding-right: 0; width: 100%; } } @media all and (max-width: 700px) { .row__type__titles_intro-w-image p { margin-left: 0; } } body.content-hub-watermark { position: relative; } body.content-hub-watermark:before { content: ''; position: absolute; display: block; top: 0; left: 5%; width: 90%; height: 100%; opacity: .1; z-index: 80; background-repeat: no-repeat; background-position: top right; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='400px' height='274px' viewBox='0 0 400 274' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Logo-M' stroke='none' stroke-width='1' fill='%233B4D4D' fill-rule='evenodd'%3E%3Cpath d='M338.629,0 L307.655,112.838 L400.15,274.052 L200.074,113.298 L338.629,0 Z M61.521,0 L200.074,113.298 L0,274.052 L92.495,112.838 L61.521,0 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: contain; } /* Additional Cloud fixes */ /* Remove horrible bolding of labels */ label, .Label, .PanelFieldLabelFont, b, strong, .SectionLabel { font-weight: normal; font-family: 'HelveticaNeue', Arial, sans-serif; } .PanelFieldValue label { /* Where labels are sub fields */ font-family: 'HelveticaNeue', Arial, sans-serif; } /* Social Sprites - make them all gray */ .SocialSprite.LargeButtons { background-color: var(--color-teal-tint-4) !important; background-image: none !important; border-radius: 4px; opacity: 1 ; transition: all .4s; transform: scale(1); } .SocialSprite.LargeButtons:hover { transition: all .4s; transform: scale(1.1); } /* Padding fix where we have nexted columns - Account pages */ #ste_container_ciMyAccContentCollectionOrganizerCommon .col-sm-12, #ste_container_ciMyAccContentCollectionOrganizerCommon .col-md-6, #ste_container_ciMyAccContentCollectionOrganizerCommon .col-sm-6 { padding-left: 0; } /* Link on company profile */ #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName__Body a { position: relative; padding-right: 3rem; display: inline-block; line-height: 2.8rem !important; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23CCCCCC'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3E%3C/svg%3E"); background-position: right top; } #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName__Body a:hover { padding-right: 4rem; } /* Fix window layering */ /* OBO */ .RadWindow { z-index: 999999 !important; } /* Events IQA */ .simplePaginateList .col { flex: 0 0 auto; border-bottom: 1px solid var(--color-gray-tint-3); margin-bottom: 2rem !important; } @media all and (max-width: 702px) { .simplePaginateList .col .card-body div { flex-wrap: wrap; } .simplePaginateList .col .card-body div div { flex-grow: 1 !important; padding-left: 0 !important; } .simplePaginateList .col .card-body div div h2 { margin-top: 2rem; } } /* Pagination */ .pagination a { color: var(--color-teal); } .pagination .page-item.active .page-link { background: var(--color-blue); border-color: var(--color-blue); } /* ================ EVENT MICROSITES ================ */ .wrapper-events #masterContentArea, .wrapper-events .agm-biog-content h3 { margin-top: 0; } .wrapper-events header.header { margin-bottom: 0; position: static !important; } .wrapper-events header.header.active { position: fixed !important; } .wrapper-events header.header ul.rmRootGroup { display: flex !important; column-gap: 3rem; justify-content: flex-end; margin-right: 0rem !important; } .wrapper-events .ste-section { transform: translate(20px,-40px); } .wrapper-events #header-push, .wrapper-events .breadcrumb-obo-container { display: none; } .wrapper-events .multilaw-agc .row, .wrapper-events .multilaw-agc_heading .col-12 { margin-left: auto; margin-right: auto; max-width: 1100px!important; } .wrapper-events .multilaw-agc .col-12 { padding: 3rem; } .wrapper-events .multilaw-agc .iMIS-WebPart { margin-bottom: 2em; } .multilaw-agc a { opacity: 1!important; } .multilaw-agc h3 { color: #092021; } .multilaw-agc ul.checks { margin-left: 1em; padding-left: 0; list-style: none; } .multilaw-agc ul.checks li { position: relative; padding-left: 1.5em; } .multilaw-agc ul.checks li:before { position: absolute; color: #6ae8ce; left: 0; content: '\2713'; } .wrapper-events .multilaw-agc_heading .row, .wrapper-events .multilaw-agc_hero .row { max-width: 100%!important; } .wrapper-events .multilaw-agc_heading .row .col-12, .wrapper-events .multilaw-agc_hero .row .col-12 { padding-top: 0!important; } .wrapper-events .multilaw-agc_heading .iMIS-WebPart, .wrapper-events .multilaw-agc_hero .iMIS-WebPart { margin-bottom: 0; } .multilaw-agc_hero { margin-bottom: 3rem; } @media (max-width:768px) { .wrapper-events .multilaw-agc_hero .col-12 { padding-left: 0; padding-right: 0; } } .wrapper-events .multilaw-agc_heading .col-12 { position: relative; z-index: 90; background: 0 0; } .multilaw-agc_heading .row { position: relative; background-color: #092021; background-size: cover; background-position: center; text-align: center; padding-top: 7rem; padding-bottom: 5rem; margin-bottom: 3rem; } .multilaw-agc_heading .row:after { content: ''; width: 100%; height: 100%; background: #092021; z-index: 9; position: absolute; top: 0; left: 0; opacity: .5; display: block; } .multilaw-agc_heading p { margin-bottom: 0; text-transform: uppercase; letter-spacing: .05em; color: #fff; } .multilaw-agc_heading h1 { padding-bottom: 0; margin-bottom: 0; font-weight: 900!important; font-size: 7rem!important; } .header-top-container .header-container:after, .multilaw-agc_heading h1:after { content: none; } .multilaw-agc_heading .page-tab-switcher { text-align: center; background: #ccc; display: flex; position: absolute; width: 90%; left: 5%; bottom: -10rem; } .multilaw-agc_heading .page-tab-switcher a { font-size: 2rem; padding: 1rem 0 .5rem; color: #fff; display: inline-block; width: 50%; } .multilaw-agc_heading .page-tab-switcher a.active { box-shadow: 0 0 10px rgba(50,50,50,.4); background: linear-gradient(90deg,#78e4ef 0,#6ae8ce 100%); } @media all and (max-width:600px) { .page-tab-switcher { width: 100%; left: 0; } } @media (max-width:767px) { .multilaw-agc_hero img { width: 150%; margin-left: -25%; max-width: 9999em; } .multilaw-agc_heading h1 { font-size: 3.8rem!important; } .multilaw-agc_heading .page-tab-switcher { width: 120%; left: -10%; } } .agc-buttons a, .agc-next-steps h3 { text-align: center; font-size: 2.1rem; } .wrapper-events #hd.scrolled { background: 0 0; } .wrapper-events .scrolled .logo svg .logo-type { fill: #092021!important; } @media (min-width:1200px) { .wrapper-events-nav-inline .MegaDropDownMenuOuter { display: block; } .wrapper-events-nav-inline #ctl01_ciNewPrimaryNavigationCommon_NavControl_NavMenu { position: absolute; top: -50px; right: 0; } .wrapper-events-nav-inline .header-container { position: relative; } .wrapper-events-nav-inline .header .rmRootGroup>.rmItem:before { content: none!important; } .wrapper-events-nav-inline .header ul.rmRootGroup { display: block; margin: 0 30px 0 0!important; } .wrapper-events-nav-inline .header ul.rmRootGroup li.rmItem { width: auto!important; margin-bottom: 0!important; } .wrapper-events-nav-inline .header .rmRootLink { padding-bottom: 0!important; margin-bottom: 0!important; } .wrapper-events-nav-inline .header .rmRootLink:after { opacity: 0; bottom: -6px; width: 100%; max-width: 100%; } .wrapper-events-nav-inline .header .rmRootLink:hover:after { opacity: 1; } .wrapper-events-nav-inline .header .rmItem ul, .wrapper-events-nav-inline .header .rmItem.rmFirst, .wrapper-events-nav-inline .header .rmToggle, .wrapper-events-nav-inline .open-nav { display: none!important; } .wrapper-events-nav-inline .header .rmItem { margin-left: 1em; } .wrapper-events-nav-inline .header .rmItem a, .wrapper-events-nav-inline .header .rmItem span { font-size: 1.8rem!important; padding: 0!important; margin: 0!important; color: #092021!important; } .wrapper-events-nav-inline .header .rmItem a { font-weight: 800!important; } } .event-alert-banner { text-align: center; padding: 1em; background: #6ae8ce; } .event-alert-banner p { margin: 0; line-height: 1.4em; color: var(--color-teal); } .event-alert-banner_gray { background: #ddd; } .multilaw-agc_panels .row { padding-left: 2.5rem; padding-right: 2.5rem; } .multilaw-agc_panels .col-sm-4 { padding-left: 5px; padding-right: 5px; } .event-alert-banner .button { background: transparent !important; border: 2px solid var(--color-teal); color: var(--color-teal) !important; display: inline-block; margin-top: .5em; } .event-alert-banner .button:hover { transform: translate(0,0); } @media (max-width:740px) { .multilaw-agc_panels .col { width: 100% !important; } } .multilaw-agc_panels .item, .venue-mosaic-large { position: relative; } .multilaw-agc_panels .item .content { background: #092021; } .multilaw-agc_panels .item h2 { font-size: 2.25rem!important; } .multilaw-agc_panels .item h2 a { color: #fff; display: block; box-sizing: border-box; padding: 1em; text-align: center; } .agc-next-steps { margin-top: 2rem; padding-top: 4rem; border-top: 2px solid #ccc; } .agc-next-steps h3 { margin-top: 0; margin-bottom: 1em; } .agc-buttons p { float: left; width: 50%; } .agc-buttons p.full-width, .venue-mosaic-large .image, .venue-mosaic-large .image img { width: 100%; } .agc-buttons a { display: block; margin: 10px; padding: .75em; color: #fff; border-radius: 5px; background: linear-gradient(90deg,#78e4ef 0,#6ae8ce 100%); box-shadow: 0 0 15px transparent; } .agc-buttons a:hover { box-shadow: 0 0 10px rgba(0,0,0,.3); } .registration-form { margin-top: -8rem; position: relative; z-index: 90; padding: 2rem!important; box-sizing: border-box; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.3); } .venue-mosaic-large .image-1 { width: 66.66%; } .venue-mosaic-large .image-2, .venue-mosaic-large .image-3 { width: 33.33%; right: 0; position: absolute; } .venue-mosaic-large .image-2 { top: 0; } .venue-mosaic-large .image-3 { bottom: 0; } .venue-mosaic-small { float: left; width: 100%; } .venue-mosaic-small .image { float: left; width: 33.3%; } .venue-location { float: left; width: 99.9%; height: 450px; background: #092021; margin-top: -3.2rem; } .venue-location .venue-location-address { padding: 3rem; background: #092021; box-sizing: border-box; float: left; width: 33.33%; } .venue-location .venue-location-map { float: left; width: 66.66%; } .venue-location .venue-location-map iframe { height: 450px!important; width: 100%!important; } .venue-location .venue-location-address h2 { color: #fff; } .multilaw-agc_programme .row { padding-top: 6rem; border-top: 2px solid #ccc; } .programme-times { box-sizing: border-box; padding-left: 4rem; border-left: 3px solid #092021; } .programme-times h3 { float: left; width: 30%; padding-right: 2em; box-sizing: border-box; margin-top: .25em; } .multilaw-agc_programme .programme-times img { margin-bottom: 2rem; border-radius: 14px; overflow: hidden; } .programme-times p { width: 70%; float: left; line-height: 1.5em; margin-bottom: 3rem; } .programme-times p.full-width { width: 100%; } .programme-times a { text-decoration: underline } .programme-times a.biography-link { color: #78e4ef; text-decoration: none; } .programme-times a.biography-link:after { content: ' \00BB'; } .programme-times strong { color: #092021!important; font-size: 2rem; } .keynote-item { background: #092021; margin-bottom: 3rem; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,.2); box-sizing: border-box; padding: 30px; width: calc(100% + 60px); transform: translate(-30px,0); float: left; } .keynote-item h3, .keynote-item p strong { color: #fff!important; } .keynote-item p { color: #fff; margin-bottom: 0!important; } .keynote-flag { background: linear-gradient(90deg,#78e4ef 0,#6ae8ce 100%); display: inline-block; line-height: 1em!important; padding: 6px 6px 2px!important; margin-bottom: 10px; border-radius: 2px; color: #092021; font-size: .8em; letter-spacing: .1em; font-weight: 400; font-family: HelveticaNeueBold,Arial,sans-serif; } .programme-date h2 { line-height: 0; text-align: right; } .programme-date span { font-size: 20px; display: block; height: 20px; margin: 0!important; line-height: 20px!important; } .agm-biog-content h2, .programme-date .date { display: inline-block; background: linear-gradient(90deg,#78e4ef 0,#6ae8ce 100%); -webkit-text-fill-color: transparent; font-family: HelveticaNeueBold,Arial,sans-serif!important; } .programme-date .date { margin: 5px 0!important; font-size: 90px!important; height: 90px!important; line-height: 90px!important; -webkit-background-clip: text; } .programme-date .month { transform: translateY(-20px); } @media (max-width:800px) { .agc-buttons p { clear: left; width: 100%; } .venue-mosaic-large { padding-bottom: 150%; } .venue-mosaic-large .image { width: 100%; position: absolute; top: auto; bottom: 0; } .venue-mosaic-large .image-1 { top: 0; } .venue-mosaic-large .image-2, .venue-mosaic-large .image-3 { width: 50%; } .venue-mosaic-large .image-2 { left: 0; } .venue-mosaic-large .image-3 { bottom: 0; } .venue-location { background: 0 0; height: auto; } .venue-location .venue-location-address, .venue-location .venue-location-map { width: 100%; } .programme-date h2 { margin-bottom: 0; text-align: left; } .programme-times h3, .programme-times p { float: left; clear: left; width: 100%!important; padding-right: 0; } .keynote-item { padding: 20px; width: calc(100% + 40px); transform: translate(-20px,0); } .multilaw-agc_programme .col { width: 100%; } .multilaw-agc_programme .programme-times { padding-left: 0; border: none; } .multilaw-agc_programme .programme-date .date { height: 70px !important; margin-bottom: 10px !important; line-height: 70px !important; font-size: 70px !important; } } .agm-biog-picture { float: left; width: 150px; overflow: hidden; border-radius: 100%; margin-right: 50px; } .agm-biog-content { float: left; width: calc(100% - 220px); box-sizing: border-box; } .agm-biog-content h2 { line-height: 1.1em; font-size: 4rem; margin-top: 0; -webkit-background-clip: text; } @media all and (max-width:780px) { .agm-biog-picture { margin-right: 0; } .agm-biog-content { float: left; clear: left; width: 100%; margin-top: 3rem; } .multilaw-agc_programme { padding-left: 20px; padding-right: 20px; } } /* ================ MULTILAW CONNECT ================ */ #MainBody { overflow-x: hidden; } .wrapper-multilawconnect #masterContentArea { margin-bottom: 0; } /* .wrapper-multilawconnect .header { background: var(--color-teal); }*/ /* Teal backgrounds */ .multilaw-connect__hero, .multilaw-connect__cta, .multilaw-connect__browse, .multilaw-connect__introduction, .multilaw-connect__whyjoin { background: var(--color-teal); padding-left: 20px; padding-right: 20px; color: #fff; position: relative; } .multilaw-connect__hero:before, .multilaw-connect__cta:before, .multilaw-connect__browse:before, .multilaw-connect__hero:after, .multilaw-connect__cta:after, .multilaw-connect__browse:after { content: ''; position: absolute; display: block; top: 0; right: 100%; width: 100vw; height: 100%; z-index: 1; background: var(--color-teal); } .multilaw-connect__hero:after, .multilaw-connect__cta:after, .multilaw-connect__browse:after { right: auto; left: 100%; } /* Symbol decoration */ .multilaw-connect__introduction, .multilaw-connect__whyjoin { overflow: hidden; } .multilaw-connect__introduction:after, .multilaw-connect__whyjoin:after { content: ''; position: absolute; display: block; top: -15%; left: -20%; width: 50%; height: 120%; z-index: 1; opacity: .05; background-image: url("https://multilaw.com/images/multilaw-connect/multilaw-connect-symbol.svg"); background-repeat: no-repeat; background-position: center ; background-size: contain; } .multilaw-connect__whyjoin:after { top: 0; left: 60%; height: 100%;} .wrapper-multilawconnect .header .logo { transform: translate(0,-16px); width: 285px !important;} .wrapper-multilawconnect .header .logo a { display: block; height: 65px; } .wrapper-multilawconnect .header .logo svg { width: 100%; height: auto; } .wrapper-multilawconnect .header .logo svg path#Multilaw, .wrapper-multilawconnect .header .logo svg #Connect path { fill: var(--color-teal); } .wrapper-multilawconnect .header.scrolled .logo svg path#Multilaw, .wrapper-multilawconnect .header.scrolled .logo svg #Connect path, .expanded-menu .wrapper-multilawconnect .header .logo svg path#Multilaw, .expanded-menu .wrapper-multilawconnect .header .logo svg #Connect path { fill: revert-layer; } @media all and (max-width:760px) { .wrapper-multilawconnect .header-top-container { height: 90px; } .wrapper-multilawconnect .header .logo { width: 185px !important; transform: none !important; } .wrapper-multilawconnect .header .logo a { height: 40px; } } /* Hero */ .multilaw-connect__hero { padding-top: 30px; padding-bottom: 30px; text-align: center; } .multilaw-connect-banner { margin-bottom: 30px; } .multilaw-connect__hero p { font-size: 3rem; max-width: 800px; margin: 6rem auto; line-height: 1.3em; color: var(--color-white); } @media all and (max-width:600px) { .multilaw-connect__hero p { margin: 0 20px; font-size: 1.8rem; } } /* Headings */ .multilaw-connect__heading .col { padding: 0; } .mlc__heading { overflow: hidden; position: relative; text-align: center; margin-bottom: 0; } .mlc__heading .heading__text { position: absolute; z-index: 7; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .mlc__heading .heading__image { width: 100%; object-fit: cover; height: auto; } .mlc__heading .heading__image img { max-width: unset; height: auto; } .mlc__heading .heading__text h1 { font-weight: bold !important; font-size: 7rem !important; } .mlc__heading .heading__text h1:after { display: none; } .mlc__heading .heading__text p { color: #fff; text-transform: uppercase; font-size: 2rem; letter-spacing: 0.05em; } .mlc__heading .heading__text h1, .mlc__heading .heading__text p { width: 100%; padding: 0; } @media all and (max-width:1000px) { .mlc__heading .heading__image { overflow: hidden; } .mlc__heading .heading__text h1 { font-size: 5rem !important; } } /* Headings - Alt */ .mlc__heading_alt .col { padding: 0; } .mlc__heading_alt { position: relative; margin-bottom: 6rem; display: flex; margin: 0 30px; padding-bottom: 3rem; border-bottom: 2px solid var(--color-gray-tint-3); justify-content: space-between; } .mlc__heading_alt .heading__text { display: flex; align-items: center; } .mlc__heading_alt h1 { color: var(--color-teal); background: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; font-size: 8rem !important; } .mlc__heading_alt h1::after { background: var(--color-teal); } @media all and (max-width:760px) { .mlc__heading_alt { flex-wrap: wrap; } .mlc__heading_alt .heading__text, .mlc__heading_alt .heading__image { width: 100%; } .mlc__heading_alt h1 { margin-top: 6rem; font-size: 5rem !important; } } /* Introduction - Why MC */ .multilaw-connect__introduction p, .multilaw-connect__whyjoin p, .multilaw-connect__whyjoin li { font-size: 2.3rem; line-height: 1.6em; } .multilaw-connect__introduction .ContentItemContainer { max-width: 1300px; padding: 5rem 0; margin: 0 auto; } .multilaw-connect__whyjoin .center-sign-off { max-width: 1200px; text-align: center; padding: 5rem 0; margin: 0 auto;} /* Video Alignment */ .why-join-reasons { padding-top: 16rem !important; } .multilaw-connect__introduction { padding-bottom: 12rem !important; } .multilaw-connect__video { height: 300px; z-index: 9; position: relative; } .multilaw-connect-preview-video { height: 54rem; margin: 0 auto; text-align: center; transform: translate(0, -14rem); } .multilaw-connect-preview-video a { display: inline-block; background: var(--color-teal); opacity: 1 !important; box-shadow: 0 0 12px rgba(0,0,0,0); transition: all .5s } .multilaw-connect-preview-video img { height: 54rem !important; width: auto; } .multilaw-connect-preview-video a:hover { transform: scale(1.05); box-shadow: 0 0 12px rgba(0,0,0,.3);} /* General Intro */ .mcl-introduction { max-width: 1300px; padding: 5rem 30px; margin: 0 auto; } .mcl-introduction p { color: var(--color-teal); font-size: 2.3rem; line-height: 1.6em; } @media all and (max-width:600px) { .mcl-introduction { padding: 5rem 0; margin: 0 20px; } .mcl-introduction p { font-size: 1.8rem; } } /* Why Join */ .why-join-reasons { display: flex; padding: 3rem; padding-top: 12rem; max-width: 1300px; margin: 0 auto 3rem; position: relative; z-index: 4; } .why-join-reasons__bullets { position: relative; overflow: hidden; margin-right: 3rem; flex-grow: 1; padding: 3rem 5rem; background: var(--color-teal); } .why-join-reasons__bullets:before { content: ''; position: absolute; display: block; top: -50%; left: 55%; width: 50%; height: 100%; z-index: 1; opacity: .05; background-image: url("https://multilaw.com/images/multilaw-connect/multilaw-connect-symbol.svg"); background-repeat: no-repeat; background-position: center ; background-size: contain; } .why-join-reasons__bullets { box-shadow: 0 0 12px rgba(0,0,0,.3); } .why-join-reasons__explore { box-shadow: 0 0 12px rgba(255,255,255,.3); } .why-join-reasons__bullets:after { content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 15px; height: 100%; z-index: 1; background: linear-gradient(var(--color-green), var(--color-blue)); } .why-join-reasons__bullets h2 { display: inline-block; font-weight: 500; position: relative; text-transform: none; font-size: 3.6rem !important; background: linear-gradient(to right, var(--color-blue), var(--color-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .why-join-reasons__bullets ul { list-style: none; padding: 0; margin-left: 1rem; } .why-join-reasons__bullets li { padding: 0 0 0 4rem; position: relative; margin-bottom: .3em; } .why-join-reasons__bullets li:after { content: ''; position: absolute; display: block; top: 0; left: 0; width: 1em; height: 1em; z-index: 1; background-image: url("https://multilaw.com/images/multilaw-connect/multilaw-connect-symbol.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .why-join-reasons__explore { background: var(--color-teal); display: flex; justify-content: center; align-items: center; } .why-join-reasons__explore a { display: block; } .why-join-reasons__explore img { width: 325px; height: 3250px; } .multilaw-connect__whyjoin .col { position: relative; z-index: 3; } @media all and (max-width:980px) { .multilaw-connect__video { height: auto; } .multilaw-connect-preview-video { height: auto; width: 100%; transform: translate(0, 0); } .multilaw-connect-preview-video img { width: 100%; height: auto !important; } .why-join-reasons { padding-top: 12rem !important; } .multilaw-connect__introduction { padding-bottom: 0rem !important; } .why-join-reasons { flex-wrap: wrap; padding: 0; justify-content: center; margin-bottom: 6rem; row-gap: 3rem; } .why-join-reasons__explore { width: 100%; } .why-join-reasons__bullets { margin-right: 0; } } @media all and (max-width:760px) { .multilaw-connect__introduction p, .multilaw-connect__whyjoin p, .multilaw-connect__whyjoin li { font-size: 1.8rem; } .why-join-reasons__bullets h2 { font-size: 2.6rem !important; margin-bottom: .5em; } .why-join-reasons__explore img { width: 200px; height: 200px; } } /* Buttons */ .multilaw-connect__cta { padding-left: 20px; padding-right: 20px; } .button_multilawconnect { font-size: 3.6rem; padding: .5em 1em .4em; } .button_multilawconnect-large { font-size: 6.3rem; } .watermark-button_wrapper { position: relative; margin: 6rem auto; } .watermark-button_wrapper:after { content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 100%; opacity: .2; z-index: 1; background-image: url("https://multilaw.com/images/multilaw-connect/multilaw-connect-symbol.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 8s; } .watermark-button_wrapper a { margin: 6rem auto; position: relative; z-index: 3; } @media all and (max-width:760px) { .button_multilawconnect { font-size: 2.6rem; } .button_multilawconnect-large { font-size: 3rem; } } @media all and (max-width:500px) { .button_multilawconnect { font-size: 2.2rem; } .button_multilawconnect-large { font-size: 2.6rem; } } /* Content Browser */ .mlc_content-browser { position: relative; } .mlc_content-browser::before, .mlc_content-browser:after { content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 80px; height: 100%; z-index: 1; background: linear-gradient(90deg, rgba(9, 32, 33, 1), rgba(9, 32, 33, 0)); } .mlc_content-browser:after { left: auto; right: 0; background: linear-gradient(90deg, rgba(9, 32, 33, 0), rgba(9, 32, 33, 1));} .mlc_content-browser .item { background: #fff; margin: 10px 30px; transition: all .3s; box-shadow: 0 0 0 rgba(100,100,100,0);} .mlc_content-browser .item:hover { transform: scale(1.02); box-shadow: 0 0 10px rgba(100,100,100,1);} .mlc_content-browser .item_title { text-align: center; font-size: 3.3rem; padding: 2.5rem; color: var(--color-teal); } .mlc_content-browser img { width: 100%; } @media all and (max-width:1200px) { .mlc_content-browser .item_title { font-size: 2.4rem; } } @media all and (max-width:1000px) { .mlc_content-browser::before, .mlc_content-browser:after { display: none; } .mlc_content-browser { margin-top: 2rem; } .mlc_content-browser .item { margin: 0 auto 4rem; max-width: 700px; } } @media all and (max-width:600px) { .mlc_content-browser .item_title { font-size: 2rem; } } /* Slider arrows */ .mlc_content-browser .slick-arrow:before { content: none; } .mlc_content-browser .slick-arrow { background-size: cover; width: 50px; height: 80px; transition: all .4s; z-index: 90; } .mlc_content-browser .slick-next { right: -30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='62px' height='100px' viewBox='0 0 62 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' fill='%23FFFFFF' fill-rule='nonzero' points='11.656 100 61.656 50 11.656 0 0 11.672 38.328 50 0 88.328'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); } .mlc_content-browser .slick-prev { left: -30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='62px' height='100px' viewBox='0 0 62 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' fill='%23FFFFFF' fill-rule='nonzero' transform='translate(30.828, 50) scale(-1, 1) translate(-30.828, -50)' points='11.656 100 61.656 50 11.656 0 0 11.672 38.328 50 0 88.328'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); } .mlc_content-browser .slick-next:hover { right: -40px; } .mlc_content-browser .slick-prev:hover { left: -40px; } /* Multilaw Connect - Events */ .multilaw-connect .event-panel { margin: 6rem auto; padding: 0 30px; display: flex; max-width: 1200px; column-gap: 3rem; } .multilaw-connect .event-panel p, .multilaw-connect .event-panel h2 span.day, .multilaw-connect .event-panel h2 span.month { font-size: 2rem; color: var(--color-teal); } .multilaw-connect .event-panel h2 { line-height: 3rem; } .multilaw-connect .event-panel h2 span.date { font-size: 8rem; line-height: 1em; padding: 10px 0 0; font-family: 'HelveticaNeueBold'; background: linear-gradient(to right, var(--color-blue), var(--color-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .multilaw-connect .event-panel h2 span.month { transform: translateY(-.75em); display: block; } .multilaw-connect .event-panel .event-panel__date, .multilaw-connect .event-panel .event-panel__time, .multilaw-connect .event-panel .event-panel__details { } .multilaw-connect .event-panel .event-panel__date, .multilaw-connect .event-panel .event-panel__time { flex: 0} .multilaw-connect .event-panel .event-panel__details h3 { font-family: 'HelveticaNeueBold'; font-weight: normal; color: var(--color-teal); font-size: 2.3rem; margin-bottom: 0; } .multilaw-connect .event-panel .event-panel__details p.location { margin-top: 0; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-teal-tint-4); } .multilaw-connect .event-panel .event-panel__details img { border-radius: 14px; overflow: hidden; } .multilaw-connect .event-panel .event-panel__date { width: 38rem; text-align: right; } .multilaw-connect .event-panel .event-panel__time { width: 63rem; border-left: 5px solid var(--color-green); padding-left: 3rem; } .multilaw-connect .event-panel .event-panel__details p { margin-top: 2rem; line-height: 1.6em; } .multilaw-connect .event-panel .event-panel__time p { white-space: nowrap; } @media all and (max-width:900px) { .multilaw-connect .event-panel { flex-wrap: wrap; } .multilaw-connect .event-panel .event-panel__date { text-align: left; } .multilaw-connect .event-panel .event-panel__time { width: 100%; border-left: none; padding-left: 0; margin: 2rem auto; } .multilaw-connect .event-panel .event-panel__date, .multilaw-connect .event-panel .event-panel__time { flex: 1; width: 100%; flex-basis: 100%;} .multilaw-connect .event-panel h2 span { transform: translate(0) !important; display: inline-block !important; } .multilaw-connect .event-panel h2 br { display: none; } .multilaw-connect .event-panel h2 span.date { font-size: 5rem; } .multilaw-connect .event-panel p { font-size: 1.8rem; } .event-panel__time p {white-space: wrap; } } /* Multilaw Connect registration form tweaks */ .field-Signup { padding: 1em; background: #6AE8CE22; border: 1px solid #6AE8CE; } .field-Signup label.formbuilder-checkbox-group-label { display: none; } .formbuilder-button { margin: 4rem auto !important; } .formbuilder-button #Submit { font-size: 1.3em; display: block; width: 100%; line-height: 1.2em; padding: 1em 2em .5em; height: auto; border: none; border-radius: 3px; color: var(--color-white) !important; background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-green) 100%) !important; transition: all .3s ease-in; box-shadow: 0 0 2px rgba(0,0,0,0); } /* ======= ACADEMY ======= */ .multilaw-academy .row, .multilaw-academy_heading .col-12 { margin-left: auto; margin-right: auto; max-width: 1100px !important; } .multilaw-academy .col-12 { padding: 3rem; } .multilaw-academy .iMIS-WebPart { margin-bottom: 2em; } .multilaw-academy a { opacity: 1 !important; } .multilaw-academy h3 { color: #092021; } .multilaw-academy ul.checks { margin-left: 1em; padding-left: 0; list-style: none; } .multilaw-academy ul.checks li { position: relative; padding-left: 1.5em; } .multilaw-academy ul.checks li:before { position: absolute; color: #6AE8CE; left: 0; content: '\2713'; } .multilaw-academy_hero .row, .multilaw-academy_heading .row { max-width: 100% !important; } .multilaw-academy_hero .row .col-12, .multilaw-academy_heading .row .col-12 { padding-top: 0 !important; } .multilaw-academy_hero .iMIS-WebPart, .multilaw-academy_heading .iMIS-WebPart { margin-bottom: 0; } /* Hero */ .multilaw-academy_hero { margin-bottom: 3rem; } @media (max-width: 768px) { .multilaw-academy_hero .col-12 { padding-left: 0; padding-right: 0; } } /* Headings */ .multilaw-academy_heading .col-12 { position: relative; z-index: 90; background: transparent; } .multilaw-academy_heading .row { position: relative; background-color: #092021; background-size: cover; background-position: center; } .multilaw-academy_heading .row:after { content: ''; width: 100%; height: 100%; background: #092021; z-index: 9; position: absolute; top: 0; left: 0; opacity: .5; display: block; } .multilaw-academy_heading .row { text-align: center; padding-top: 7rem; padding-bottom: 5rem; margin-bottom: 3rem; } .multilaw-academy_heading p { margin-bottom: 0; text-transform: uppercase; } .multilaw-academy_heading h1 { padding-bottom: 0; margin-bottom: 0; font-weight: 900 !important; font-size: 7rem !important; } .multilaw-academy_heading h1:after { content: none; } .multilaw-academy_heading p { letter-spacing: .05em; color: #fff; } .multilaw-academy_heading .page-tab-switcher { text-align: center; background: #ccc; display: flex; position: absolute; width: 50%; left: 25%; bottom: 1.5rem; } .multilaw-academy_heading .page-tab-switcher a { font-size: 2rem; padding: 1rem 0 .5rem; color: #fff; display: inline-block; width: 50%; } .multilaw-academy_heading .page-tab-switcher a.active { box-shadow: 0 0 10px rgba(50, 50, 50, .4); background: linear-gradient(90deg, #78E4EF 0%, #6AE8CE 100%); } .multilaw-academy_heading .page-tab-switcher { width: 90%; left: 5%; bottom: -10rem; } @media all and (max-width: 600px) { .multilaw-academy_heading .page-tab-switcher { width: 100%; left: 0; } } @media (max-width: 767px) { .multilaw-academy_heading h1 { font-size: 3.8rem !important; } .multilaw-academy_heading .page-tab-switcher { width: 120%; left: -10%; } } .academy-dates { text-align: center; margin: 5rem auto 0rem; } .academy-dates p { font-size: 2rem; font-family: 'HelveticaNeueBold', Arial, sans-serif; color: #092021; margin-bottom: 0; } /* Panels */ .multilaw-academy_panels .row { padding-left: 2.5rem; padding-right: 2.5rem; } .multilaw-academy_panels .col-sm-6 { padding-left: 15px; padding-right: 15px; } .multilaw-academy_panels .item { background: #092021; position: relative; } .multilaw-academy_panels .item .image {} .multilaw-academy_panels .item .content { background: #092021; } .multilaw-academy_panels .item h2 { font-size: 2.25rem !important; } .multilaw-academy_panels .item h2 a { color: #fff; display: block; box-sizing: border-box; padding: 1em; text-align: center; } @media (max-width: 767px) { .multilaw-academy_panels .col { width: 100%; } } /* Simple Articles */ .news-article-title { margin-top: 6rem; } @media (max-width: 767px) { .news-article .row { padding-left: 20px; padding-right: 20px; } }