/*
	Theme Name: Law Society of Yukon
	Theme URI: https://lawsocietyyukon.com
	Description: Custom Child Theme
	Author: PR Services Ltd.
	Author URI: https://yukoninfo.com/
	
	Version: 1.0.0
	Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	
	Template: Divi
*/


/*-----------------------------------------------------------------------------------------------------*/
/* DEFAULTS */
/*-----------------------------------------------------------------------------------------------------*/
@import url("../Divi/style.css");

/* @font-face {
    font-family: 'noto_sans_hk_lightregular';
    src: url('fonts/notosanshk-light-webfont.woff2') format('woff2'),
         url('fonts/notosanshk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sans_hkregular';
    src: url('fonts/notosanshk-regular-webfont.woff2') format('woff2'),
         url('fonts/notosanshk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
/*---------------------------------------------*/
/* DEFAULT CSS */
/*---------------------------------------------*/
/*body {
    font-family: 'noto_sans_hk_lightregular', sans-serif;
    font-weight: normal;
}*/
body {
	font-family: verdana;
    font-weight: 200;
/*    font-family: noto-sans, sans-serif;
    font-weight: 300;
    font-style: normal; */
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: gill-sans-nova, sans-serif;
	font-weight: 500;
	font-style: normal;
    margin-bottom: 10px;
}
h1 {
    /*background: url(images/hero-header-border.png) bottom left no-repeat;*/
    font-weight: 300;
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 40px;
}
h1:after {
    content: " ";
    width: 93px;
    height: 3px;
    background: #58c5c8;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.formstitle h1:after {
	top: 80px !important;
}
.entry-content ol, .entry-content ul {
	margin-left: 30px;
	list-style-position: outside;
}
.entry-content ol li {
	padding-left: 10px;
	margin-bottom: 10px;
}
table {
width: auto !important;
}
/*---------------------------------------------*/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
.pdf-link a {
    background: #fff;
    color: #48494a;
    padding: 8px 20px 8px 50px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.pdf-link a:before {
    content: ' ';
    position: absolute;
    top: 0px;
    left: 20px;
    width: 17px;
    height: 23px;
    background: url(images/icon-pdf.png) center center no-repeat;
}
/*-----------------------------------------------------------------------------------------------------*/
/* STRUCTURE AND LAYOUT */
/*-----------------------------------------------------------------------------------------------------*/
#et-main-area #main-content {
	margin: 0 80px;
}
/*---------------------------------------------*/
/* HEADER */
/*---------------------------------------------*/
#main-header {
    /*height: 65px;*/
    height: 80px;
    background: #454647;
}
#main-header .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#main-header .logo_container {
    position: relative;
    padding-left: 0;
    /*width: 65px;
    height: 65px;*/
    width: 80px;
    height: 80px;
    float: left;
}
#main-header #logo {
    /*height: 65px;
    max-height: 65px;
    width: 65px;*/
    height: 80px;
    max-height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    padding: 5px;
    background: #d99b0b;
}
#main-header .logo-text {
    display: inline-block;
    padding: .5% 0 0 5%;
}
#main-header .logo-text a {
    font-family: gill-sans-nova, sans-serif;
    /*font-size: 24px;*/
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    display: block;
    font-style: normal;
}
/*---------------------------------------------*/
#main-header #et-top-navigation {
    padding: 0 !important;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
}
#main-header .mobile_menu_bar {
    width: 80px;
    height: 80px;
    background: #d99b0b;
}
#main-header .mobile_menu_bar:before {
    left: 7px;
    color: #fff;
    font-size: 52px;
}
#main-header .mobile_menu_bar:after {
    content: "Menu";
    display: block;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.et_slide_in_menu_container {
    background-color: #d99b0b !important;
    opacity: 1 !important;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    top: 5px;
    right: 5px;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
    font-size: 52px;
}
/*---------------------------------------------*/
.responsive-menu-button {
    /*width: 65px !important;
    height: 65px !important;*/
    width: 80px !important;
    height: 80px !important;
    top: 0 !important;
    right: 0 !important;
    background: #d99b0b !important;
    z-index: 999999 !important;
}
.responsive-menu-box {
    width: 36px !important;
    vertical-align: text-top !important
}
.responsive-menu-box:after {
    content: "Menu";
    display: block;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 14px;
    font-size: 14px;
}
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    width: 36px !important;
    height: 2px !important;
}
.responsive-menu-button.is-active .responsive-menu-box:after {
    display: none;
}
/*#responsive-menu-container {
    z-index: 99999 !important;
    display: table !important;
}
#responsive-menu-container #responsive-menu-wrapper {
    display: table-cell;
    height: 100vh;
    vertical-align: middle;
}*/
#responsive-menu-container {
    z-index: 99999 !important;
}
#responsive-menu-container #responsive-menu-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1080px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    direction: ltr;
}
#responsive-menu-container #responsive-menu-title {
    width: 40% !important;
    float: left;
    display: inline-block;
    padding-right: 10% !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    font-family: gill-sans-nova, sans-serif;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#responsive-menu-container #responsive-menu-title div {
    padding-left: 18%;
    font-style: italic;
}
#responsive-menu-container #responsive-menu-title i {
    line-height: 1.3;
}
#responsive-menu-container #responsive-menu {
    width: 60% !important;
    float: left;
    display: inline-block;
    padding-left: 10% !important;
    border-left: 2px solid #9c7b2b;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    display: block !important;
    text-align: center;
    padding-left: 0;
    margin-bottom: 30px;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
    width: 100% !important;
}
#responsive-menu-container #responsive-menu {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    font-family: gill-sans-nova, sans-serif;
    font-weight: 400;
    padding-left: 0;
    padding-right: 40px;
    display: initial;
    /*-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;*/
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    line-height: 30px !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow img {
    max-width: 30% !important;
}
/*#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    padding-left: 50px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#responsive-menu-container #responsive-menu li.current-menu-parent.responsive-menu-item a {
    padding-left: 50px;
}*/
#responsive-menu-container #responsive-menu li.current-menu-item.responsive-menu-item a {
    /*padding-left: 50px;*/
    text-decoration-line: underline;
    text-decoration-color: #f5d589;
    text-underline-position: under;
}
#responsive-menu-container #responsive-menu li.current-menu-item.responsive-menu-item li a {
    text-decoration-line: none;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-submenu li {
    padding-left: 30px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-submenu li a {
    font-weight: 300;
    padding-left: 0;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow {
    background-color: transparent !important;
}
/*#responsive-menu-container #responsive-menu li.responsive-menu-item-has-children ul.responsive-menu-submenu {
    transform:scaleY(0);
    height:0;
    display: block;
    transition:transform 0.3s ease-out;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item-has-children:hover ul.responsive-menu-submenu {
    height: auto;
    display: block;
    overflow:hidden;
    transition:transform 0.3s ease-out;
    height:auto;
    transform:scaleY(1);
    transform-origin:top;
}*/
/*---------------------------------------------*/
.breadcrumbs {
    padding: 15px 30px;
    margin: 0 80px 50px;
    background: #fff;
    font-size: 15px;
}
.breadcrumbs a {
    color: #48494a;
}
.breadcrumbs .current-item {
    font-weight: 500;
}
body.home .breadcrumbs {
    display: none;
}
/*---------------------------------------------*/
/* FOOTER */
/*---------------------------------------------*/
#main-footer {
    margin-top: 120px;
}
#main-footer, #main-footer #footer-bottom {
    background: #39505b !important;
}
#main-footer .container {
    width: 100%;
    max-width: 100%;
}
#main-footer strong {
    font-weight: 500;
}
#main-footer a, #main-footer a:hover {
    color: #fff !important;
}
#main-footer ul.menu li {
    margin-bottom: 0;
}
#main-footer .et_pb_promo_description {
    padding-bottom: 0;
}
/*-----------------------------------------------------------------------------------------------------*/
/* PAGE SPECIFIC STYLING */
/*-----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------*/
/* LAWYER - Archive */
/*---------------------------------------------*/
/*.phone:before {
    content: attr(data-icon);
    font-family: "ETmodules"!important;
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: -1.3em;
    right: auto;
    display: inline-block;
}
.facetwp-type-search .facetwp-search {
	width: 100%;
	font-size: 18px;
    padding: 15px 10px;
}
.facetwp-type-alpha .facetwp-alpha.selected {
    color: #e09900;
    font-weight: 900;
}
.facetwp-type-checkboxes .facetwp-checkbox {
	margin-bottom: 10px;
    background-position: 0 3px;
    line-height: 1.3;
}
.fwpl-layout {
	display: inline !important;
}
.fwpl-result {
	float: left;
	width: 48%;
	padding-bottom: 15px;
	background: #efefef;
	margin-bottom: 15px;
	margin-right: 0;
}
.fwpl-result:nth-child(odd) {
	clear: both;
	margin-right: 2%;
}
.fwpl-result .fwpl-item {
	padding: 20px 15px 0;
	line-height: 1.3;
}
.fwpl-result .fwpl-item:first-child {
	padding: 0;
}
.fwpl-result .fwpl-item:first-child a {
	background: #e09900;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	padding: 15px;
	display: block;
}
.fwpl-result .fwpl-item:first-child a:hover {
	opacity: .8;
}*/
/*---------------------------------------------*/
.facetwp-facet {
    margin-bottom: 15px !important;
}
.facetwp-overlay {
    background: transparent !important;
}
.facetwp-type-search input[type=text] {
    padding: 10px 10px 10px 50px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 0;
    font-size: 18px;
    width: 250px;
    max-width: 250px;
}
.facetwp-type-search .facetwp-btn {
    top: 1px;
    left: 20px;
    right: auto;
}
.facetwp-type-search .facetwp-btn:before {
    width: 22px;
    height: 23px;
    background: url(images/icon-searchlawyer.png) center center no-repeat;
    background-size: 22px 23px;
}
/*---------------------------------------------*/
.facetwp-facet-membership option[value=non-practising], .facetwp-facet-membership option[value=retired], .facetwp-facet-membership option[value=resignations], .facetwp-facet-membership option[value=disciplinary-suspension], .facetwp-facet-membership option[value=certificate-of-permission-to-act] { 
    display: none;
}
.facetwp-facet-permission_to_act .facetwp-checkbox[data-value=resignations], .facetwp-facet-permission_to_act .facetwp-checkbox[data-value=resident], .facetwp-facet-permission_to_act .facetwp-checkbox[data-value=non-resident], .facetwp-facet-permission_to_act .facetwp-checkbox[data-value=non-practising], .facetwp-facet-permission_to_act .facetwp-checkbox[data-value=retired], .facetwp-facet-permission_to_act .facetwp-checkbox[data-value=disciplinary-suspension] {
    display: none;
}
.facetwp-facet-practice .facetwp-dropdown, .facetwp-facet-membership .facetwp-dropdown {
    padding: 10px 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 0;
    font-size: 18px;
    width: 210px;
    max-width: 210px;  
}
.facetwp-facet-practice .facetwp-dropdown {
    width: 235px;
    max-width: 235px;
}
.facetwp-facet-practice select, .facetwp-facet-membership select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(images/icon-lawyerarrow.png) 95% center no-repeat;
    background-size: 15px;
}
.filter-permission .et_pb_module {
    max-width: 370px;
}
.facetwp-facet-permission_to_act .facetwp-checkbox {
    background-color: #ffffff;
    background-position: 10px 50%;
    padding: 10px 10px 10px 30px;
     -webkit-border-radius: 15px;
    border-radius: 15px;
    
}
/*---------------------------------------------*/
.fwpl-layout {
    grid-gap: 0 !important;
}
.fwpl-result:nth-child(even) {
    background: #f1f3f3;
}
.fwpl-result .fwpl-row {
    align-items: center;
}
.fwpl-result .fwpl-col {
    padding: 10px 2px;
}
.fwpl-result .fwpl-col .fwpl-col {
    padding: 0;
}
.fwpl-result .lawyer-label-container {
    padding: 0;
    display: none;
}
.fwpl-result:first-child .lawyer-label-container {
    background: #58c5c8;
    padding: 10px 2px;
    display: grid;
}
.fwpl-result .lawyer-label {
    display: none;
}
.fwpl-result:first-child .lawyer-label {
    display: block;
    color: #fff;
}
.fwpl-result .fwpl-item.el-25nrq {
    padding-left: 3px;
}
.fwpl-result button {
    background: none;
    border: 2px solid #777778;
    color: #777778;
    padding: 4px 14px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    line-height: 1.3;
    font-weight: 900;
    font-family: serif;
    font-size: 19px;
}
/*---------------------------------------------*/
/* LAWYER - Single */
/*---------------------------------------------*/
.single-lawyer #main-content {
    background: transparent;
}
.lawyer-return-button a {
    padding: 10px 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 0;
    font-size: 18px;
    background: #fff;
    display: inline-block;
    color: #48494a !important;
}
.lawyer-profile .lawyer-membership a, .lawyer-profile .lawyer-practice a {
    color: #48494a !important;
    cursor: text;
}
.lawyer-lastname, .lawyer-firstname {
    width: auto;
    display: inline-block;
    margin-right: 5px;
}
.facetwp-pager {
    margin-top: 20px;
}
/*---------------------------------------------*/
/* HOMEPAGE */
/*---------------------------------------------*/
.header-homepage .header-content-container, .header-homepage .header-content {
	height: 100%;
}
.header-homepage .et_pb_module_header {
	padding-top: 5%;
}
.header-homepage .et_pb_fullwidth_header_subhead {
    font-family: gill-sans-nova, sans-serif !important;
	font-weight: 500;
	font-style: normal;
}
.header-homepage .et_pb_more_button.et_pb_button_one {
    position: absolute;
	bottom: 0;
    margin-top: 0;
    padding: 10px 0 !important;
    background: transparent !important;
    font-family: gill-sans-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.header-homepage .et_pb_more_button.et_pb_button_one:before {
    background: url(images/hero-arrow.png) top center no-repeat;
    content: " ";
    display: block !important;
    width: 9px;
	height: 143px;
    opacity: 1 !important;
    top: -135px;
    left: 50%;
    margin: 0 !important;
}
.header-homepage .et_pb_more_button.et_pb_button_one:after {
    display: none !important;
}
.header-homepage .et_pb_fullwidth_header_scroll {
	padding: 0;
	min-height: 0;
}
.header-homepage .scroll-down-container {
    float: left;
    padding: 4% 5%;
    opacity: 0;
}
/*---------------------------------------------*/
.lsy-blurb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 20px 0 20px;
    border-color: #58c4c8 transparent transparent transparent;
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -20px;
}
.lsy-blurb:hover:after {
    display: none;
}
.lsy-blurb .et_pb_main_blurb_image {
    margin-bottom: 20px;
}
.lsy-blurb .et_pb_module_header {
    font-weight: 200;
}
.lsy-blurb .et_pb_blurb_description {
    display: none;
    position: relative;
    margin-top: 20px;
    padding-top: 30px;
}
.lsy-blurb:hover .et_pb_blurb_description {
    display: block;
}
.lsy-blurb .et_pb_blurb_description:before {
    content: " ";
    width: 44px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.lsy-blurb:hover .et_pb_blurb_description a {
    background: #42737b;
    text-align: right;
    color: #fff;
    padding: 0px 25px 3px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}
/*---------------------------------------------*/
.lsy-newsfeed .et_pb_post {
    margin-bottom: 40px;
    padding-top: 25px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-bottom: 1px solid #e1e1e1;
}
.lsy-newsfeed .et_pb_post:last-child {
    border-bottom: 0;
}
.lsy-newsfeed .entry-title {
    margin-bottom: 5px;
}
.lsy-newsfeed .post-meta {
    position: absolute;
    top: 0;
}
.lsy-newsfeed .more-link {
    background: #74848c;
    color: #fff;
    display: inline-block !important;
    padding: 2px 15px;
    margin-top: 15px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}
.lsy-newsfeed-featured .et_pb_post {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.lsy-newsfeed-featured .entry-title {
    margin-top: 60px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}
.lsy-newsfeed-featured .entry-title:after {
    content: " ";
    width: 53px;
    height: 2px;
    background: #58c5c8;
    position: absolute;
    left: 0;
    bottom: 0;
}
.lsy-newsfeed-featured .post-meta {
    position: relative;
}
.lsy-newsfeed-featured .post-meta .published {
    top: -90px;
    position: absolute;
}
/*-----------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-----------------------------------------------------------------------------------------------------*/
@media only screen and (max-height: 768px) {
    .header-homepage .et_pb_module_header {
        margin-top: 0;
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .header-homepage .et_pb_more_button.et_pb_button_one:before {
        background: url(images/hero-arrow.png) bottom center no-repeat;
        height: 50px;
        top: -40px;
    }
}
@media only screen and (max-width: 1310px) {
    .lawyer-filter .et_pb_column.et_pb_column_1_4 {
        width: 100% !important;
        float: none;
        display: block;
    }
    body .filter-permission .et_pb_module {
        margin-left: 0 !important;
    }
}
@media only screen and (max-width: 980px) {
    .et_fixed_nav #main-header {
        position: fixed;
    }
    #main-header .container {
        width: 100%;
    }
    #main-header #logo {
        max-width: 100%;
    }
    #responsive-menu-container #responsive-menu-title, #responsive-menu-container #responsive-menu {
        padding: 25px !important;
    }
    .lsy-newsfeed {
        border-top: 1px solid #e1e1e1;
        padding-top: 40px;
    }
    .lsy-newsfeed .et_pb_post {
        padding-left: 0;
    }
    .lsy-newsfeed-featured {
        border-top: 0;
    }
    #main-footer #footer-bottom .et_pb_column {
        width: 100% !important;
    }
    .lawyer-profile .et_pb_column {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    #responsive-menu-container #responsive-menu-wrapper {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    #responsive-menu-container #responsive-menu-title, #responsive-menu-container #responsive-menu {
        width: 100% !important;
    }
    #responsive-menu-container #responsive-menu-title div {
        margin: 20px auto 0;
        padding: 0;
        max-width: 180px;
    }
    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
        margin-bottom: 0 !important;
    }
    #et-main-area #main-content, .breadcrumbs {
        margin: 0 20px;
    }
    .header-homepage .et_pb_module_header {
        margin-top: 0;
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .header-homepage .et_pb_more_button.et_pb_button_one:before {
        background: url(images/hero-arrow.png) bottom center no-repeat;
        height: 50px;
        top: -40px;
    }
    .lsy-blurb-container .et_pb_column {
        margin-bottom: 40px;
    }
    /*.facetwp-template {
        overflow: scroll;
    }
    .fwpl-layout {
        width: 700px;
    }*/
    .facetwp-template .fwpl-row {
        display: block;
        text-align: center;
    }
    .fwpl-result .lawyer-label-container {
        display: none;
    }
    .fwpl-result:first-child .lawyer-label-container {
        display: none;
        text-align: center;
    }
    #footer-bottom .et_pb_section {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}