/* Theme Name: Two Mountains Theme URI: https://www.twomountains.co.za/ Description: Theme for https://www.twomountains.co.za/ Author: Liquid Thought Author URI: https://www.twomountains.co.za/ Version: 1.0.0 Text Domain: two-mountains */ :root { --black:#000000; --evergreen:#00693E; --mist:rgba(135, 135, 135, .1); --fields:#91B85B; --ocean:rgba(0, 148, 169, .1); --light-grey:#F3F3F3; --error-border:#E40000; --error-validation:#E40000; } *,a,div,ul,li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block} img {max-width:100%;height:auto;display:block;} a {transition:all .3s linear;} @font-face { font-family: 'tm-icons'; src: url('fonts/icons/font/twomountains-icons.eot?487197047'); src: url('fonts/icons/font/twomountains-icons.eot?487197047#iefix') format('embedded-opentype'), url('fonts/icons/font/twomountains-icons.woff2?487197047') format('woff2'), url('fonts/icons/font/twomountains-icons.woff?487197047') format('woff'), url('fonts/icons/font/twomountains-icons.ttf?487197047') format('truetype'), url('fonts/icons/font/twomountains-icons.svg?487197047#cs-icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } html, body {margin:0px;padding:0px;background:#fff;height:100%;font-size:14px;line-height:1.6em;} body {color:var(--black);-webkit-font-smoothing:antialiased;font-smoothing:antialiased; font-family: gotham, sans-serif;font-weight:400; } input {font-family: gotham, sans-serif;font-weight:400;} .textfield, .form-group textarea.textfield, button {} h1, h2, h3, h4, h5, h5 {margin:0;line-height:1.1em;} h2 {font-size:24px;letter-spacing: -1.7px;margin-bottom:16px;} h3 {font-size:20px;letter-spacing: -0.8px;margin-bottom:16px;font-weight:500;} h1 strong, h1 b {color:var(--orange);} p {margin:0;line-height:1.3em;} .main-width {margin:0px auto;width:100%;max-width:1440px;padding:0px 24px;} .white-wrapper .main-width {padding:0 16px;} .white-wrapper {background:white;margin:0px 8px;} @media screen and (min-width:576px){ .main-width {padding:0px 40px;} .white-wrapper .main-width {padding:0 32px;} } @media screen and (min-width:768px){ h2 {font-size:36px;} h3 {font-size:24px;} p {line-height:1.4em;font-size:17px;} .white-wrapper {background:white;margin:0px 16px;} .white-wrapper .main-width {padding:0 24px;} } @media screen and (min-width:992px){ .main-width {padding:0px 88px;} .white-wrapper .main-width {padding:0 72px;} } @media screen and (min-width:1440px){ .white-wrapper .main-width {padding:0 88px;} } @media screen and (min-width:1480px){ .white-wrapper {max-width:1440px;margin:0px auto;} } .flex {display:flex;} .grid {display:grid;gap:80px;grid-auto-flow: column;} .icon:after, .icon:before, .icon-before:before, .checkbox:checked:before, header .navigation .nav li.menu-item-has-children > a:after, header .navigation .sub-menu a strong:after, .gallery-holder .slick-prev:before,.gallery-holder .slick-next:before, .exco-carousel .slick-prev:before,.exco-carousel .slick-next:before, .csi-carousel .slick-prev:before,.csi-carousel .slick-next:before, .testimonials-carousel .slick-prev:before,.testimonials-carousel .slick-next:before, .values-carousel .slick-prev:before,.values-carousel .slick-next:before, .why-carousel .slick-prev:before,.why-carousel .slick-next:before, .benefit-list h5:after {font-family: "tm-icons";font-style: normal;font-weight: normal;speak: never;} header .navigation .nav li.menu-item-has-children > a:after {content:"\e802";margin-left:10px;font-size:12px;position:absolute;right:-20px;top:0;} header .navigation .sub-menu a strong:after {content:"\e806";margin-left:10px;font-size:12px;position:absolute;right:-20px;top:0;} .icon.back-to-top:after {content:"\e806";font-size:12px;transform: rotate(-90deg);display:inline-block;} .icon.arrow-back:after {content:"\e806";font-size:12px;transform: rotate(180deg);display:inline-block;} .icon.dropdown:after, .benefit-list h5:after {content:"\e802";margin-left:auto;font-size:13px;} .icon.icon-facebook:after {content:"\e809";margin-left:auto;font-size:24px;} .icon.icon-x:after {content:"\e80c";margin-left:auto;font-size:24px;} .icon.icon-linkedin:after {content:"\e80b";margin-left:auto;font-size:24px;} .icon.icon-instagram:after {content:"\e80d";margin-left:auto;font-size:24px;} .icon.icon-copy:after {content:"\e80A";margin-left:auto;font-size:24px;} .icon.icon-email:after {content:"\e80E";margin-left:auto;font-size:24px;} .icon.icon-whatsapp:after {content:"\e80F";margin-left:auto;font-size:24px;} .icon.download-link:after {content:"\e821";margin-left:8px;font-size:24px;} .checkbox:checked:before {content:"\e834";font-size:13px;color:var(--evergreen);position: absolute;left: 3px;top: 5px;} .icon-before.contact-call:before {content:"\e822";margin-right:8px;font-size:24px;width:24px;} .icon-before.contact-sms:before {content:"\e823";margin-right:8px;font-size:24px;width:24px;} .icon-before.contact-email:before {content:"\e824";margin-right:8px;font-size:19px;width:24px;} .icon.back-to-top {width:32px;height:32px;border:1.5px solid white;display:flex;justify-content: center;align-items: center;transition:all .3s linear;border-radius:32px;text-decoration:none;min-width:32px;} .icon.back-to-top:hover {border-color:var(--fields);background:var(--fields);color:black;} /* header */ header {position:fixed;width:100%;top:0;z-index:10;transition:all .2s linear;height:64px;} .admin-bar header {top:0px;} @media screen and (min-width:768px){ .admin-bar header {top: 32px;} } header .main-width {padding:0px 24px;justify-content: space-between;align-items: center;} header .logo {display:inline-flex;align-items: center;} header .logo img {max-height:80px;display:none;} header .logo img:nth-of-type(1) {display:block;} .nav_transparent header .logo img:nth-of-type(1){display:none;} .nav_transparent header .logo img:nth-of-type(2) {display:block;} header {height:96px;display: flex;align-items: center;} .single header, .page-template-template_compare_plans header {background:white;} header .navigation {position:fixed;left:110%;background: #FFF;box-shadow: -8px 4px 4px 0 rgba(20, 20, 20, 0.10);height: 100vh;width:calc(100% - 40px);top: 0;padding: 80px 40px;transition:left .3s linear, right .3s linear;} header .navigation .nav {list-style:none;margin:0;display:flex;flex-direction:column;padding:0;} header .navigation .nav > li > a {font-size:14px;text-decoration:none;text-transform: uppercase;color:var(--black);transition:all .3s linear;font-weight:500;} header .navigation .nav > li.current-menu-item > a {text-decoration:underline;text-underline-offset:6px;text-decoration-thickness: 2px;} header .navigation .sub-menu {display:none;} header .navigation .nav .menu-item-has-children > a:after {content:"";} header .hamburger {display:flex;align-items: center;cursor:pointer;z-index:11;height:19.5px;flex-direction: column;justify-content: space-between;position:relative;width:28px;} .nav_transparent header .hamburger > div {background:white;} header .hamburger > div, .nav-green.scrolled header .hamburger > div, .nav-green.scrolled header .hamburger > div, .nav-green.mobile-open header .hamburger > div, .nav_transparent.scrolled header .hamburger > div, .nav_transparent.mobile-open header .hamburger > div {height:1.5px;width:28px;background:var(--black);transition:transform .2s linear;} .nav-green header .hamburger > div {background:white;} header .navigation .sub-menu a strong {display:inline-flex;position:relative;} .mobile-open header .hamburger > div:nth-last-of-type(1) {position:absolute;top:70%;left:0;transform-origin: center;transform:rotate(25deg);opacity:0;} .mobile-open header .hamburger > div:nth-last-of-type(2) {position:absolute;top:50%;left:0;transform-origin: center;transform:rotate(45deg);} .mobile-open header .hamburger > div:nth-last-of-type(3) {position:absolute;top:50%;left:0;transform-origin: center;transform:rotate(-45deg);} .scrolled header {background:white;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);} header:before {content:"";width:100%;height:100vh;left:0;top:0;position:fixed;background:rgba(0,0,0,0.4);display:block;opacity:0;pointer-events: none;transition:all .3s linear;} .mobile-open header:before {opacity:1;} .mobile-open header .navigation {left:40px;box-shadow: -8px 4px 4px 0px rgba(20, 20, 20, 0.10);z-index:10;transition: left .2s ease-out;} .mobile-open header .navigation .nav > li > a {display:flex;justify-content: space-between;} header .navigation .nav > li {padding-bottom:22px;} .mobile-open header .navigation .nav > li > a {font-weight:500;position:relative;} .mobile-open header .navigation .nav > li > a p {font-weight:400;} .mobile-open header .sub-menu {list-style:none;margin:3px 16px -5px 16px;padding:0 16px;flex-direction:column;display: flex;opacity: 0;max-height: 0;overflow: hidden;transition: all .3s linear;} .mobile-open header .sub-menu a {padding:0;overflow:hidden;} .mobile-open header .over .sub-menu {max-height: 500px;opacity: 1;overflow: visible;} .mobile-open header .over .sub-menu a {padding:7px 0;overflow:visible;} .mobile-open header li.over > a:after {transform:rotate(180deg);} header .navigation .nav > li > a:hover, header .navigation .nav > li:hover > a {opacity:0.5;} header .navigation .sub-menu {display: flex;opacity:0;pointer-events: none; list-style: none;margin: 0;flex-direction:column;border-radius: 12px;background: #f3f3f3;transition:all .3s linear;max-height:0;} header .navigation .over .sub-menu {margin:20px 0;padding:16px;} header .navigation .sub-menu a {padding:0;font-size:14px;text-decoration:none;color:var(--black);display:block;} header .navigation .sub-menu li:nth-last-of-type(n + 2) {border-bottom:1px solid var(--mist);padding-bottom:13px;} header .navigation .sub-menu li:nth-of-type(n + 2) {padding-top:10px;} header .navigation p {font-size:14px;} header .navigation .sub-menu li:hover strong {color:var(--evergreen);} .nav-green header .logo img:nth-of-type(1) {display:none;} .nav-green header .logo img:nth-of-type(2) {display:block;} .nav-green.scrolled header .logo img:nth-of-type(1) {display:block;} .nav-green.scrolled header .logo img:nth-of-type(2) {display:none;} .nav_transparent.scrolled header .logo img:nth-of-type(1){display:block;} .nav_transparent.scrolled header .logo img:nth-of-type(2) {display:none;} @media screen and (min-width:576px){ header .main-width {padding:26px 40px;} .mobile-open header .navigation {padding-right:60px;} } @media screen and (min-width:768px){ header {height:120px;} header .logo img {max-height:none;} } @media screen and (min-width:1020px){ .scrolled header {box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} header .main-width {padding:0px 40px;display:flex;justify-content: space-between;align-items: center;} header .hamburger {display:none;} header .navigation {position:relative;left:0;background: none;height: auto;width: auto;top: 0;padding: 0;box-shadow: none;} header .navigation .nav {flex-direction:row;margin:0;} header .navigation .nav>li {margin-left:40px;} header .navigation .nav > li > a {font-size:14px;color:var(--black);display: flex;align-items: center;white-space: nowrap;} header .navigation .nav>li {position:relative;padding:0;} header .navigation .nav>li:nth-last-of-type(1) .sub-menu {width:143px;} header .navigation .nav>li:hover .sub-menu {opacity:1;pointer-events: all;transform: translateY(0px);} header .navigation .nav a:after {transition:all .3s linear;} header .navigation .nav li:hover a:after {transform:rotate(180deg);} header .navigation .nav li.menu-item-has-children > a {margin-right:20px;position:relative;} .nav_transparent header .navigation .nav > li > a {color:white;} .nav-green header .navigation .nav > li > a {color:white;} .nav-green.scrolled header .navigation .nav > li > a {color:var(--black);} .nav_transparent.scrolled header .navigation .nav > li > a {color:black;} header .navigation .sub-menu {top: 100%;left: 0;width: 287px;position: absolute;transform: translateY(-10px);margin:0;padding:16px;background: #FFF;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);max-height:none;} header .navigation .over .sub-menu {margin:0;} } footer {background:var(--evergreen);color:white;padding:40px 0;position:relative;text-align: center;} footer a {color:white;} footer .row-1 {display:flex;flex-direction: column;} footer .row-1 .logo img {width:220px;margin:auto;} footer .row-2 {display:flex;flex-direction: column;padding-top:40px;font-size:12px;} footer .row-1 .back-to-top {position:absolute;top:16px;right:16px;} footer .copyright a:nth-last-of-type(n + 2):after {content:"|";padding-left:6px;padding-right:6px;display:inline-block;} footer .copyright a {text-underline-offset:2px;white-space: nowrap;transition:all .2s linear;} footer .copyright a:hover {text-decoration:none;} footer .copyright p:nth-last-of-type(1) {padding-top:4px;} footer .row-2 img {width:180px;min-width:180px;} footer .nav {display:flex;gap:24px;flex-direction:column;align-items:center;} footer .nav .links a {font-weight: 500;text-transform: uppercase;text-decoration: none;} footer .nav .links a:nth-last-of-type(n + 2) {margin-right:32px;} footer .nav .social a {font-weight: 500;text-transform: uppercase;text-decoration: none;} footer .nav .social {display:flex;gap:24px;} footer .nav a:hover {color:var(--fields);} footer .main-width.row-1 > div:nth-of-type(1) {text-align:center;} footer .main-width.row-1 > div:nth-of-type(3) {display:none;} footer .back-to-top {position:absolute;top:24px;right:24px;} footer .main-width.row-3 {text-align:center;padding-top:20px;} footer .main-width.row-3 img {margin:auto;} footer p {font-size:12px;} footer .icon.back-to-top:after {line-height:1em;margin-left:1px;} footer.om-footer .main-width.row-2 > div:nth-of-type(2) {display:none;} @media screen and (min-width:768px){ footer p {font-size:14px;} footer .back-to-top {position:relative;top:0;right:0;} footer .main-width.row-1 > div:nth-of-type(3) {display:block;} footer .main-width.row-3 {display:none;} footer .copyright {padding-right:30px;} footer {padding:64px 0 84px 0;text-align:start;} footer .row-1 .logo img {width:220px;} footer .row-1 .back-to-top {position:relative;top:0;right:0;} footer .row-1 {flex-direction: row;justify-content: space-between;align-items: center;} footer .row-2 {flex-direction: row;justify-content: space-between;align-items: flex-end;padding-top:48px;font-size:14px;} footer .nav {gap:64px;flex-direction: row;} footer.om-footer .main-width.row-2 > div:nth-of-type(2) {display:block;} } @media screen and (max-width:767px){ footer .row-1 .logo {order:1;} footer .row-1 .nav {order:2;margin-top:40px;} footer .row-1 .social {order:3;} footer .copyright {display:flex;flex-direction:column;} footer .copyright p {padding-bottom:12px;} footer .copyright p:nth-of-type(1) {order:2;} footer .copyright p:nth-of-type(2) {order:1;} footer .copyright p:nth-of-type(3) {order:3;padding-bottom:24px;} } @media screen and (min-width:1250px){ footer .copyright p:nth-last-of-type(n + 2) {display:inline;margin-right:8px;} } /* buttons */ .buttons {display:flex;gap:16px;flex-wrap:wrap;} .button {display: flex;height: 40px;padding: 0px 24px;justify-content: center;align-items: center;border:1.5px solid transparent;border-radius:4px;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;transition:all .3s linear;white-space:nowrap;cursor:pointer;max-width: fit-content;} a.button:empty {display:none;} .button.primary {background:var(--black);color:white;} .button.primary:hover{background:var(--fields);color:var(--black);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} .button.secondary {background:none;color:var(--black);border-color:var(--black);} .button.secondary:hover{background:var(--fields);color:var(--black);border-color:var(--fields);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} .button.primary.white {background:white;color:black;} .button.primary.white:hover{background:var(--fields);color:var(--black);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} .button.secondary.white {background:none;color:white;border-color:white;} .button.secondary.white:hover{background:var(--fields);color:var(--black);border-color:var(--fields);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} .button.minimal {color:black;padding:0px;} .button.minimal:hover{color:var(--fields);} @media screen and (min-width:768px){ .button {height:48px;font-size:15px;} } /* Careers page */ .general-header h1 {font-size:36px;font-weight:700;letter-spacing: -1.92px;line-height:1em;} .general-header p {margin-top:14px;line-height: 1.3em;letter-spacing: -0.2px;} .general-header .flex {align-items: center;} .general-header .img-holder img { width: 100%; } @media screen and (min-width:768px){ .general-header h1 {font-size:64px;font-weight:700;padding-right:32px;} .general-header p {font-size: 20px;max-width:563px;margin-top:auto;} .header-media.general-header p {max-width:571px;} } .section-careers-intro {margin-top:96px;} .section-careers-intro .main-width {display:flex;flex-direction: column;padding-top:40px;padding-bottom:48px;} .section-careers-intro .img-holder img {display:block;} .section-careers-intro .img-holder {border-bottom:16px solid var(--evergreen);} .careers-listings {background:var(--mist);padding-bottom:16px;} .careers-listings .filter {padding:40px 0;display:flex;gap:16px;flex-direction: column;} .careers-listings label {display: block;font-weight: 500;font-size:12px;margin-bottom:8px;line-height:1em;} .careers-listings .listing {padding:32px 24px;margin-bottom:16px;background:white;border-radius:12px;display:flex;gap:24px;flex-direction:column;} .careers-listings .listing:nth-last-of-type(1) {margin-bottom:0px;} .careers-listings .key {display:flex;gap:8px;align-items: center;flex-wrap: wrap;} .careers-listings .key p {width:100%;} .careers-listings .tag {display:flex;height:22px;padding:0px 12px;background:var(--mist);border-radius:12px;color:var(--evergreen);text-decoration:none;line-height:1em;align-items: center;font-weight:500;border:1px solid transparent;} .careers-listings .tag:hover {border-color:#bdbdbd;} .careers-listings h3 {font-size:20px;letter-spacing: 0.4px;font-weight:700;margin:24px 0 8px 0;} .careers-listings .detail {display:none;} .careers-listings .detail a {color:var(--evergreen);} .careers-listings .detail h3, .careers-listings .detail h4, .careers-listings .detail h5 {margin-bottom:12px;} .careers-listings .over .detail {display:block;} .careers-listings .icon.plus {color:var(--black);font-size:13px;text-decoration: none;} .careers-listings .icon.plus:hover {color:var(--evergreen);} .careers-listings .icon.plus:before {font-family:gotham;content:"READ MORE";font-weight:700;} .careers-listings .over .icon.plus:before {font-family:gotham;content:"READ LESS";} .careers-listings .icon.plus:after {content:"\e807";margin-left:8px;} .careers-listings .over .icon.plus:after {content:"\e804";} .careers-listings .over .icon.plus {color:var(--evergreen);} .careers-listings .intro p, .careers-listings .detail p {margin-bottom:5px;} .careers-listings .intro p:nth-last-of-type(n + 2), .careers-listings .detail p:nth-last-of-type(n + 2) {margin-bottom:16px;} .careers-listings .over .intro>p {display:none;} .icon.arrow-back {width:32px;height:32px;border:1.5px solid black;display:flex;justify-content: center;align-items: center;transition:all .3s linear;border-radius:32px;text-decoration:none;color:black;margin-right:14px;} .icon.arrow-back:hover {border-color:var(--fields);background:var(--fields);} .careers-listings .pattern {margin-top:60px;} .pattern {height:64px;background:url("/wp-content/themes/twomountains/images/footer-pattern.webp") left top repeat-x;background-size: auto 100%;mix-blend-mode: multiply;} .careers-listings .listing ul li {margin-top:12px;} .careers-listings .listing ul ul {list-style:none;} .careers-listings .listing ul ul li {position:relative;} .careers-listings .listing ul ul li:before {content:"-";position:absolute;left:-20px;top:0px;} @media screen and (min-width:768px){ .careers-listings .key p {width:auto;} .section-careers-intro {margin-top:118px;} .section-careers-intro .main-width {display:flex;flex-direction: row;justify-content: space-between;padding-top:64px;padding-bottom:48px;align-items:center;} .careers-listings {padding-bottom:40px;} .careers-listings .filter {padding:64px 0;flex-direction: row;} .careers-listings .listing {padding:40px 32px;margin-bottom:24px;gap:40px;flex-direction: row;justify-content: space-between;} .careers-listings .tag {height:25px;} .careers-listings h3 {font-size:24px;margin:13px 0;} .careers-listings .intro p, .careers-listings .detail p {margin-bottom:16px;} .careers-listings .intro p, .careers-listings .detail p {font-size:17px;} .careers-listings .icon.plus {font-size:15px;} .careers-listings label {font-size:14px;} .careers-listings .filter>div {max-width:316px;flex:1;} .careers-listings .pattern {margin-top:80px;} .careers-listings .over .detail {font-size:17px;} .pattern {height:90px;} } .textfield {border-radius: 4px;border: 1px solid #878787;background: white;color:var(--black);-webkit-appearance:none;appearance:none;padding:0px 16px;font-size:17px;font-family:gotham;height:40px;width:100%;display:flex;align-items: center;} .textfield.search {background:white url("/wp-content/themes/twomountains/images/icons/search.svg") right 16px center no-repeat;background-size:16px;} textarea.textfield, .textfield.dropper {height:144px;padding-top:12px;padding-bottom:12px;} @media screen and (min-width:768px){ .textfield {height:48px;} textarea.textfield {height:169px;} } .textfield:focus {outline:none;} .textfield::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.5);} .textfield:-ms-input-placeholder {color: rgba(0, 0, 0, 0.5);} .textfield::-ms-input-placeholder {color: rgba(0, 0, 0, 0.5);} .textfield::placeholder {color: rgba(0, 0, 0, 0.5);} .custom-select {z-index:5;} .custom-select .selectbox {position:relative;} .custom-select .selectbox ul {border-radius: 12px;background: white;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);padding:0 16px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;pointer-events: none;opacity:0;max-height:0;overflow:hidden;transition:all .15s linear;} .custom-select .selectbox.active ul {max-height:none;opacity:1;pointer-events: all;overflow:visible;} .custom-select .selectbox span.textfield {cursor:pointer;line-height:1.1em;} .custom-select .selectbox.incomplete span.textfield {color:rgba(20, 20, 20, 0.5);} .custom-select .selectbox span.textfield:after {color:black;transition:transform .2s linear;} .custom-select .selectbox.active span.textfield:after {transform:rotate(180deg);} .custom-select .selectbox ul li {padding:12px 0;cursor:pointer;} .custom-select .selectbox ul li:nth-last-of-type(n + 2) {border-bottom:1px solid var(--mist);} .custom-select .selectbox ul li:hover {font-weight:500;} .custom-select .selectbox ul li.parent-term {pointer-events:none;font-weight:500;border-color:rgba(20, 20, 20, 0.2);} .custom-select:nth-last-of-type(1) {z-index:4;} /* Media room */ .media-listings {background:var(--mist);padding-bottom:16px;} .media-listings .filter {padding:40px 0;display:flex;gap:16px;flex-direction: column;} .media-listings label {display: block;font-weight: 500;font-size:12px;margin-bottom:8px;line-height:1em;} .media-listings .listing {padding:24px;margin-bottom:16px;background:white;border-radius:12px;display:flex;gap:24px;flex-direction:column;color:var(--black);text-decoration: none;overflow:hidden;justify-content: flex-start;} .media-listings .listing:nth-last-of-type(1) {margin-bottom:0px;} .media-listings .key {display:flex;gap:8px;align-items: center;flex-wrap: wrap;} .media-listings .tag {display:flex;height:22px;padding:0px 12px;background:var(--mist);border-radius:12px;color:var(--evergreen);text-decoration:none;line-height:1em;align-items: center;font-weight:500;font-size:12px;border:1px solid transparent;transition:all .3s linear;pointer-events:none;} .media-listings .tag:hover {border-color:#bdbdbd;} .media-listings h3 {font-size:20px;letter-spacing: 0.4px;font-weight:700;margin:24px 0 8px 0;} .media-listings .detail {display:none;} .media-listings .over .detail {display:block;} .media-listings .icon.plus {color:var(--black);font-size:13px;text-decoration: none;line-height:1em;display:flex;} .media-listings .icon.plus:hover {color:var(--evergreen);} .media-listings .icon.plus:before {font-family:gotham;content:"READ MORE";font-weight:700;} .media-listings .icon.plus:after {content:"\e806";margin-left:8px;font-size:12px;} .media-listings .over .icon.plus:after {content:"\e804";} .media-listings .over .icon.plus {color:var(--evergreen);} .media-listings .over .intro>p {display:none;} .media-listings .pattern {margin-top:60px;} .media-listings .listings {columns: 1;gap:24px;} .media-listings .listing .img-holder {margin: -24px -24px 0 -24px;position:relative;} .media-listings .listing .img-holder img {display:block;} .media-listings .listing h3 {margin-top:10px;} .media-listings .listing .intro p {margin-bottom:8px;} .media-listings .button.click-loadmore {margin:40px auto 0px auto;} .media-listings .all-categories {display:none;} .media-listings .all-categories.display {display:flex;} #loadmore {display:none;} #loadmore.active {display:flex;} @media screen and (min-width:768px){ .media-listings {padding-bottom:40px;} .media-listings .filter {padding:64px 0;flex-direction: row;} .media-listings .listing {padding:40px 32px;margin-bottom:24px;gap:40px;} .media-listings .tag {height:25px;font-size:14px;} .media-listings h3 {font-size:24px;margin:13px 0;} .media-listings .listing .intro p {margin-bottom:16px;} .media-listings .icon.plus {font-size:15px;} .media-listings label {font-size:14px;} .media-listings .filter>div {max-width:316px;flex:1;} .media-listings .pattern {margin-top:80px;} .media-listings .listing h3 {font-size:22px;} .media-listings .button.click-loadmore {margin:60px auto 0px auto;} .media-listings .listings {columns: 2;gap:24px;} .media-listings .listing .img-holder {margin: -40px -32px 0 -32px;height:240px;} .media-listings .listing .img-holder img {position:absolute;left:0;top:0;height:100%;width:100%;object-fit: cover;} } @media screen and (min-width:1024px){ .media-listings .listings {columns: 3;gap:24px;} } /* Media */ .gallery-holder { position: relative;border-radius: 12px;overflow: hidden;} .gallery-slide { outline: none; } .gallery-image { display:block; width:100%; height:auto; } .gallery-slider:after {content:"";width:100%;height:90px;left:0;bottom:0;opacity: 0.5;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);position:absolute;z-index:1;} .gallery-counter {position: absolute;bottom: 0;right: 0;z-index: 5;color: #fff;padding: 0px 12px;user-select: none;color: white;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(8px);width:140px;display:flex; justify-content: flex-start;align-items: center;height:56px;border-bottom-right-radius: 12px;} .gallery-holder .slick-prev, .gallery-holder .slick-next {z-index: 6;width: 32px;height: 32px;bottom: 12px;position: absolute;top: auto;margin: 0;transform: none;border:1.5px solid white;border-radius:32px;cursor:pointer;display:flex;justify-content: center;align-items:center;transition:all .3s linear;} .gallery-holder .slick-prev:hover, .gallery-holder .slick-next:hover {color:black;border-color:var(--fields);background:var(--fields);} .gallery-holder .slick-prev {left:auto;right:56px;} .gallery-holder .slick-next {right:12px;} .gallery-holder .slick-prev:before, .gallery-holder .slick-next:before {content:"\e806";font-size:12px;display:inline-flex;opacity:1;color:inherit;color:white;} .gallery-holder .slick-prev:hover:before, .gallery-holder .slick-next:hover:before {color:black;} .gallery-holder .slick-prev:before {transform: rotate(180deg);} .gallery-holder .slick-next:before {} .gallery-holder .slick-disabled {opacity:0.4;pointer-events: none;} @media screen and (min-width:768px){ .gallery-holder .slick-prev {left:auto;right:96px;} .gallery-holder .slick-next {right:54px;} .gallery-counter {justify-content:flex-end;font-size:17px;} } .media-more {background:var(--mist);padding-top:64px;padding-bottom:64px;} .media-more h2 {font-weight:500;font-size:26px;letter-spacing: -1.7px;line-height: 1em;} .media-more .small-head-buttons {display:flex;justify-content: space-between;gap:30px;align-items: flex-end;} .media-more .media-listing {background:none;} @media screen and (min-width:768px){ .media-more {background:var(--mist);padding-top:80px;padding-bottom:80px;} .media-more h2 {font-size:34px;} .media-more .small-head-buttons {align-items: center;} } .banner-single {background:var(--light-grey);padding-top:138px;padding-bottom:40px;} .banner-single .icon.back {color:var(--black);font-weight:700;font-size:13px;text-transform:uppercase;display:inline-flex;text-decoration:none;align-items: center;} .banner-single .icon.back:before {content:"\e806";width:32px;height:32px;border-radius:32px;border:1.5px solid black;display:flex;margin-right:10px;align-items: center;justify-content: center;transition:all .3s linear;transform:rotate(180deg);} .banner-single .icon.back:hover:before {background:var(--fields);border-color:transparent;} .banner-single h1 {font-size:36px;font-weight:300;margin:15px 0;letter-spacing: -2.16px;line-height:1em;max-width:760px;} .banner-single .tag {display:flex;height:22px;padding:0px 12px;background:white;border-radius:12px;color:var(--evergreen);text-decoration:none;line-height:1em;align-items: center;font-weight:500;font-size:12px;border:1px solid transparent;transition:all .3s linear;pointer-events:none;} .banner-single .tag:hover {border-color:#bdbdbd;} .banner-single .date {display:flex;gap:8px;flex-wrap:wrap;} .banner-single .date span {font-size:12px;} @media screen and (min-width:768px){ .banner-single {background:var(--light-grey);padding-top:182px;padding-bottom:64px;} .banner-single h1 {font-size:64px;margin:20px 0 20px 0;} .banner-single .icon.back {font-size:15px;} .banner-single .date span {width:auto;font-size:14px;} } .article-content {padding-top:40px;padding-bottom:40px;} .article-content h2 {font-size:20px;font-weight:500;margin-bottom:20px;} .article-content h3 {font-size:18px;font-weight:500;margin-bottom:20px;} .article-content h4 {font-size:16px;font-weight:500;margin-bottom:20px;} .article-content h5 {font-size:15px;font-weight:500;margin-bottom:20px;} .article-content .col1 {max-width:845px;} .article-content .col2 {width:100%;max-width:none;margin-bottom:40px;} .article-content .main-width.flex {flex-direction:column-reverse;} .article-content p:nth-last-of-type(n + 2) {margin-bottom:20px;} .share-holder {display:flex;gap:8px;align-items: center;flex-wrap:wrap;margin-top:40px;} .article-content .share-holder h3 {font-size:14px;font-weight:700;margin:0;width:100%;} .share-holder a {text-decoration:none;display:flex;width:32px;height:32px;justify-content: center;align-items: center;border-radius:32px;transition:all .3s linear;border:1.5px solid black;color:black;} .share-holder a.icon:after {font-size:15px;margin:0;} .share-holder a:hover {border-color:var(--evergreen);color:var(--evergreen);} .article-content figure.wp-block-image {margin: 40px 0px;} .article-content figure.wp-block-image img, .article-content img {display:block;border-radius: 12px;} .post-featured-image {margin-bottom:40px;} .media-more .media-listings {background:none;padding-top:0;padding-bottom:0;margin-top:24px;} .media-more .buttons {display:none;} .media-more .buttons.mobile {display:flex;margin-top:24px;} @media screen and (min-width:768px){ .article-content {padding-top:80px;padding-bottom:80px;} .article-content h2 {font-size:24px;font-weight:500;margin-bottom:20px;} .article-content h3 {font-size:22px;font-weight:500;margin-bottom:20px;} .article-content h4 {font-size:20px;font-weight:500;margin-bottom:20px;} .article-content h5 {font-size:18px;font-weight:500;margin-bottom:20px;} .article-content .share-holder h3 {width:auto;font-size:17px;} .article-content .col2 {width:50%;margin-left:80px;max-width:592px;} .article-content .main-width.flex {flex-direction:row;} .media-more .media-listings {margin-top:64px;} .media-more .buttons {display:flex;} .media-more .buttons.mobile {display:none;} } @media screen and (min-width:768px){ .media-more .media-listings .listings {gap: 24px;display: grid;grid-template-columns: 1fr 1fr;} .media-more .media-listings .listing {flex: 1;display: flex;flex-direction: column;} .media-more .media-listings .listing.no_image>div {flex: 1;display:flex;flex-direction: column;} .media-more .media-listings .listing .intro {flex: 1;display: flex;flex-direction: column;} .media-more .media-listings .icon.plus {margin-top:auto;} .media-more .media-listings .listing {margin-bottom:0;} } @media screen and (min-width:1024px){ .media-more .media-listings .listings {gap: 24px;display: grid;grid-template-columns: 1fr 1fr 1fr;} } .media-listings .listing .intro p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; } .media-more .media-listings .listing.no_image .intro p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 14; line-clamp: 14; overflow: hidden; } @media screen and (max-width:768px){ .media-more .media-listings .listing.no_image .intro p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; } } /* FAQs */ .section-faqs {background:var(--mist);padding-top:40px;padding-bottom:40px;} .greenbox {background:var(--evergreen);color:white;border-radius:12px;text-transform: uppercase;padding: 0 24px;display: flex;height: 65px;align-items: center;font-weight:500;margin-bottom:48px;} .section-faqs h2 {font-weight:500;font-size:26px;} .section-faqs h2:nth-of-type(n + 2) {margin-top:32px;} .faq-list .faq {margin-top:24px;border-radius: 12px;background: white;padding:32px 24px;display:flex;gap:40px;cursor:pointer;} .faq-list .faq>div {flex:1;} .faq-list .faq:after {content:"+";width:24px;height:24px;border-radius:32px;display:flex;justify-content: center;align-items: center;border:1.5px solid black;font-size: 25px;font-weight: 300;transition:all .3s linear;flex:0 0 24px;line-height:1em;} .faq-list .faq.active:after {content:"-";} .faq-list .faq:hover:after {background:var(--fields);border-color:transparent;} .faq-list .faq h3 {font-size:20px;font-weight:700;} .faq-list {flex:1;margin-bottom:80px;} .faq-list .answer {display:none;} .faq-list .active .answer {display:block;margin-top:16px;} .faq-list .active .answer a {color:var(--evergreen);} @media screen and (min-width:768px){ .faq-list .faq:after {width:32px;height:32px;flex:0 0 32px;} .section-faqs {background:var(--mist);padding-top:80px;} .section-faqs .main-width {display:flex;gap:80px;} .section-faqs .categories {width:300px;position:relative;padding-bottom:80px;} .section-faqs .categories .custom-select {position: sticky;top: 170px;} .section-faqs h2 {font-size:26px;} .section-faqs h2:nth-of-type(n + 2) {margin-top:48px;} .section-faqs .custom-select .selectbox ul {opacity:1;pointer-events: all;background:var(--evergreen);box-shadow:none;position:relative;top:0;color:white;transform: none;max-height:none;padding:40px 0 40px 40px;} .section-faqs .custom-select .selectbox ul li {font-weight:500;font-size:14px;text-transform:uppercase;margin-bottom:20px;padding:0;} .section-faqs .custom-select .selectbox ul li:hover, .section-faqs .custom-select .selectbox ul li.active {text-decoration:underline;text-underline-offset:2px;} .section-faqs .custom-select .selectbox ul li:nth-last-of-type(1) {margin-bottom:0;} .section-faqs .custom-select .selectbox ul li:nth-last-of-type(n + 2) {border:none;} .section-faqs .custom-select .greenbox {display:none;} .faq-list .active .answer {font-size:17px;} .faq-list .faq {padding:40px 32px;} .faq-list .faq h3 {font-size:24px;} } /* CONTACT PAGE*/ .contact-top {background:var(--mist);padding-top:80px;} .contact-top .white-wrapper {padding-top:40px;padding-bottom:40px;} .contact-header {position:relative;min-height:532px;color:white;display: flex;} .contact-header:after {content:"";height:16px;width:100%;background:var(--evergreen);position:absolute;bottom:0;left:0;} .contact-header p {font-size:17px;} .contact-header .img-holder {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;} .contact-header .img-holder:after {content:"";postion:absolute;width:100%;height:100%;left:0;top:0;display:block;} .contact-header .img-holder img {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;object-fit: cover;} .contact-header .main-width {position:relative;z-index:1;padding-top:150px;} .contact-header .buttons {margin-top:24px;} .contact-header.general-header h1 {margin-bottom: 16px;font-weight:300;} .contact-header.general-header h1 strong {font-weight:700;} .contact-header.general-header .button.secondary.white {background:rgba(255,255,255,0.05);backdrop-filter:blur(7.5px);} .contact-header.general-header .button.secondary.white:hover {background:var(--fields);} .contact-top .main-width.flex {flex-direction:column;gap:40px;} .contact-details ul {background:var(--evergreen) url("/wp-content/themes/twomountains/images/pattern-everygreen.png") left bottom no-repeat;background-size:100% auto;border-radius:12px;padding:24px 24px 48px 24px;margin:0px;color:white;list-style:none;} .contact-details ul a, .contact-details ul p {color:white;text-decoration:none;font-weight:700;line-height:1em;display:block;} .contact-details ul li {display:flex;gap:16px;align-items: center;} .contact-details ul li:nth-last-of-type(n + 2){margin-bottom:16px} .contact-details h3 {font-size:15px;font-weight:700;text-transform: uppercase;margin-bottom:8px;} .contact-details ul img {width:32px;} .contact-form-holder {display:flex;} .contact-form-holder h2 {font-size:26px;font-weight:500px;margin-bottom:16px;letter-spacing: -1.7px;} .contact-form {display:flex;flex-direction:column;gap:16px;} .contact-form label {display: block;font-weight: 500;font-size: 12px;margin-bottom: 8px;line-height: 1em;} .form-group.right {display: flex;justify-content: flex-end;} .form-group.checkbox-group {position:relative;} .form-group.checkbox-group label {padding-left:40px;font-weight:12px;line-height:1.2em;font-weight:400;} .form-group.checkbox-group label .checkbox, .form-group .checkbox-group label .checkbox {position: absolute;left: 0;top: 0;width: 24px;height: 24px;border-radius: 6px;border: 1px solid #878787;background: white;-wekit-appearance: none;appearance: none;margin:0;} p.validation {color: var(--evergreen);margin-top: 10px;} .error .textfield {border-color: var(--evergreen);} .contact-form-holder.processing .contact-form .button.primary {display:none;} .contact-details ul.old-mutual-contact a, .contact-details ul.old-mutual-contact p {color:var(--black);} .contact-details ul.old-mutual-contact { background: var(--light-grey) url(/wp-content/themes/twomountains/images/om-footer-pattern.webp) left bottom no-repeat;color:var(--black);background-size:100% auto;margin-top:24px;} @media screen and (min-width:450px){ .contact-details ul a br {display:none;} } @media screen and (min-width:768px){ .contact-header .main-width {padding-top:220px;} .contact-details ul img {width:48px;} .contact-details ul {padding:40px 40px 80px 40px;margin-bottom:0;} .contact-details ul li:nth-last-of-type(n + 2){margin-bottom:24px} .contact-details ul a,.contact-details ul p {font-size:17px;font-weight:500;transition:all .3s linear;} .contact-details ul a:hover {text-decoration:underline;text-underline-offset:2px;} .contact-details h3 {font-size:17px;margin:0;} .contact-top .white-wrapper {padding-top:80px;padding-bottom:80px;} .contact-top .main-width.flex {flex-direction:row;gap:80px;justify-content: space-between;} .contact-top .main-width.flex>div {flex:1;} .contact-details {position:relative;} /*.contact-details ul {position:sticky;top:170px;}*/ .contact-form-holder {flex:1;} .contact-form-holder h2 {font-size:32px;} .contact-form {gap:24px;} .contact-form label {font-size: 14px;} .contact-header.general-header h1 {font-size:80px;} .contact-details ul.old-mutual-contact {margin-top:32px;} .contact-details ul .icon-before.contact-email:before {margin-right: 8px;font-size: 19px;} } .find-a-branch {padding-top:40px;padding-bottom:40px;background:var(--mist);scroll-margin-top: 100px;} .find-a-branch h2 {margin-bottom:16px;} .find-a-branch .main-width > p {max-width:560px;} @media screen and (min-width:768px){ .find-a-branch {padding-top:80px;padding-bottom:40px;} .find-a-branch h2 {margin-bottom:40px;} .find-a-branch .main-width > p {font-size:17px;} } .form-thanks {display:none;} .contact-form-holder.completed .form-thanks {display:block;} .contact-form-holder.completed .contact-form {display:none;} .form-thanks h2 {font-size:40px;font-weight:400;} .form-thanks h2 strong {font-weight:700;display:block;} .form-thanks p {margin-bottom:20px;} @media screen and (min-width:768px){ .form-thanks h2 {font-size:56px;} .form-thanks {margin:auto 0;} } .map-holder {display:flex;flex-direction:column;gap:24px;position:relative;} .map-holder .mapkey {border-radius:12px;padding:0;background:white;} .map-holder .map {min-height:300px;border-radius:12px;} .map-holder .mapkey h3 {font-size: 15px;font-weight: 700;text-transform: uppercase;padding:16px 24px;margin:0;display:flex;justify-content: space-between;} .map-holder .mapkey ul {list-style:none;margin:0px;padding:0px;display:none;flex-direction:column;gap:16px;font-size:14px;padding:16px 24px 16px 24px;} .map-holder .mapkey h4, .map-holder .mapkey p {font-size:14px;} .map-holder .mapkey.active ul {display:flex;} .map-holder .mapkey.active h3:after {transform:rotate(180deg);} .map-holder .mapkey ul li {position:relative;padding-left:32px;} .map-holder .mapkey ul li span {content:"";width:16px;height:16px;display:block;border-radius:16px;position:absolute;left:0;top:0;} .xmap-holder .mapkey ul li:nth-of-type(1):before, .tag.funeral-parlour {background:var(--fields);} .xmap-holder .mapkey ul li:nth-of-type(2):before, .tag.satellite-office {background:#3CB7B0;} .xmap-holder .mapkey ul li:nth-of-type(3):before, .tag.old-mutual {background:#009677;} .xmap-holder .mapkey ul li:nth-of-type(4):before, .tag.boxer-store {background:#ED1C24;} .xmap-holder .mapkey ul li:nth-of-type(5):before, .tag.head-office {background:#000000;} .xmap-holder .mapkey ul li {position:relative;} .map-results-holder > h3 {font-size:15px;text-transform: uppercase;line-height:1em;font-weight:700;margin:48px 0 24px 0;max-width:260px;} .branch {padding:24px;border-radius:12px;color:black;background:white;font-size:14px;display:none;} .branch.active {display:block;} .branch h3 {font-size:20px;margin-bottom:4px;} .branch ul {list-style:none;margin:0px;padding:0px;} .branch ul:has(+ .icon) {margin-bottom: 16px;} .branch ul li {position:relative;padding-left:32px;margin-top:12px;} .branch ul li img {position:absolute;left:0px;top:0px;max-width:24px;} .branch ul li:nth-of-type(1) img {max-width:15px;top:2px;} .branch ul li:nth-of-type(2) img {max-width:20px;top:4px;} .branch ul li:nth-of-type(3) img {max-width:17px;top:1px;} .branch a.link {font-size:13px;text-transform: uppercase;font-weight:700;} .branch a {color:black;text-decoration:none;} .branch a:hover {text-decoration:underline;} .branch .tag {pointer-events:none;border:none;color:white;font-weight:500;display:inline-flex;} .map-results {display:grid;grid-template-columns:1fr;gap:24px;} .map-results .branch {} .link.icon.arrow-right {position:relative;} .link.icon.arrow-right:after {content: "\e806";font-size: 12px;position:absolute;left:calc(100% + 8px);} .map-message {position: absolute;left: 50%;top: 30px;background: white;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);z-index: 2;padding: 20px;border-radius: 12px;transform: translateX(-50%);display:none;} .map-message.active {display:block;} @media screen and (min-width:992px){ .map-message{;left: calc( 50% - 175px)} .map-results-holder > h3 {font-size:17px;margin:64px 0 40px 0;max-width:none;} .map-holder {flex-direction:row;} .map-holder .mapkey {padding:24px;width:324px;} .map-holder .map {min-height:500px;flex:1;} .map-holder .mapkey h3 {font-size: 15px;font-weight: 700;text-transform: uppercase;padding:0 0 24px 0;} .map-holder .mapkey h3:after {display:none;} .map-holder .mapkey ul {display:flex;padding:0;} .branch {font-size:17px;} .branch a.link {font-size:15px;} .branch h3 {font-size:24px;} .map-results {grid-template-columns:1fr 1fr;} } .gm-style .gm-style-iw-tc {display:none;} .gm-style-iw-chr {display:none !important;} .gm-style .gm-style-iw-d {overflow:visible !important;max-height:none !important;} .gm-style .gm-style-iw-c {padding:16px !important;border-radius: 12px;background: white;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.11);} .map-popup h3 {margin:0 0 8px 0;font-size:14px;} .map-popup p {font-size:14px;font-weight:400;margin-bottom:16px;} .map-popup a.icon {color:var(--evergreen);text-transform:uppercase;font-size:14px;font-weight:700;text-decoration:none;} /* Compliments & Complaints */ .header-compliments .buttons {margin-top:16px;flex-wrap:wrap;} .section-careers-intro.header-compliments .img-holder {border-bottom:none;} .header-compliments .buttons {flex-direction:column-reverse;} @media screen and (min-width:576px){ .header-compliments .buttons {flex-direction:row;} } @media screen and (min-width:768px){ .header-compliments .main-width h1 {font-size:44px;} .header-compliments .main-width .flex {flex:1;} .header-compliments .main-width > div:nth-of-type(2) {max-width:574px;flex:1;} } @media screen and (min-width:1150px){ .header-compliments .main-width h1 {font-size:64px;} } .section-compliments {padding-top:40px;padding-bottom:24px;} .section-compliments h2 {font-weight:400;font-size:32px;margin-bottom:0;} .section-compliments .buttons {margin-top:16px;} .section-compliments .main-width.flex {flex-direction:column;gap:24px;} @media screen and (min-width:768px){ .section-compliments {padding-top:80px;} .section-compliments .main-width.flex {flex-direction:row;} .section-compliments .main-width.flex>div {flex:1} .section-compliments .main-width.flex>div:nth-of-type(2) {max-width:574px;} } @media screen and (min-width:992px){ .section-compliments h2 {font-size:56px;} .section-compliments p {font-size:17px;} .section-compliments .main-width.flex {gap:120px;} } @media screen and (min-width:1024px){ .section-compliments .main-width.flex {gap:120px;} } .green-background {background:var(--evergreen);color:white;} .green-background a {color:white;font-weight:700;} .green-background .pattern {background:url(/wp-content/themes/twomountains/images/pattern-green-background.webp);mix-blend-mode:normal;margin-top:40px;height:64px;background-size:auto 64px;} @media screen and (min-width:768px){ .green-background .pattern {margin-top:48px;background-size:auto 92px;height:92px;} } .section-two-column h2 {font-weight:700;font-size:26px;margin-bottom:20px;letter-spacing:-1.7px;} .section-two-column .buttons {margin-top:16px;} .section-two-column .main-width.flex {flex-direction:column;gap:24px;} .section-two-column ul {margin:16px 0 0 0;padding:0 0 0 24px;} @media screen and (min-width:768px){ .section-two-column h2 {font-size:34px;max-width:320px;} .section-two-column p {font-size:17px;} .section-two-column .main-width.flex {flex-direction:row;} .section-two-column .main-width.flex>div {flex:1} .section-two-column .main-width.flex>div:nth-of-type(2) {max-width:574px;} } @media screen and (min-width:1024px){ .section-two-column .main-width.flex {gap:112px;} } .section-principles {padding-top:64px;padding-bottom:64px;background:var(--light-grey);} @media screen and (min-width:768px){ .section-principles {padding-top:112px;padding-bottom:112px;} .section-two-column.section-principles h2 {max-width:none;} } .section-complain-process {padding-top:40px;padding-bottom:40px;} .section-complain-process .main-width.flex {flex-direction:column;gap:16px;} .section-complain-process figure {margin:0;} .section-complain-process .main-width.grid {padding-top:48px;grid-auto-flow: row;grid-template-columns: 1fr;gap:24px;} .card {padding:24px;background:var(--light-grey);border-radius:12px;} .section-complain-process .card img {margin-bottom:10px;height:48px;width:auto;} .section-complain-process .card ul {margin:0;padding:0;list-style:none;} .section-complain-process .card ul li {position:relative;padding-left:28px;margin-top:14px} .section-complain-process .card ul li img {position:absolute;top:-8px;left:0;max-width:17px;} .section-complain-process .card:nth-of-type(1) {background:var(--evergreen);color:white;} .section-complain-process .card:nth-of-type(1) a {color:white;} .section-complain-process h3 br {display:none;} @media screen and (min-width:768px){ .section-complain-process .card img {margin-bottom:24px;} .section-complain-process h3 br {display:block;} .section-complain-process {padding-top:80px;padding-bottom:80px;} .section-complain-process .main-width.flex {flex-direction:row;justify-content: space-between;align-items: flex-end;} .section-complain-process .main-width.grid {padding-top:64px;grid-template-columns: 1fr 1fr;} .section-complain-process .card ul a {font-size:17px;text-underline-offset:2px;} .section-complain-process .card:nth-of-type(1) a:hover {text-decoration:none;} } @media screen and (min-width:1150px){ .section-complain-process .main-width.grid {grid-template-columns: 1fr 1fr 1fr 1fr;} } .section-log-complaint {padding-top:64px;padding-bottom:40px;background:var(--light-grey);} .section-log-complaint .card {background:white;margin-bottom:24px;} .section-log-complaint .card p:nth-last-of-type(n + 2) {margin-bottom:16px;} .section-log-complaint .card a {color:black;} .section-log-complaint .pattern {margin-top:64px;} .section-log-complaint .contact-form-holder {margin: auto 0;align-self: center;} @media screen and (min-width:768px){ .section-log-complaint {padding-top:112px;} .section-log-complaint .pattern {margin-top:112px;} .section-log-complaint ul {font-size:17px;} .section-log-complaint ul a {text-underline-offset:2px;} .section-log-complaint ul a:hover {text-decoration:none;} } .custom-select.complaint-tabs {margin-top:40px;padding-bottom:16px;border-bottom:1px solid var(--mist);margin-bottom:32px;position: relative; z-index: 10;} .custom-select.complaint-tabs ul {margin-top:40px;border-radius:4px;box-shadow:none;} @media screen and (max-width:768px){ .custom-select.complaint-tabs span {background: white;height:48px;display: flex;padding: 0 24px;font-weight: 700;text-transform: uppercase;border-radius: 4px;align-items:center;} .custom-select.complaint-tabs ul {margin-top:0;} } @media screen and (min-width:768px){ .custom-select.complaint-tabs span {display:none;} .custom-select.complaint-tabs ul {height:auto;display:flex;gap:8px;pointer-events: all;max-height:none;background:none;opacity:1;padding:0;position:relative;top:0;} .custom-select.complaint-tabs ul li {background:white;border-radius:4px;padding:16px 24px 16px 42px;display:flex;align-items: center;font-size:15px;font-weight:700;text-transform: uppercase;opacity:0.5;position:relative;line-height:1em;} .custom-select.complaint-tabs ul li strong {position:absolute;left:24px;top:16px;} .custom-select.complaint-tabs ul li:hover {font-weight:700;} .custom-select.complaint-tabs ul li.active {opacity:1;} .custom-select.complaint-tabs {padding-bottom:0;border-bottom:none;margin-bottom:40px;} } .contact-form .pages {display:none;gap:24px;flex-direction:column;} .contact-form .pages.active {display:flex;} .custom-select.complaint-tabs ul li.disabled {cursor:not-allowed;pointer-events: none;} .custom-select.complaint-tabs ul li {opacity:0.5;} .custom-select.complaint-tabs ul li.active {opacity:1;} .section-log-complaint .contact-form {width:100%;} .form-thanks h2 {max-width:none;} .section-log-complaint.completed .main-width.flex>div:nth-of-type(2) {display: flex;flex-direction: column;} .section-log-complaint.completed .main-width.flex>div:nth-of-type(2) > h2, .section-log-complaint.completed .main-width.flex>div:nth-of-type(2) > p, .section-log-complaint.completed .main-width.flex>div:nth-of-type(2) .complaint-tabs {display:none;} .ui-autocomplete {background: white;border-radius: 4px;list-style: none;margin: 17px 0 0 0;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);padding:0;} .ui-autocomplete li {padding:16px;cursor:pointer;} .ui-autocomplete li:nth-last-of-type(n + 2) {border-bottom: 1px solid var(--mist);} .form-group.hide {display:none;} .section-log-complaint .form-group.custom-select:has(.active) {z-index:10;} .textfield.dropper {position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content: center;gap:12px;height: auto;min-height: 140px;} .textfield.dropper input {opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;} .textfield.dropper a {color:black;pointer-events: none;} .textfield.dropper p {opacity:0.5;pointer-events: none;} .textfield.dropper img {opacity:0.5;pointer-events: none;} /* About */ .image-header {height:532px;color:white;position:relative;} .image-header h1 {font-weight:400;margin-bottom:8px;} .image-header:after {content:"";height:16px;width:100%;display:block;left:0;bottom:0;background:var(--evergreen);position:absolute;z-index:3;} .image-header .img-holder {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;} .image-header .img-holder img {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;object-fit:cover;} .image-header .main-width {position:relative;z-index:2;padding-top:150px;} .general-header.image-header p { font-size:17px;} @media screen and (min-width:768px) { .image-header h1 {font-weight:400;margin-bottom:16px;font-size:80px;} .image-header .main-width {position:relative;z-index:2;padding-top:220px;} .general-header.image-header p { max-width: 634px;font-size:20px;} } .section-about-history {background:var(--light-grey);padding-top:64px;padding-bottom:64px;} .section-about-history h2 {font-weight:400;font-size:32px;letter-spacing: -1.6px;max-width:none;} .section-about-history h2 strong {display:block;} .section-about-history .panel {background: var(--evergreen) url("/wp-content/themes/twomountains/images/pattern-green-background.webp") left top 18px repeat-x;;border-radius: 12px;padding: 64px 24px 24px 24px;color: white;background-size:auto 46px;} .section-about-history .panel p:nth-last-of-type(n + 2) {margin-bottom:6px;} .section-about-history .panel p:nth-last-of-type(1) {font-size:14px;} .history-carousel img {} @media screen and (min-width:768px) { .section-about-history {padding-top:112px;padding-bottom:112px;} .section-about-history .panel {padding: 135px 40px 40px 40px;background-size:auto 95px;background-position:left top 24px;max-width:563px;} .section-about-history .panel p:nth-last-of-type(n + 2) {margin-bottom:14px;} } @media screen and (min-width:1150px) { .section-about-history h2 {font-size:56px;} } .history-carousel {margin-top:64px;} .history-carousel .slick-slide{width:240px;height:200px;margin:0 4px;} @media (min-width:768px){ .history-carousel .slick-slide{ width:360px; height:300px; margin:0 12px; } } .history-carousel img {width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;} .history-carousel .slick-slide{ outline:none; } .section-about-purpose {background:var(--light-grey);} .section-about-purpose .white-wrapper {padding-top:40px;padding-bottom:40px;} .section-about-purpose .grid {grid-auto-flow: row;grid-template-columns: 1fr;gap:24px;} .section-about-purpose .grid>div {display:flex;flex-direction: column;justify-content: center;} .section-about-purpose .grid img {object-fit:cover;border-radius:12px;} .section-about-purpose.main .grid>div:nth-of-type(2) {margin-bottom: 40px;} .section-about-purpose p:nth-last-of-type(n+2) {margin-bottom:16px;} .section-about-purpose h2 {font-size:32px;font-weight:400;letter-spacing:-1.6px;margin-bottom:8px;} .section-about-purpose p:nth-last-of-type(n+2) {margin-bottom:16px;} @media (min-width:768px){ .section-about-purpose .white-wrapper {padding-top:80px;padding-bottom:80px;} .section-about-purpose .grid {grid-template-columns: 1fr 1fr;gap:80px;} .section-about-purpose.main .grid>div:nth-of-type(2) {margin-bottom:0px;} } @media (min-width:992px){ .section-about-purpose h2 {font-size:56px;margin-bottom:14px;} } @media (min-width:1200px){ .section-about-purpose .grid>div:nth-of-type(1) {padding-left:88px;} .section-about-purpose .grid>div:nth-of-type(4) {padding-right:88px;} .section-about-purpose.img-first .grid>div:nth-of-type(1) {padding-left:0;} } .section-about-values {background:var(--light-grey);padding-top:64px;padding-bottom:64px;} @media (min-width:768px){ .section-about-values {padding-top:112px;padding-bottom:112px;} .section-about-values .values-carousel {display:grid;grid-template-columns: 1fr 1fr;gap:24px;} } @media (min-width:992px){ .section-about-values .values-carousel {grid-template-columns: 1fr 1fr 1fr;} } @media (min-width:1150px){ .section-about-values .values-carousel {grid-template-columns: 1fr 1fr 1fr 1fr;} } .values-carousel .slick-slide {width: 200px;height: 200px;margin:0 4px;} .values-carousel .card img {width: 100%;height: 100%;object-fit: cover;display: block;position:absolute;left:0;top:0;} .values-carousel .card {background:white;outline:none;padding:24px 16px;position:relative;overflow:hidden;} .values-carousel .card strong {text-transform: uppercase;} .values-carousel .slick-next, .values-carousel .slick-prev {top:calc(100% + 16px);width:32px;height:32px;border-radius:32px;border:1.5px solid black;transition:all .3s linear;transform:none;bottom:auto;} .values-carousel .slick-next:hover, .values-carousel .slick-prev:hover {background:var(--fields);border-color:var(--fields);} .values-carousel .slick-next.slick-disabled, .values-carousel .slick-prev.slick-disabled {opacity:0.2;pointer-events: none;} .values-carousel-holder .values-pagination {position:absolute;left:80px;top:calc(100% + 25px);line-height:1em;} .values-carousel-holder {position:relative;margin-bottom:64px;} .values-carousel .slick-prev:before, .values-carousel .slick-next:before {content: "\e806";font-size: 12px;display: inline-flex;opacity: 1;color: inherit;color: black;} .values-carousel .slick-prev:before {transform:rotate(180deg);} .values-carousel .slick-next {right:auto;left:64px;} .values-carousel .slick-prev {right:auto;left:24px;} @media screen and (max-width:768px){ .values-carousel {margin:0px -40px;} .values-carousel .slick-list {padding-left:40px;} .values-carousel .card strong {font-size:15px;} } @media screen and (max-width:576px){ .values-carousel {margin:0px -24px;} .values-carousel .slick-list {padding-left:24px;} } @media screen and (min-width:768px){ .values-carousel-holder {margin-bottom:0;} .section-about-values h2 {margin-bottom:36px;} .values-carousel .card {padding:48px 32px;min-height:300px;display:flex;justify-content: space-between;flex-direction:column;} .values-pagination {display:none;} } .section-about-purpose.overlay .img {position:relative;color:white;min-height:240px;} .section-about-purpose.overlay .img img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;} .section-about-purpose.overlay .img>div {position:relative;padding:24px;} .section-about-purpose.overlay .img .button {margin-top:16px;} .section-about-purpose.overlay .img .button span:nth-of-type(1) {display:none;} .section-about-purpose.overlay .img h3 {font-size:26px;} @media screen and (min-width:768px){ .section-about-purpose.overlay .img>div {padding:40px 32px;} .section-about-purpose.overlay .img .button span:nth-of-type(1) {display:inline;} .section-about-purpose.overlay .img .button span:nth-of-type(2) {display:none;} .section-about-purpose.overlay .img h3 {font-size:34px;} .section-about-purpose .grid {gap: 40px;} } @media screen and (min-width:992px){ .section-about-purpose.overlay .img>div {padding:80px 64px;} .section-about-purpose .grid {gap: 80px;} } .section-about-exco {background:var(--light-grey);padding-top:64px;padding-bottom:64px;} .exco-card {width:240px;background:white;border-radius:12px;overflow:hidden;margin:0px 4px;outline:none;} .exco-card .img-holder {position:relative;height:240px;} .exco-card .img-holder:after {content:"";position:absolute;height:16px;width:100%;left:0;top:0;background:var(--fields);} .exco-card .img-holder img {position:absolute;height:100%;width:100%;top:0;left:0;object-fit: cover;} .exco-carousel {margin:40px -24px 46px -24px;} .exco-carousel .slick-list {padding-left:24px;} .exco-card .content-holder {padding:24px;} .exco-card .content-holder h3 {font-size:17px;font-weight:700;letter-spacing:-0.17px;margin-bottom:6px;} .exco-card .content-holder a {color:black;font-weight:700;font-size:13px;text-transform: uppercase;margin-top:18px;text-decoration: none;display:inline-flex;pointer-events: none;} .exco-carousel .slick-next, .exco-carousel .slick-prev {top:calc(100% + 16px);width:32px;height:32px;border-radius:32px;border:1.5px solid black;transition:all .3s linear;transform:none;bottom:auto;} .exco-carousel .slick-next:hover, .exco-carousel .slick-prev:hover {background:var(--fields);border-color:var(--fields);} .exco-carousel .slick-next.slick-disabled, .exco-carousel .slick-prev.slick-disabled {opacity:0.2;pointer-events: none;} .exco-carousel-holder .exco-pagination {position:absolute;left:80px;top:calc(100% + 25px);line-height:1em;} .exco-carousel-holder {position:relative;} .exco-carousel .slick-prev:before, .exco-carousel .slick-next:before {content: "\e806";font-size: 12px;display: inline-flex;opacity: 1;color: inherit;color: black;} .exco-carousel .slick-prev:before {transform:rotate(180deg);} .exco-carousel .slick-next {right:auto;left:64px;} .exco-carousel .slick-prev {right:auto;left:24px;} .exco-card p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .section-about-exco .main-width>p {font-size:17px;} @media screen and (min-width:576px){ .exco-carousel {margin:40px -40px 46px -40px;} .exco-carousel .slick-list {padding-left:40px;} .exco-carousel .slick-next {left:80px;} .exco-carousel .slick-prev {left:40px;} } @media screen and (min-width:768px){ .section-about-exco .main-width>p {max-width:calc(100% - 150px);font-size:20px;} .section-about-exco {padding-top:112px;padding-bottom:100px;} .exco-carousel {margin:40px -40px 0px -40px;} .exco-carousel .slick-next, .exco-carousel .slick-prev {top:auto;bottom:calc(100% + 40px);} .exco-carousel .slick-next {right:24px;left:auto;} .exco-carousel .slick-prev {right:64px;left:auto;} .exco-carousel-holder .exco-pagination {right:80px;top:-62px;left:auto;} .exco-carousel .slick-list {padding-bottom:12px;} .exco-carousel .exco-card {cursor:pointer;transition: box-shadow .2s linear;} .exco-carousel .exco-card:hover {box-shadow:0 4px 12px 0 rgba(0,0,0,0.1);} .exco-carousel .exco-card:hover a {color:var(--evergreen);} } @media screen and (min-width:992px){ .exco-carousel .slick-next {right:0px;} .exco-carousel .slick-prev {right:40px;} .exco-carousel {margin:40px 0 0 0;} .exco-carousel .slick-list {padding-left:0;margin-left:-12px;margin-right:-12px;} .exco-card {width:300px;margin:0px 12px;} .exco-card .img-holder {height:300px;} .exco-card .content-holder h3 {font-size:20px;} .exco-card .content-holder p {font-size:14px;} .exco-card .content-holder a {font-size:15px;} .section-about-exco .main-width>p {max-width:720px;font-size:20px;} } .modal-content .pagination {display:flex;gap:8px;justify-content: center;align-items: center;} .modal-content .pagination span {order:3;margin-left:8px;line-height:1em;} .modal-content .pagination .arrow-back {width:40px;height:40px;border:1.5px solid black;display:flex;justify-content: center;align-items:center;color:black;text-decoration:none;transition:all .3s linear;border-radius:40px;order:2;margin:0;} .modal-content .pagination .arrow-back:hover {background:var(--fields);border-color:var(--fields);} .modal-content .pagination .arrow-back.next:after {transform:rotate(0deg);} body:has(.modal-holder.active) {overflow:hidden;} .modal-holder {position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,0.4);left:0;top:0;z-index:20;padding:16px 8px;flex-direction: column;align-items: center;justify-content: center;} .modal-holder.active {display:flex;} .modal-holder .close {position:absolute;right:12px;top:12px;background:url(/wp-content/themes/twomountains/images/icons/btn-close.svg) center center no-repeat;background-size:cover;width:16px;height:16px;cursor:pointer;} .modal-holder .pagination {position:absolute;left:24px;top:40px;} .modal-content {position:relative;background:white;border-radius:12px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);max-width:1080px;min-height:300px;width:100%;} .exco-modal .content-holder {display:none;} .exco-modal .content-holder.active {display:block;gap:16px;flex-direction: column;padding:0px 8px 0px 24px;margin:96px 8px 24px 0;} .exco-modal .content-holder>div {flex:1;} .exco-modal .img-holder {position:relative;overflow:hidden;border-radius:12px;max-height: 410px;min-height: 420px;} .exco-modal .img-holder:after {content:"";position:absolute;top:0;width:16px;height:100%;background:var(--fields);} .exco-modal .img-holder img {} .exco-modal .copy-holder p:nth-of-type(1) {font-size:20px;} .exco-modal .copy-holder p.date-appointed{font-size:12px;} .exco-modal .copy-holder p:nth-last-of-type(1) {margin-top:24px;} .exco-modal .copy-holder h3 {font-size:26px;letter-spacing:-1.7px;margin-top:10px;} .exco-modal .content-holder{overflow-y: auto;height: calc(100vh - 162px);} .exco-modal .content-holder::-webkit-scrollbar{ width: 8px; } .exco-modal .content-holder::-webkit-scrollbar-track{ background: rgba(135,135,135,0.1); border-radius: 16px; background-clip: padding-box; } .exco-modal .content-holder::-webkit-scrollbar-thumb{ background-color: #00693E; border-radius: 16px; background-clip: padding-box; } @media screen and (max-width:768px){ .exco-modal .modal-content {max-height: calc(100vh - 50px);} } @media screen and (min-width:768px){ .modal-content .pagination span {order:1;margin-right:8px;margin-left:0;} .modal-holder .close {position:absolute;right:16px;top:16px;width:28px;height:28px;} .modal-holder .pagination {position:absolute;left:calc(50% + 20px);top:40px;} .exco-modal .img-holder img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;} .modal-holder {padding: 100px 40px 40px 40px;justify-content: flex-start;} .exco-modal .content-holder.active {display:flex;gap:40px;flex-direction: row;padding:40px 16px 40px 40px;margin:0;height:100%;} .exco-modal .copy-holder {margin-top:75px;padding-right:24px;} .exco-modal .copy-holder h3 {font-size:34px;margin-top:0;} .exco-modal .copy-holder p:nth-of-type(1) {font-size:20px;} .exco-modal .copy-holder p.date-appointed{font-size:12px;} .exco-modal .copy-holder p:nth-last-of-type(1) {margin-top:24px;} .exco-modal .copy-holder{overflow-y: auto;} .exco-modal .copy-holder::-webkit-scrollbar{ width: 8px; } .exco-modal .copy-holder::-webkit-scrollbar-track{ background: rgba(135,135,135,0.1); border-radius: 16px; background-clip: padding-box; } .exco-modal .copy-holder::-webkit-scrollbar-thumb{ background-color: #00693E; border-radius: 16px; background-clip: padding-box; } /* optional hover */ .exco-modal .copy-holder::-webkit-scrollbar-thumb:hover{ background-color: #005f39; } } .section-csi {padding-top:64px;padding-bottom:16px;background:var(--light-grey);} .section-csi .pattern {margin-top:60px;} .section-csi .card {background:white;padding:0px;overflow:hidden;width:314px;margin:0px 4px;outline:none;} .section-csi .main-width>p {font-size:17px;} .section-csi .content-holder {padding:24px;} .csi-carousel {margin-top:24px;} .csi-carousel .img-holder {position:relative;height:180px;} .csi-carousel .img-holder img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;} @media screen and (min-width:768px){ .csi-carousel .img-holder {height:240px;} .section-csi .main-width>p {max-width:20px;max-width:555px;font-size:20px;} .section-csi {padding-top:112px;padding-bottom:40px;} .section-csi .pattern {margin-top:92px;} .csi-carousel {margin-top:64px;} .section-csi .content-holder {padding:40px;} .section-csi .card {cursor:pointer;transition:box-shadow .2s linear;} .section-csi .card:hover {box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);} .csi-carousel .slick-track {padding-bottom:20px;} } .csi-carousel {margin:40px -24px 108px -24px;} .csi-carousel .slick-list {padding-left:24px;} .csi-carousel .content-holder {padding:24px;} .csi-carousel .content-holder h3 {font-size:20px;font-weight:700;letter-spacing:-0.17px;margin-bottom:6px;} .csi-carousel .slick-next, .csi-carousel .slick-prev {top:calc(100% + 16px);width:32px;height:32px;border-radius:32px;border:1.5px solid black;transition:all .3s linear;transform:none;bottom:auto;} .csi-carousel .slick-next:hover, .csi-carousel .slick-prev:hover {background:var(--fields);border-color:var(--fields);} .csi-carousel .slick-next.slick-disabled, .csi-carousel .slick-prev.slick-disabled {opacity:0.2;pointer-events: none;} .csi-carousel-holder .csi-pagination {position:absolute;left:80px;top:calc(100% + 25px);line-height:1em;} .csi-carousel-holder {position:relative;} .csi-carousel .slick-prev:before, .csi-carousel .slick-next:before {content: "\e806";font-size: 12px;display: inline-flex;opacity: 1;color: inherit;color: black;} .csi-carousel .slick-prev:before {transform:rotate(180deg);} .csi-carousel .slick-next {right:auto;left:64px;} .csi-carousel .slick-prev {right:auto;left:24px;} @media screen and (min-width:576px){ .csi-carousel {margin:40px -40px 108px -40px;} .csi-carousel .slick-list {padding-left:28px;} .csi-carousel .slick-next {left:80px;} .csi-carousel .slick-prev {left:40px;} } @media screen and (min-width:768px){ .csi-carousel .slick-list {padding-left:0;margin-left:-12px;margin-right:-12px;} .csi-carousel {margin:40px 0 0 0;} .csi-carousel .slick-next, .csi-carousel .slick-prev {top:auto;bottom:calc(100% + 40px);} .csi-carousel .slick-next {right:24px;left:auto;} .csi-carousel .slick-prev {right:64px;left:auto;} .csi-carousel-holder .csi-pagination {right:80px;top:-62px;left:auto;} .section-csi .card {margin:0px 12px;} } @media screen and (min-width:768px){ .csi-carousel .slick-next {right:0px;} .csi-carousel .slick-prev {right:40px;} .csi-carousel .content-holder h3 {font-size:24px;margin-bottom:14px;} } /* 4-line clamp with ellipsis */ .csi-carousel p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* number of lines */ overflow: hidden; text-overflow: ellipsis; /* keeps the … */ } .csi-carousel .slick-track {display:flex;} .csi-carousel .slick-slide {height:auto;} /* Homepage */ .header-home {background:var(--evergreen);color:white;margin-top:0;} .header-home h1 {font-weight:400;letter-spacing:-2.56px;} .header-home h1 strong {display:block;} .header-home p {line-height:1.2em;} .header-home .buttons {margin-top:16px;} .header-home a.arrow-back {border:1.5px solid white;width:40px;border-radius:40px;height:40px;display:flex;color:white;position:absolute;left:24px;bottom:24px;transition:all .2s linear;} .header-home a.arrow-back:after {transform:rotate(90deg);} .header-home a.arrow-back:hover {background:var(--fields);border-color:var(--fields);} .header-home .family-holder {position:absolute;bottom:0;right:0;padding:8px 16px;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10px);} .header-home .family-holder img {max-width:98px;} .header-home .img-holder {position:relative;} .header-home .main-width {flex:1;padding-top:140px;} .header-home .main-width > div {flex:1;} .header-home .main-width > div:nth-of-type(2) {max-width:567px;} .section-careers-intro.header-home .img-holder {border:none;} @media screen and (min-width:768px){ .header-home .family-holder {padding:16px 24px;} .header-home .family-holder img {max-width:129px;} .header-home a.arrow-back {left: 40px;} .header-home .buttons {margin-top:24px;} .header-home p {font-size:17px;} .header-home .main-width {padding-top:180px;padding-bottom:64px;align-items: flex-start;} .header-home a.arrow-back {bottom:40px;} } @media screen and (min-width:992px){ .header-home a.arrow-back {left: 88px;} } @media screen and (min-width:1480px){ .header-home a.arrow-back {left: calc((100vw - 1267px) / 2);} } .section-two-column.home-intro {background:var(--light-grey);padding-top:16px;padding-bottom:64px;} .section-two-column.home-intro h2 {max-width:none;} .section-two-column.home-intro p:nth-last-of-type(n + 2) {margin-bottom:20px;} .section-two-column.home-intro .flex>div:nth-of-type(1) p {font-size:20px;} .section-two-column.home-intro .pattern {margin-bottom:24px;} @media screen and (min-width:768px){ .section-two-column.home-intro {padding-top:40px;padding-bottom:80px;} .section-two-column.home-intro .pattern {margin-bottom:80px;} } .section-home-packages {background:var(--light-grey);} .section-home-packages .main-width.flex {margin-bottom:64px;flex-direction:column;gap:16px;} .section-home-packages .main-width.flex p {font-size:17px;} @media screen and (min-width:768px){ .section-home-packages .main-width.flex {justify-content: space-between;align-items: flex-end;flex-direction:row;} .section-home-packages .main-width.flex p {max-width:490px;font-size:20px;} } .section-home-packages .grid {grid-auto-flow: row;grid-template-columns: 1fr;gap:24px;} .section-home-packages .grid.primary {background:var(--light-grey);padding-top:40px;padding-bottom:24px;} .section-home-packages .grid a.button {margin-top:16px;} .section-home-packages .grid>div {display:flex;flex-direction: column;justify-content: center;} .section-home-packages .grid img {object-fit:cover;border-radius:12px;} .section-home-packages.grid>div:nth-of-type(2) {margin-bottom:40px;} .section-home-packages h3 {font-size:32px;font-weight:400;letter-spacing:-1.6px;margin-bottom:8px;} .section-home-packages p:nth-last-of-type(n+2) {margin-bottom:16px;} .section-home-packages .white-wrapper {padding:40px 8px 64px 8px;} .section-home-packages .grid.primary {padding:40px 16px 16px 16px;border-radius:12px;overflow:hidden;position:relative;} .section-home-packages .grid.primary>div:nth-of-type(1) {order:2;} .section-home-packages .grid.primary:before {content:"";width:100%;height:16px;top:0;left:0;background:var(--fields);position:absolute;} .section-home-packages .grid.secondary {margin-top:64px;padding:0px 8px;} .section-home-packages .grid.secondary>div:nth-of-type(3) {order:4;} .section-home-packages .grid.secondary>div:nth-of-type(4) {order:3;margin-top:40px;} .section-home-packages .grid .img-holder {position:relative;overflow:hidden;border-radius:12px;} .section-home-packages .logo-holder {position: absolute;top: 0;right: 0;padding: 12px 24px;} .section-home-packages .logo-holder img {display:block;} @media (min-width:768px){ .section-home-packages .grid.primary>div:nth-of-type(1) {order:1;} .section-home-packages .grid.primary>div:nth-of-type(2) {order:2;} .section-home-packages .main-width {padding:0 56px;} .section-home-packages .grid.primary {padding:40px 56px;border-radius:0;} .section-home-packages .grid.primary:before {content:"";width:16px;height:100%;top:0;left:0;background:var(--fields);position:absolute;} .section-home-packages .grid.secondary {margin-top:80px;padding:0px 56px;} .section-home-packages .grid.secondary>div:nth-of-type(3) {order:3;} .section-home-packages .grid.secondary>div:nth-of-type(4) {order:4;margin-top:0px;} .section-home-packages .white-wrapper {padding:80px 16px;} .section-home-packages .grid {grid-template-columns: 1fr 1fr;gap:40px;align-items: start;} .section-home-packages .grid>div:nth-of-type(2) {margin-bottom:0px;} .section-home-packages .grid a.button {margin-top:24px;} } @media (min-width:992px){ .section-home-packages h3 {font-size:56px;margin-bottom:14px;max-width:95%;} } @media (min-width:1200px){ .section-home-packages .grid {align-items: center;gap:80px;} .section-home-packages .grid.secondary>div:nth-of-type(2) {padding-right:88px;} .section-home-packages .grid.secondary>div:nth-of-type(3) {padding-left:88px;} .section-home-packages.img-first .grid>div:nth-of-type(1) {padding-left:0;} .section-home-packages .grid.primary>div:nth-of-type(1) {padding-left:88px;} } .section-home-why .main-width.flex {margin-bottom:40px;flex-direction:column;gap:16px;} .section-home-why .main-width.flex p {font-size:17px;} @media screen and (min-width:768px){ .section-home-why .main-width.flex {justify-content: space-between;align-items: flex-end;flex-direction:row;} .section-home-why .main-width.flex p {max-width:700px;font-size:20px;} } .section-home-why{background:var(--light-grey);padding-top:64px;padding-bottom:64px;} .why-carousel .card.video {display:none;} .card.video.disabled {cursor:default;pointer-events: none;} .card.video, .why-carousel .card.video {background:var(--evergreen) url("/wp-content/themes/twomountains/images/video-pattern.svg") right bottom no-repeat;color:white;justify-content: flex-start;transition:all .2s linear;cursor:pointer;height:50vw;position:relative;} .card.video:hover, .why-carousel .card.video:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);} .card.video p, .why-carousel .card.video p {font-size:20px;} .why-carousel .card.video strong {font-size:15px;margin-top:16px;} .card.video.external {padding:24px;margin-top:80px;background-size:70%;position:relative;} .card.video.external strong {text-transform:uppercase;font-size:13px;margin-top:16px;} .cover-play {display:flex;justify-content: space-between;align-items: center;} .cover-play img {width: 48px;} .cover-play p {max-width:220px;} .why-carousel .card.video .cover-play img {position:relative;height:auto;object-fit: unset;width:48px;} .why-carousel .card.video .cover-video {display:none;position:absolute;left:0;top:0;width:100%;height:100%;color:white;} .card.video.active .cover-play {display:none;} .card.video.active .cover-video {display:block;background:black;} @media (min-width:768px){ .section-home-why {padding-top:112px;padding-bottom:112px;} .section-home-why .why-carousel {display:grid;grid-template-columns: 1fr 1fr;gap:24px;} .why-carousel .card.video {grid-column:span 2;display:flex;} .card.video.external {display:none;} .why-carousel .card.video .cover-play img {width:64px;} } @media (min-width:992px){ .section-home-why .why-carousel {grid-template-columns: 1fr 1fr 1fr;} .why-carousel .card.video {grid-column:span 3;} } @media (min-width:1150px){ .section-home-why .why-carousel {grid-template-columns: 1fr 1fr 1fr 1fr;} .why-carousel .card.video {grid-column:span 2;} .card.video, .why-carousel .card.video {height:auto;} } .card.video {overflow:hidden;} .card.video .cover-video {display:none;} .card.video.active .cover-video {position: absolute;width: 100%;height: 100%;left:0;top:0;background:#000;} .why-carousel .slick-slide {width: 200px;height: 200px;margin:0 4px;} .why-carousel .card img {width: 100%;height: 100%;object-fit: cover;display: block;position:absolute;left:0;top:0;} .why-carousel .card {background:white;outline:none;padding:24px 16px;position:relative;overflow:hidden;} .why-carousel .card strong {text-transform: uppercase;} .why-carousel .slick-next, .why-carousel .slick-prev {top:calc(100% + 16px);width:32px;height:32px;border-radius:32px;border:1.5px solid black;transition:all .3s linear;transform:none;bottom:auto;} .why-carousel .slick-next:hover, .why-carousel .slick-prev:hover {background:var(--fields);border-color:var(--fields);} .why-carousel .slick-next.slick-disabled, .why-carousel .slick-prev.slick-disabled {opacity:0.2;pointer-events: none;} .why-carousel-holder .why-pagination {position:absolute;left:80px;top:calc(100% + 25px);line-height:1em;} .why-carousel-holder {position:relative;margin-bottom:-8px;} .why-carousel .slick-prev:before, .why-carousel .slick-next:before {content: "\e806";font-size: 12px;display: inline-flex;opacity: 1;color: inherit;color: black;} .why-carousel .slick-prev:before {transform:rotate(180deg);} .why-carousel .slick-next {right:auto;left:64px;} .why-carousel .slick-prev {right:auto;left:24px;} @media screen and (max-width:768px){ .why-carousel {margin:0px -40px;} .why-carousel .slick-list {padding-left:40px;} .why-carousel .card strong {font-size:15px;} } @media screen and (max-width:576px){ .why-carousel {margin:0px -24px;} .why-carousel .slick-list {padding-left:24px;} } @media screen and (min-width:576px){ .why-carousel .slick-next {right:auto;left:80px;} .why-carousel .slick-prev {right:auto;left:40px;} } @media screen and (min-width:768px){ .section-home-why h2 {margin-bottom:36px;} .why-carousel .card {padding:48px 32px;min-height:300px;display:flex;justify-content: space-between;flex-direction:column;} .why-carousel-holder {margin-bottom:0;} } .section-testimonials {background:var(--light-grey);} .section-testimonials p {max-width:450px;} .section-testimonials .white-wrapper {padding-top:64px;padding-bottom:120px;} @media screen and (min-width:768px){ .section-testimonials .white-wrapper {padding-top:80px;padding-bottom:80px;} .section-testimonials p {font-size:20px;} } .testimonials-carousel {margin-top:24px;} .testimonials-carousel .img-holder {position:relative;height:180px;} .testimonials-carousel .img-holder img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;} @media screen and (min-width:768px){ .testimonials-carousel .img-holder {height:240px;} .testimonials-carousel {margin-top:64px;} } .testimonials-carousel {margin:40px -24px 0 -24px;} .testimonials-carousel .slick-list {padding-left:24px;} .testimonials-carousel .card.slick-slide {display:flex;flex-direction: column;justify-content: space-between;min-height:200px;margin:0px 4px;width:auto;width:300px;outline:none;} .testimonials-carousel .card p, .testimonials-carousel .card span {font-size:12px;} .testimonials-carousel .card span {text-transform:uppercase;display:flex;align-items: center;color:var(--evergreen);font-weight:700;margin-top:24px;line-height:1em;} .testimonials-carousel .card span:before {content:"";width:16px;height:1px;background:var(--evergreen);margin:auto 12px auto 0;display:block;} .testimonials-carousel .slick-next, .testimonials-carousel .slick-prev {top:calc(100% + 16px);width:32px;height:32px;border-radius:32px;border:1.5px solid black;transition:all .3s linear;transform:none;bottom:auto;} .testimonials-carousel .slick-next:hover, .testimonials-carousel .slick-prev:hover {background:var(--fields);border-color:var(--fields);} .testimonials-carousel .slick-next.slick-disabled, .testimonials-carousel .slick-prev.slick-disabled {opacity:0.2;pointer-events: none;} .testimonials-carousel-holder .testimonials-pagination {position:absolute;left:80px;top:calc(100% + 25px);line-height:1em;} .testimonials-carousel-holder {position:relative;} .testimonials-carousel .slick-prev:before, .testimonials-carousel .slick-next:before {content: "\e806";font-size: 12px;display: inline-flex;opacity: 1;color: inherit;color: black;} .testimonials-carousel .slick-prev:before {transform:rotate(180deg);} .testimonials-carousel .slick-next {right:auto;left:64px;} .testimonials-carousel .slick-prev {right:auto;left:24px;} @media screen and (min-width:576px){ .testimonials-carousel {margin:40px -40px 0 -40px;} .testimonials-carousel .slick-list {padding-left:40px;} .testimonials-carousel .slick-next {left:80px;} .testimonials-carousel .slick-prev {left:40px;} } @media screen and (min-width:768px){ .testimonials-carousel .card {min-height:300px;margin:0px 12px;padding:40px 32px;} .testimonials-carousel .slick-list {padding-left:0;margin-left:-12px;margin-right:-12px;} .testimonials-carousel {margin:40px 0 0 0;} .testimonials-carousel .slick-next, .testimonials-carousel .slick-prev {top:auto;bottom:calc(100% + 40px);} .testimonials-carousel .slick-next {right:24px;left:auto;} .testimonials-carousel .slick-prev {right:64px;left:auto;} .testimonials-carousel-holder .testimonials-pagination {right:80px;top:-62px;left:auto;} .testimonials-carousel .card p, .testimonials-carousel .card span {font-size:14px;} } @media screen and (min-width:768px){ .testimonials-carousel .slick-next {right:0px;} .testimonials-carousel .slick-prev {right:40px;} .testimonials-carousel .content-holder h3 {font-size:24px;margin-bottom:14px;} } .testimonials-carousel .slick-track {display:flex;} .testimonials-carousel .slick-slide {height:auto;} .section-help {background:var(--light-grey);padding-top:64px;padding-bottom:24px;} .section-help .white-wrapper {padding-top:40px;padding-bottom:40px;} .section-help .pattern {margin-top:64px;} .section-help h3 {font-weight:700;margin-bottom:0;} .section-help p {} .section-help a {margin-top:auto;} .section-help .card {background:white;padding:0;overflow:hidden;flex:1;display:flex;flex-direction: column;} .section-help.white .card {background:var(--light-grey);} .section-help .card .img-holder {background:var(--evergreen);height:35vw;position:relative;} .section-help .card .content-holder{padding:24px;flex:1;display:flex;flex-direction: column;gap:16px;} .section-help .card img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;} .section-help .main-width.flex {flex-direction:column;gap:16px;} .section-help .main-width.flex>div {flex:1;} @media screen and (min-width:768px){ .section-help {background:var(--light-grey);padding-top:80px;padding-bottom:40px;} .section-help .pattern {margin-top:80px;} .section-help h3 {} .section-help p {font-size:17px;} .section-help .main-width.flex {flex-direction:row;gap:24px;} .section-help .card .content-holder {padding:48px 40px;} .section-help .card .img-holder {height:25vw;} .section-help .white-wrapper {padding-top:80px;padding-bottom:80px;} } @media screen and (min-width:1150px){ .section-help .card {flex-direction: row;} .section-help .card .img-holder {height:auto;flex:1;max-width:310px;} } .csi-modal .content-holder {display:block;gap:16px;flex-direction: column;padding:0px 8px 0px 24px;margin:40px 8px 24px 0;} .csi-modal .content-holder>div {flex:1;} .csi-modal .img-holder {position:relative;overflow:hidden;border-radius:12px;max-height: 450px;} .csi-modal .key {display:flex;gap:8px;align-items: center;flex-wrap: wrap;} .csi-modal .modal-content>div.key p {font-size: 12px;} .csi-modal .tag {display:flex;height:22px;padding:0px 12px;background:var(--mist);border-radius:12px;color:var(--evergreen);text-decoration:none;line-height:1em;align-items: center;font-weight:500;font-size:12px;border:1px solid transparent;transition:all .3s linear;} .csi-modal .tag:hover {border-color:#bdbdbd;} .csi-modal .copy-holder p {font-size:14px;margin-bottom:24px;} .csi-modal .copy-holder figure {margin:0 0 20px 0;} .csi-modal .modal-content>div.key {display:none;} .csi-modal .copy-holder>div.key {font-size:14px;margin-bottom:16px;margin-top:16px;} .csi-modal .copy-holder h3 {font-size:26px;letter-spacing:-1.7px;margin-top:10px;} .csi-modal .content-holder{overflow-y: auto;height: calc(100vh - 182px);} .csi-modal .content-holder::-webkit-scrollbar{width: 8px;} .csi-modal .content-holder::-webkit-scrollbar-track{background: rgba(135,135,135,0.1);border-radius: 16px;background-clip: padding-box;} .csi-modal .content-holder::-webkit-scrollbar-thumb{background-color: #00693E;border-radius: 16px;background-clip: padding-box;} .csi-modal .slick-slide img {display: block;max-height: 450px;position: relative;left: 0;width: 100%;height: 100%;object-fit: cover;} .csi-modal h2 {font-size:20px;} @media screen and (min-width:768px){ .csi-modal h2 {font-size:24px;} .csi-modal .modal-content>div.key {position:absolute;display:flex;left: calc(50% + 20px);top: 40px;font-size: 14px;} .csi-modal .modal-content>div.key p {font-size: 14px;} .csi-modal .content-holder {display:flex;gap:40px;flex-direction: row;padding:40px 16px 40px 40px;margin:0;height:100%;} .csi-modal .copy-holder {margin-top:45px;padding-right:24px;} .csi-modal .copy-holder h3 {font-size:34px;margin-top:0;} .csi-modal .copy-holder p {font-size:17px;} .csi-modal .copy-holder>div.key {display:none;} .csi-modal .copy-holder{overflow-y: auto;} .csi-modal .gallery-slider,.csi-modal .gallery-slider img {height:450px;} .csi-modal .copy-holder::-webkit-scrollbar{ width: 8px; } .csi-modal .copy-holder::-webkit-scrollbar-track{ background: rgba(135,135,135,0.1); border-radius: 16px; background-clip: padding-box; } .csi-modal .copy-holder::-webkit-scrollbar-thumb{ background-color: #00693E; border-radius: 16px; background-clip: padding-box; } /* optional hover */ .csi-modal .copy-holder::-webkit-scrollbar-thumb:hover{ background-color: #005f39; } } .csi-modal.loading .content-holder, .csi-modal.loading .modal-content>div.key {display:none;} .csi-modal .loader {display:none;} .csi-modal.loading .loader {display:block;padding-top:10%;text-align:center;} .section-help .help-intro {text-align:center;margin-bottom:64px;} .section-help .help-intro h2 {font-weight:400;letter-spacing:-1.6px;font-size:32px;max-width:800px;margin-left:auto;margin-right:auto;} .section-help .help-intro p {font-size:17px;max-width:800px;margin-left:auto;margin-right:auto;} .section-help .help-intro .buttons {margin-top:16px;justify-content: center;} @media screen and (min-width:768px){ .section-help .help-intro {margin-bottom:80px;} .section-help .help-intro .buttons {margin-top:24px;} .section-help .help-intro h2 {font-size:56px;} .section-help .help-intro p {font-size:20px;} } .funeral-payment-options {padding-top:40px;padding-bottom:40px;} .funeral-payment-options .grid {margin-top:40px;gap:16px;grid-template-columns: 1fr;grid-auto-flow: row;} .funeral-payment-options .card {padding-top:40px;overflow:hidden;position:relative;} .funeral-payment-options .card:before {content:"";background:var(--fields);height:16px;left:0;top:0;width:100%;position:absolute;display:block;} @media screen and (min-width:768px){ .funeral-payment-options {padding-top:80px;padding-bottom:80px;} .funeral-payment-options .grid {margin-top:64px;gap:24px;grid-template-columns: 1fr 1fr;} .funeral-payment-options .card {padding-top:56px;} } @media screen and (min-width:992px){ .funeral-payment-options {padding-top:80px;padding-bottom:80px;} .funeral-payment-options .grid {margin-top:64px;gap:24px;grid-template-columns: 1fr 1fr 1fr 1fr;} } .funeral-plan-benefits .values-carousel-holder {margin-top:24px;} .funeral-plan-benefits p {max-width: 790px;} .section-about-values.funeral-plan-benefits h2 {margin-bottom:16px;} .section-about-values.funeral-plan-benefits h3 {margin-bottom:8px;} .section-about-values.funeral-plan-benefits .values-carousel .card.slick-slide {justify-content: flex-end;display:flex;flex-direction:column;height:auto;} .section-about-values.funeral-plan-benefits .values-carousel .slick-track {display:flex;align-items: stretch;} .section-about-values.funeral-plan-benefits .values-carousel .card p span {font-size:12px;margin-top:8px;display:block;line-height:1.2em;} @media screen and (min-width:768px){ .funeral-plan-benefits .values-carousel-holder {margin-top:64px;} .section-about-values.funeral-plan-benefits h3 {margin-bottom:16px;} .section-about-values.funeral-plan-benefits .values-carousel .card {justify-content: flex-end;display:flex;flex-direction:column;} .section-about-values.funeral-plan-benefits .values-carousel .card p span {font-size:14px;margin-top:8px;} } .plans {display:grid;grid-template-columns:1fr;gap:16px;} .funeral-plans .tip {background:var(--light-grey);padding:16px 24px;border-radius:12px;margin-top:16px;} .plan-card {position:relative;background:var(--light-grey);border-radius:12px;overflow:hidden;padding:40px 24px 60px 24px;display: flex;flex-direction: column;gap: 16px;} .plan-card h3 {font-size:26px;margin:0;} .plan-card .strip {position:absolute;top:0;left:0;width:100%;height:16px;background:var(--evergreen);} .plan-card .compare {position:absolute;bottom:24px;left:24px;scroll-margin-top: 150px;} .plan-card .compare label {display:flex;align-items: center;padding-left:32px;} .plan-card .compare .checkbox {position: absolute;left: 0;top: 0;width: 24px;height: 24px;border-radius: 6px;border: 1px solid #878787;background: white;-wekit-appearance: none;appearance: none;margin:0;} .plan-card .intro {min-height:220px;} .plan-card .intro p:nth-last-of-type(n + 2) {margin-bottom:20px;} .plan-card .benefits {background:white;padding:12px;border-radius:12px;} .plan-card .benefits h4 {font-size:17px;display:flex;align-items: center;justify-content: space-between;cursor:pointer;} .plan-card .benefits h4:after {content:"+";width:32px;height:32px;display:flex;justify-content: center;align-items: center;border:1.5px solid black;border-radius:32px;font-weight:400;font-size:26px;transition:transform .2s linear;} .plan-card .benefits.active h4:after {content:"|";transform: rotate(90deg);font-size:15px;font-weight:500;} .benefits .content {display:none;} .plan-card .benefits.active .content {display:flex;flex-direction:column;gap:8px;margin-top:24px;} .plan-card .benefits.active {padding-bottom:24px;} .benefit-list {background:var(--light-grey);padding:16px 12px;border-radius:12px;} .benefit-list h5 {display:flex;justify-content: space-between;align-items: center;font-size:14px;cursor:pointer;} .benefit-list .benefit-content {display:none;} .benefit-list.active .benefit-content {display:flex;margin-top:14px;padding-bottom:8px;flex-direction: column;justify-content: space-between;} .benefit-content img {margin-top:12px;border-radius:12px;display:block;} .benefit-list h5:after {transition:transform .1s linear;} .benefit-list.active h5:after {transform:rotate(180deg);} .plan-card .highlights {border-radius:12px;border:3px solid var(--evergreen);padding:10px 24px;background:white;text-align:center;} .plan-card .highlights p {line-height:1em;} .plan-card .button {max-width:none;} @media screen and (min-width:768px){ .plans {grid-template-columns:1fr 1fr;gap:24px;} .funeral-plans .tip {padding:24px 32px;margin-top:40px;font-size:17px;} .plan-card {position:relative;background:var(--light-grey);border-radius:12px;overflow:hidden;padding:56px 40px 40px 40px;gap: 24px;} .plan-card h3 {font-size:34px;} .plan-card .compare {position:absolute;bottom:auto;left:auto;top:62px;right:40px;} .plan-card .compare label {cursor:pointer;} .plan-card .intro {min-height:0;} .plan-card .intro p:nth-last-of-type(n + 2) {margin-bottom:24px;} .plan-card .benefits {padding:12px 24px;} .plan-card .benefits h4 {font-size:20px;} .benefit-list h5 {font-size:17px;} .benefit-list {padding:16px 24px;} } .funeral-plans {padding-top:40px;background:var(--light-grey);} .funeral-plans .white-wrapper {padding-top:40px;padding-bottom:40px;} .funeral-plans .main-width>.flex {flex-direction:column;gap:16px;} .funeral-plans .main-width>p {font-size:17px;margin:32px 0;} @media screen and (min-width:768px){ .funeral-plans {padding-top:80px;} .funeral-plans .white-wrapper {padding-top:80px;padding-bottom:80px;} .funeral-plans .main-width>.flex {gap:80px;flex-direction:row;align-items: flex-end;justify-content: space-between;} .funeral-plans .main-width>p {font-size:20px;margin:40px 0;} } .header-funeral-plans h1 {font-weight:300;max-width:594px;} .header-funeral-plans h1 strong {font-weight:700;} .header-funeral-plans span.tag {font-weight:700;background:var(--light-grey);padding:8px 12px;color:var(--evergreen);text-transform:uppercase;border-radius: 4px;margin-bottom:16px;display:inline-block;} .general-header.header-funeral-plans p {max-width:574px;} .header-funeral-plans .buttons {margin-top:16px;} @media screen and (min-width:768px){ .section-careers-intro.header-funeral-plans .main-width {align-items:flex-start;gap:60px;} .header-funeral-plans h1 {font-size:44px;} .header-funeral-plans span.tag {padding:12px 16px;font-size:17px;margin-bottom:24px;} } @media screen and (min-width:992px){ .header-funeral-plans h1 {font-size:64px;} } .plan-comparison-modal {position:fixed;bottom:32px;left:50%;background:white;min-height:100px;border-radius: 12px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);z-index:10;width:295px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:transform .3s linear;transform:translate(-50%,200px);} .plan-comparison-modal.active {transform:translate(-50%,0);} .plan-comparison-modal .buttons {justify-content: center;} .plan-comparison-modal .button span {margin-left:8px;} .plan-comparison-modal .button {font-size:13px;} .plan-comparison-modal .slick-list {padding-left:33px;} .plan-comparison-modal .plan-carousel {display:flex;gap:24px;counter-reset: plan-counter;margin-right:-16px;margin-left:-16px;} .plan-comparison-modal .plan-box {border-radius: 12px;border: 2px solid var(--light-grey);flex:1;position:relative;display:flex;align-items: center;justify-content: center;min-height:80px;margin-left:8px;width:225px;} .plan-comparison-modal .plan-box.active {background:var(--light-grey);} .plan-comparison-modal .plan-box.active:after {content: "+";position: absolute;right: 3px;top: -4px;display: block;font-size: 36px;transform: rotate(45deg);font-weight: 100;line-height: 1em;} .plan-comparison-modal .plan-box:nth-of-type(1) {margin-left:40px;} .plan-comparison-modal .plan-box:before {counter-increment: plan-counter;content: counter(plan-counter);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;font-size:14px;font-weight:700;} .plan-comparison-modal .plan-box .plan-select {background:white;border-radius:12px;position:relative;padding:26px 20px 0 20px;text-align:center;font-size:12px;font-weight:700;overflow:hidden;height:62px;width: fit-content;margin: 7px auto;} .plan-comparison-modal .plan-box .plan-select .strip {position:absolute;top:0;left:0;width:100%;height:16px;background:var(--evergreen);} .plan-comparison-modal .buttons .button.primary {padding:0px 16px;min-width: 185px;} @media screen and (min-width:992px){ .plan-comparison-modal {padding:24px 40px;flex-direction:row;width:100%;max-width:1000px;gap:40px;} .plan-comparison-modal .plan-carousel {flex:1;margin:0;} .plan-comparison-modal .buttons {flex-direction:column-reverse;align-items: center;} .plan-comparison-modal .plan-box {width:auto;} .plan-comparison-modal .plan-box .plan-select {font-size:14px;cursor:pointer;} .plan-comparison-modal .plan-box.active {cursor:pointer;} .plan-comparison-modal .plan-box.active:hover:after {opacity:0.5;} .plan-comparison-modal .plan-box.active:after {right:9px;top:3px;} .plan-comparison-modal .button {font-size:17px;} .plan-comparison-modal .plan-box:nth-of-type(1) {margin-left:0;} } .section-more-services .panel { background: var(--evergreen) url(/wp-content/themes/twomountains/images/pattern-everygreen.png) left bottom no-repeat; background-size: 100% auto; border-radius: 12px; padding: 24px 24px 56px 24px; margin: 0px; color: white; list-style: none; } .section-more-services .panel.omservices { background: white url(/wp-content/themes/twomountains/images/om-footer-pattern.webp) left bottom no-repeat; color: var(--black); background-size: 100% auto; } .section-more-services h2 strong {display:inline;} .section-more-services p:nth-of-type(n+2) {margin-top:20px;} .section-more-services .greybox p:nth-of-type(n+2) {margin-top:16px;} .section-more-services .greybox strong {font-size:15px;} .section-more-services .greybox p {font-size:12px;} .section-more-services .panel h3 {font-size:26px;} .section-more-services .panel h3:nth-of-type(2) {margin-top:14px;} .section-more-services .white-wrapper {margin-top:40px;} .section-more-services .grid {grid-auto-flow:row;gap:0px;} .section-more-services .grid {padding-top:40px;padding-bottom:40px;} .section-more-services .grid>div:nth-last-of-type(n + 2) {margin-bottom:32px;} .section-more-services .grid>div:nth-last-of-type(3) {margin-bottom:16px;} .section-more-services .white-wrapper h3 {font-size:26px;} .section-more-services .greentop {background: #FFF;position:relative;display:flex;} .section-more-services .greentop:before {content:"";position:absolute;top:0;left:0;width:100%;height:16px;background:#91B85B;border-top-left-radius:12px;border-top-right-radius:12px;} .section-more-services .greentop .container {border: 2px solid #DCDCDC;padding:40px 24px 24px 24px;border-radius: 12px;width:100%;} .section-more-services .greybox {padding:24px;border-radius: 12px;background:#F3F3F3;} .section-more-services .greybox img {margin-bottom:24px;} .section-more-services {padding-bottom:24px;} .section-more-services .history-carousel {margin-top:40px;} .section-two-column .main-width.flex.additional {flex-direction:column-reverse;margin-top:40px;} .section-more-services .additional ul {list-style:none;margin:0;padding:0;} .section-more-services .additional ul li {display:flex;gap:16px;align-items: center;} .section-more-services .additional ul li:nth-last-of-type(n + 1) {margin-bottom:24px;} .section-more-services .additional ul li img {} .section-more-services .additional h3 {font-size:26px;margin-bottom:32px;} @media screen and (min-width:768px){ .section-more-services .white-wrapper {margin-top:80px;} .section-more-services .white-wrapper h3 {font-size:34px;} .section-more-services .panel {padding:40px 40px 80px 40px;} .section-more-services .panel h3 {font-size:34px;} .section-more-services .panel h3:nth-of-type(2) {margin-top:30px;} .section-more-services p:nth-of-type(n+2) {margin-top:30px;} .section-more-services .greybox p:nth-of-type(n+2) {margin-top:16px;} .section-more-services .grid {column-gap:24px;row-gap:40px;grid-template-columns:1fr 1fr;} .section-more-services .grid>div:nth-last-of-type(n) {margin-bottom:0;} .section-more-services .outro {grid-column: span 2} .section-more-services .greybox {padding:40px;} .section-more-services .greybox strong {font-size:17px;} .section-more-services .greybox p {font-size:14px;} .section-more-services .greybox img {margin-bottom:32px;} .section-more-services .greentop ul {padding:0;columns: 2;column-gap: 24px;list-style:none;} .section-more-services .greentop ul li {padding-left:24px;position:relative;} .section-more-services .greentop ul li:before {content:"";position:absolute;left:6px;top:9px;width:5px;height:5px;display:block;border-radius:4px;background:black;} .section-more-services {padding-bottom:42px;} .section-more-services .history-carousel {margin-top:80px;} .section-two-column .main-width.flex.additional {flex-direction:row;margin-top:80px;} .section-more-services .additional ul li {font-size:20px;} .section-more-services .additional h3 {font-size:34px;margin-bottom:40px;} .section-more-services .additional .card.video {height:auto;} } .general-content ol { counter-reset: list-item; } .general-content ol li { counter-increment: list-item; } .general-content ol li ol { counter-reset: list-item; margin: 10px 0 10px -10px; } .general-content ol li ol li::marker { content: counters(list-item, ".") " "; } .wp-block-lt-blocks-banner-old-mutual-funeral-plans .buttons {display:none;} .tip:not(:has(strong:not(:empty), span:not(:empty))) { display: none; } .header-funeral-plans span.tag {display:none;} /* .wp-block-lt-blocks-om-services-value .card {pointer-events:none;} .wp-block-lt-blocks-om-services-value .card .cover-play {display:none;} */