/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 15 April 2020 16:30:08
*/


/**
 * version: {{version}}
 * file:    {{file}}
 * author:  Squiz Australia
 *
 * Table of Contents
 *
 * Modules
{{toc}}
 */
/*
--------------------
Box shadow
--------------------
*/
/*
--------------------
Greyscale images
--------------------
*/
/*
--------------------
Modules
--------------------
*/
.test {
    color: black;
}

body {
    left: 0 !important;
}

.container {
    max-width: 960px;
    margin: 0 auto;
}

.tablet-button {
    display: none;
}

.cleared-border {
    border: none !important;
}

.content-page table {
    width: 100%;
    background: #ffffff;
    border: 1px solid #d2d4d5;
    padding: .5em;
}

.content-page table th {
    text-align: left;
    color: #be161d;
}

.content-page table th, .content-page table td {
    padding: 1em 2em;
    border-top: 1px solid #d2d4d5;
}

/*
--------------------
Grid styles
--------------------
*/
.grid-1 {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.04167%;
    *width: 6.24995%;
    *margin: 0 1.04162%;
}

.grid-2 {
    display: inline;
    float: left;
    width: 14.58333%;
    margin: 0 1.04167%;
    *width: 14.58328%;
    *margin: 0 1.04162%;
}

.grid-3 {
    display: inline;
    float: left;
    width: 22.91667%;
    margin: 0 1.04167%;
    *width: 22.91662%;
    *margin: 0 1.04162%;
}

.grid-4 {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04167%;
    *width: 31.24995%;
    *margin: 0 1.04162%;
}

.grid-5 {
    display: inline;
    float: left;
    width: 39.58333%;
    margin: 0 1.04167%;
    *width: 39.58328%;
    *margin: 0 1.04162%;
}

.grid-6 {
    display: inline;
    float: left;
    width: 47.91667%;
    margin: 0 1.04167%;
    *width: 47.91662%;
    *margin: 0 1.04162%;
}

.grid-7 {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.04167%;
    *width: 56.24995%;
    *margin: 0 1.04162%;
}

.grid-8 {
    display: inline;
    float: left;
    width: 64.58333%;
    margin: 0 1.04167%;
    *width: 64.58328%;
    *margin: 0 1.04162%;
}

.grid-9 {
    display: inline;
    float: left;
    width: 72.91667%;
    margin: 0 1.04167%;
    *width: 72.91662%;
    *margin: 0 1.04162%;
}

.grid-10 {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.04167%;
    *width: 81.24995%;
    *margin: 0 1.04162%;
}

.grid-11 {
    display: inline;
    float: left;
    width: 89.58333%;
    margin: 0 1.04167%;
    *width: 89.58328%;
    *margin: 0 1.04162%;
}

.grid-12 {
    display: inline;
    float: left;
    width: 97.91667%;
    margin: 0 1.04167%;
    *width: 97.91662%;
    *margin: 0 1.04162%;
}

.push-1 {
    margin-left: 9.375%;
}

.push-2 {
    margin-left: 17.70833%;
}

.push-3 {
    margin-left: 26.04167%;
}

.push-4 {
    margin-left: 34.375%;
}

.push-5 {
    margin-left: 42.70833%;
}

.push-6 {
    margin-left: 51.04167%;
}

.push-7 {
    margin-left: 59.375%;
}

.push-8 {
    margin-left: 67.70833%;
}

.push-9 {
    margin-left: 76.04167%;
}

.push-10 {
    margin-left: 84.375%;
}

.push-11 {
    margin-left: 92.70833%;
}

.push-12 {
    margin-left: 101.04167%;
}

.pull-1 {
    margin-right: 9.375%;
}

.pull-2 {
    margin-right: 17.70833%;
}

.pull-3 {
    margin-right: 26.04167%;
}

.pull-4 {
    margin-right: 34.375%;
}

.pull-5 {
    margin-right: 42.70833%;
}

.pull-6 {
    margin-right: 51.04167%;
}

.pull-7 {
    margin-right: 59.375%;
}

.pull-8 {
    margin-right: 67.70833%;
}

.pull-9 {
    margin-right: 76.04167%;
}

.pull-10 {
    margin-right: 84.375%;
}

.pull-11 {
    margin-right: 92.70833%;
}

.pull-12 {
    margin-right: 101.04167%;
}

/*
--------------------
Header styles
--------------------
*/
.main {
    margin-top: 105px;
}

.large-menu .small-search {
    display: none;
}

.large-menu .large-search {
    display: block;
}

.small-menu .large-search {
    display: none;
}

#menu-overlay {
    display: none;
}

/*
--------------------
Navigation
--------------------
*/
.small-menu .header_bottom .container,
.small-menu .header_top .container {
    margin: 0 auto;
}

.small-menu .header_top .global_search {
    display: none;
}

.small-menu .header_top .action-buttons {
    display: block;
}

.small-menu .header_bottom .global_search {
    display: block;
}

.small-menu .global_nav {
    width: auto;
}

.small-menu .global_nav .menu .menu--inner {
    text-align: left;
}

.megamenu > .inner-level > li.item > .js-menu-item.menu-hide {
    display: none;
}

/*
--------------------
Logo
--------------------
*/
.global_logo {
    float: left;
}

/*
--------------------
Search
--------------------
*/
.header_top .global_search {
    width: 42%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1em;
}

.header_top .blss-header .global_search {
    width: 59%;
}

.header_bottom .global_search {
    width: 34%;
}

/*.action-buttons {
  width: 35.4%;
}*/
/*
--------------------
Lang selector
--------------------
*/
.lang.language-select {
    margin-left: 10px;
}

.lang.language-select span {
    padding-left: 0;
}

.lang.language-select .languages .language-item span {
    color: #888;
}

.lang.language-select .languages .language-item a,
  .lang.language-select .languages .language-item a span {
    color: #000;
}

.lang .open-close-button {
    margin-left: 5px;
}

.language-select .language-item a {
    margin-right: 0;
    color: #000;
}

.language-select .languages {
    background: white;
    background: rgba(255, 255, 255, 0.8);
    overflow-y: auto;
}

/*
--------------------
404
--------------------
*/
.notfound h1 {
    margin: 20px 0;
}

.notfound h2 {
    margin-bottom: 20px;
}

.ui-datepicker-trigger {
    margin-top: 0;
}

/*
--------------------
Cookie message
--------------------
*/
.header .banner-message button {
    background: none;
    border: 0 none;
    font-weight: bold;
}

/*
--------------------
Megamenu styles
--------------------
*/
.megamenu > .inner-level {
    width: 960px;
    z-index: 12;
}

.megamenu > .inner-level > li.item {
    width: 25%;
}

/*
--------------------
Footer styles
--------------------
*/
footer .footer_social {
    text-align: right;
}

footer .footer_social .footer_social--newsletter {
    float: left;
    display: inline-block;
    position: relative;
}

footer .footer_social .footer_social--newsletter > .button {
    padding-top: 17px;
    padding-bottom: 17px;
}

footer .footer_social .footer_social--newsletter .content {
    position: absolute;
    bottom: 100%;
    width: 600px;
    padding: 3.125em;
    border: 1px solid #bdbfc1;
    background-color: #fafafa;
    margin-bottom: 10px;
    text-align: left;
}

footer .footer_social .footer_social--newsletter .content .open-close-button {
    cursor: pointer;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 2;
}

footer .footer_social .footer_social--newsletter .content .open-close-button .icon {
    font-size: 0.7em;
}

footer .footer_social .footer_social--newsletter .content .open-close-button .icon:before {
    margin-right: 0;
}

footer .footer_social .footer_social--newsletter .content .left,
      footer .footer_social .footer_social--newsletter .content .right {
    display: inline-block;
    vertical-align: top;
}

footer .footer_social .footer_social--newsletter .content .left {
    width: 25%;
}

footer .footer_social .footer_social--newsletter .content .right {
    width: 75%;
}

footer .footer_social .footer_social--newsletter .content .right input[type="email"],
        footer .footer_social .footer_social--newsletter .content .right input[type="text"] {
    width: 80%;
    margin-bottom: 1em;
}

footer .footer_social .footer_social--newsletter .content h3 {
    font-size: 1.875em;
    font-weight: 300;
    margin: 0;
}

footer .footer_social .footer_social--newsletter .content p {
    font-size: 0.8125em;
}

footer .footer_social .footer_social--newsletter .content:after {
    content: "";
    width: 15px;
    height: 7px;
    display: inline-block;
    position: absolute;
    background: url("mysource_files/popup-arrow.png") no-repeat center center;
    top: 100%;
    left: 16%;
}

footer .footer_social .intro {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8125em;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 1em;
}

footer .footer_social .social-media {
    padding: 0.95em 0;
    display: inline-block;
}

footer .footer_social .social-media li {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    border-left: 1px solid #d2d5d6;
}

footer .footer_social .social-media li:first-child {
    border-left: 0;
    padding-left: 0;
}

footer .footer_social .social-media li:last-child {
    padding-right: 0;
}

footer .footer_links {
    padding-left: 0;
    padding-right: 0;
}

footer .footer_links .slide-button {
    display: inline-block;
    text-transform: uppercase;
}

footer .footer_links .links--section {
    width: 25%;
    float: left;
}

footer .footer_links .links--section.links-section-medium {
    margin-bottom: 2.1em;
    width: 33%;
}

footer .footer_links .links--section .links--section--list,
    footer .footer_links .links--section .links--section_break {
    float: none;
    width: auto;
}

footer .footer_links .links--section .links--section_break {
    border-top: 1px solid #bdbfc1;
    border-bottom: 1px solid #bdbfc1;
}

footer .footer_links .links--section_contact {
    width: 25%;
    float: left;
}

footer .footer_logo img {
    float: left;
}

footer .footer_logo ul {
    float: right;
}

footer .footer_copyright p {
    margin-bottom: 0.5em;
    float: left;
    margin-right: 0.5em;
}

footer .footer_copyright img {
    float: right;
}

footer .footer-practice-areas {
    width: 75%;
}

/*
--------------------
Two column styles
--------------------
*/
.two-col > .container {
    margin: 0 auto;
}

.two-col .header,
.two-col .col-container {
    padding: 0;
}

.two-col .header .grid-8,
  .two-col .col-container .grid-8 {
    margin: 0 2.08334% 0 0;
}

.two-col .header .grid-4,
  .two-col .col-container .grid-4 {
    margin: 0 0 0 2.08334%;
}

/*
--------------------
Get in touch area styles
--------------------
*/
.section_contact {
    display: block;
    padding-bottom: 5em;
    clear: both;
}

.section_contact .contact-benefits {
    display: block;
}

.section_contact .left,
  .section_contact .right {
    width: 50%;
    float: left;
}

/*
--------------------
$.4. Get in touch area styles
--------------------
*/
.webinars-subscribe .grid-4 {
    display: inline-block;
}

/*
--------------------
Components styles
--------------------
*/
/* ---- Tabs to accordion styles ---- */
.main > section.accordion-results {
    padding-bottom: 5em;
}

/* ---- Summary styles ---- */
.summary-block {
    margin: 2em 0 4em;
}

.summary-block .title {
    font-size: 3.125em;
}

/* BLSS */
.summary-block.two-half .col-text {
    text-align: left !important;
}

.summary-block.two-half img {
    display: inline-block;
}

/* ---- Section styles ---- */
.main > section.no-margin > .container > .background {
    padding-top: 0;
}

.main > section.no-margin > .container > .background > .slider {
    margin-bottom: 3em;
}

.main > section > .container > .background {
    padding-top: 2.5em;
}

.main > section > .container > .background > .slider {
    margin-bottom: 4em;
}

.main > section .main > section.red > .container > .background,
.main > section .main > section.grey > .container > .background,
.main > section .main > section.lightgrey > .container > .background {
    padding-left: 1em;
    padding-right: 1em;
}

.main > section:last-child {
    padding-bottom: 4em;
}

.main > section.last-child {
    padding-bottom: 4em;
}

.main > section.ez-login > .container > .background {
    padding-top: 1em;
}

/* ---- Section styles ---- */
.arrow {
    display: block;
}

/* ---- Search Results styles ---- */
.search-page {
    margin-top: 1em;
}

.search-page .grid-3 {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04167%;
    *width: 31.24995%;
    *margin: 0 1.04162%;
}

.search-page .grid-9 {
    display: inline;
    float: left;
    width: 64.58333%;
    margin: 0 1.04167%;
    *width: 64.58328%;
    *margin: 0 1.04162%;
}

.search-page .col-container {
    overflow-x: inherit;
}

.search-page .search-facets {
    position: relative;
}

.search-page .search-facets .facets {
    position: relative;
    width: auto;
    z-index: 0;
    left: auto;
    overflow: inherit;
}

.search-page .search-facets.active .facets {
    left: auto;
}

.search-page .search-facets .facets-toggle {
    padding-bottom: 0;
    border-bottom: none;
}

.speakers-page {
    clear: both;
}

.no-results .search-title {
    margin-left: 0;
    display: block;
}

/* ---- Results styles ---- */
.results {
    padding-bottom: 4em;
}

/* webinars */
.practice-results {
    margin: 0;
}

.practice-results .results-list {
    padding: 0 1em 1em;
}

.practice-results .two-col-list {
    box-shadow: 0 4px 0 -2px #d2d5d6;
    padding-top: 0;
}

.practice-results .two-col-list .result {
    border-top: 1px solid #d2d5d6;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
}

.practice-results .two-col-list .result:first-child {
    border-top: none;
}

.practice-results .two-col-list .result:first-child .indicator-container {
    top: 1em;
}

.practice-results .two-col-list .result:first-child .content-container {
    margin-top: 1em;
}

.results .result .indicator-container .webinar-container .icon {
    margin-bottom: 0px;
}

/* ---- content ---- */
.main-content .image-left, .main-content .image-right {
    width: 40%;
}

.main-content .image-left {
    float: left;
    margin: 0.5em 2em 0 0;
}

.main-content .image-right {
    float: right;
    margin: 0.5em 0 0 2em;
}

/* ---- training dashboard Styles ---- */
.training-manager .dashboard .tabs {
    display: block;
}

.training-manager .tab-container {
    padding: 1em;
}

.training-manager .tab-container .tab-content .cpd-points {
    width: 32.4%;
    margin: 0;
    float: right;
}

.training-manager .tab-container .tab-drawer-heading {
    display: none;
    border-top: 1px solid #d2d4d5;
}

.training-manager .data-table {
    padding: 0em;
}

.training-manager .filter.small {
    width: 7.3em !important;
    margin-right: 0.5em !important;
}

.training-manager .filter.small:last-child {
    margin-left: 0 !important;
    float: right;
}

.training-manager .action {
    margin-top: 0 !important;
}

.training-manager .pagination {
    margin-top: 2em !important;
}

.training-manager a .slide-button {
    display: inline-block;
}

.active-summary form .filter-content-buttons {
    float: right;
    width: 9em;
    margin: 1em 0 1em 0.5em;
}

.active-summary form ul li:first-child {
    margin-left: 0;
}

/* --- lightbox *-----*/
.multi-contract table thead th {
    display: table-cell;
    padding: 0 1.5em;
}

.multi-contract table tbody th {
    width: 350px;
}

/* --- small sections *-----*/
.main section.usp-block > .container > .background,
.main section.featured-products > .container > .background,
.main section.featured-adverts > .container > .background,
.main section.categories-block > .container > .background,
.main section.checkout > .container > .background,
.main section.address-book > .container > .background,
.main section.authors-tabs > .container > .background {
    overflow: visible;
    padding: 1em 0;
    margin-left: 0;
    margin-right: 0;
}

.main section.usp-block > .container > .background > .slider,
  .main section.featured-products > .container > .background > .slider,
  .main section.featured-adverts > .container > .background > .slider,
  .main section.categories-block > .container > .background > .slider,
  .main section.checkout > .container > .background > .slider,
  .main section.address-book > .container > .background > .slider,
  .main section.authors-tabs > .container > .background > .slider {
    margin-bottom: 0;
}

/* ---- Breadcrumbs Styles ---- */
/* ---- Slick slider Styles ---- */
.slick-slider .slick-dots {
    margin-top: 15px;
    margin-bottom: 0px;
}

.slick-slider .slick-prev {
    left: -15px;
}

.slick-slider .slick-next {
    right: -15px;
}

/*
--------------------
Modules styles
--------------------
*/
/* ---- Sources Block ---- */
.sources-block .slider {
    margin-bottom: 64px !important;
}

.sources-block .slider .slide {
    width: 16.666667%;
    box-sizing: border-box;
}

.sources-block .slider .slide img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
    padding: 0 10px;
    box-sizing: border-box;
    max-height: 100%;
}

.sources-block .slider .slide img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* ---- Polaroid Block ---- */
.main > section.polaroid-block.lightgrey .slick-slider .slick-prev,
.main > section.polaroid-block.grey .slick-slider .slick-prev {
    margin-left: -15px;
}

.main > section.polaroid-block.lightgrey .slick-slider .slick-next,
.main > section.polaroid-block.grey .slick-slider .slick-next {
    margin-right: -15px;
}

.main > section.polaroid-block.red .slick-slider .slick-prev {
    margin-left: -30px;
}

.main > section.polaroid-block.red .slick-slider .slick-next {
    margin-right: -30px;
}

.main > section.polaroid-block.no-margin > .container {
    padding-top: 0;
}

.main > section.polaroid-block.no-margin > .container > .slider {
    margin-bottom: 3em;
}

.main > section.polaroid-block > .container > .background {
    overflow: visible;
}

.main > section.polaroid-block .background {
    padding-left: 0;
    padding-right: 0;
}

.polaroid-block .slider .polaroid {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2px;
}

.polaroid-block .slider .polaroid:hover a .mask {
    display: block;
}

.polaroid-block .slider .polaroid .box-border {
    display: none;
}

.polaroid-block .slider .polaroid .box-border.desktop {
    display: block;
}

.polaroid-block .slider .slide {
    display: inline-block;
}

.polaroid-block .slider.slick-initialized .slide {
    margin-bottom: 2px;
}

.polaroid-block .box-border.desktop {
    width: 45%;
    top: 100%;
    left: 27.5%;
    height: 4px;
    margin-top: -4px;
}

.polaroid-block .image-container {
    width: 100%;
    overflow: hidden;
    padding-bottom: inherit;
    position: relative;
    text-align: center;
    font-size: 0;
}

.polaroid-block .image-container img {
    display: inline-block;
    left: auto;
    height: auto;
    max-height: 100%;
    position: relative;
    max-width: 100%;
}

.polaroid-block .content-container {
    width: 100%;
    text-align: center;
}

section.polaroid-block .slider .slide {
    padding-left: 4px;
    padding-right: 4px;
}

section.grey.polaroid-block .background,
section.lightgrey.polaroid-block .background {
    padding-left: 8px;
    padding-right: 8px;
}

section.grey.polaroid-block .slider .slide,
section.lightgrey.polaroid-block .slider .slide {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.red.polaroid-block .background {
    padding-left: 8px;
    padding-right: 8px;
}

section.red.polaroid-block .slider .slide {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ---- Carousel Block ---- */
.carousel-block .container {
    margin: 0 auto;
}

.carousel-block .slider {
    border: 1px solid #c3c3c3;
    padding: 15px;
}

.carousel-block .slide {
    height: 350px;
}

.carousel-block .content-container {
    left: 0;
    right: auto;
    height: 266px;
    top: 40px;
}

.carousel-block .right.product-slide .product-colour {
    left: inherit;
    right: 34%;
}

.carousel-block .product-slide .product-colour {
    left: 5px;
    top: 21%;
}

.carousel-block .right .content-container {
    left: auto;
    right: 0;
}

.product-carousel .content-container {
    top: 0;
    height: 500px;
    width: 48%;
}

.product-carousel .content-container .slide-button, .product-carousel .content-container .button-container {
    display: inline-block;
}

.product-carousel .content-container .button-container {
    margin-top: 0;
}

.product-carousel .content-container .button-container p {
    text-align: left;
}

.product-carousel .slide {
    height: 500px;
}

/* ---- Related Section ---- */
/* ---- Video Block Section ---- */
.video-block .title {
    font-size: 3.125rem;
}

.video-block .pull-left {
    float: left;
}

.video-block .slide-button {
    display: inline-block;
    text-transform: uppercase;
}

.video-block .slide-button:not(:last-child) {
    margin-right: 1em;
}

.video-block .col-container {
    padding-bottom: 4em;
}

/* ---- Bio Page Section ---- */
.speakers-block .bio-page .bio-details-container {
    margin-top: 1em;
}

.speakers-block .bio-page .bio-details {
    float: none;
    width: auto;
}

.speakers-block .bio-page .bio-image {
    float: right;
}

.speakers-block .bio-page .bio.content {
    float: left;
    width: 66%;
}

.speakers-block .bio-page section.related {
    float: right;
    width: 33%;
}

/*
--------------------
$.6. Template styles
--------------------
*/
/* 6.1 webinars info page */
.main section.speakers-block > .container > .background {
    padding: 0;
}

.webinar-details .grid-8.webinar-video {
    padding-left: 0;
}

.webinar-details .grid-4.webinar-related {
    padding-right: 0;
}

.speakers-block h1.title {
    font-size: 3.3em;
}

.speakers-block .grid-4 {
    padding: 2.5em 0 1.5em 1em;
    margin-right: 0;
    margin-left: 2.08334%;
}

.speakers-block .grid-8 {
    padding: 1.5em 0 0 0em;
    margin-left: 0;
    margin-right: 2.08334%;
}

.speakers-block .bio-page .bio.content {
    width: auto;
    float: none;
}

.webinar-subscription .grid-35 {
    display: inline;
    float: left;
    width: 25.69444%;
    margin: 0 1.04167%;
    *width: 25.69439%;
    *margin: 0 1.04162%;
}

.webinar-subscription .grid-55 {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 1.04167%;
    *width: 43.74995%;
    *margin: 0 1.04162%;
}

.webinar-subscription .grid-0 {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.04167%;
    *width: 6.24995%;
    *margin: 0 1.04162%;
    display: inline-block;
    margin-top: 10%;
    text-align: left;
}

.webinar-subscription .subscription-title {
    clear: both;
    text-align: left;
}

.login-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 400px;
    margin: 20px auto;
}

/* 6.2 speakers info page */
/* 6.3 speakers info page */
