@charset "utf-8"; /* CSS Document */ :root { --logo-half: 125px; } /* Standard resets and settings */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: normal; src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"); font-display: swap; } :root { --icon-font: 'Font Awesome 5 Free'; --brand-font: 'Font Awesome 5 Brands'; } * { margin: 0px; padding: 0px; font-weight: 300; font-style: normal; -webkit-backface-visibility: hidden; outline: none; -webkit-appearance: none; } *, *:before, *:after { box-sizing: border-box; } html { max-width: 100%; } body { width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } /* .social a span, a.sd-button span { font-size: 0px; opacity: 0; } */ .social a span, a.sd-button span { color: var(--secondary-color); } container { display: block; margin: auto; width: 100%; } /* a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; } */ body.allowtel a[href^="tel:"] { pointer-events: auto; } article ul, main ul { padding-left: 25px; list-style-type: none; } article ol, main ol { padding-left: 25px; } article strong, article b, p strong, p b, main b, main strong { font-weight: normal; font-style: inherit; font-size: 20px; } article em, article i, p em, p i, main em, main i { font-style: italic; font-weight: 300; font-weight: inherit; } article h1, main h1 { font-size: 50px; font-weight: 300; line-height: 1.2; color: var(--tertiary-color); letter-spacing: 2px; background: transparent; } article h2, main h2 { font-size: 30px; font-weight: 300; line-height: 1.2; letter-spacing: 2px; } main , .blocks, div container, #page-head container, #page-foot container { margin: 0px auto; } main container:after, div container:after, #page-head container:after, .equal-heights:after, .centerbox:after, .listed:after, .halves:after, .row:after, main > div:after, .blocks:after, #page-foot container:after { content:""; display: block; clear: both; float: none; width: 0px; height: 0px; } .align-center { margin-left: auto!important; margin-right: auto!important; display: block; max-width: 100%; } .align-right { margin-left: 1em; float: right; padding: 3px; } .align-left { margin-right: 1em; float: left; padding: 3px; } article article, container container { display: block!important; width: auto!important; } .left { float: left!important; } .right { float: right!important; } article img { max-width: 100%; } article .wp-block-video video { max-width: 100%; } /* Details Settings */ details, summary, details.closed > summary, details.open > summary { display: block; } details.closed > * { display: none; } details.closed > summary:before { display: inline-block; content: "+"; padding: 0; margin-right: 5px; } details.open > summary:before { display: inline-block; content: "-"; padding: 0; margin-right: 5px; } /* Tree Menu Settings */ ul.tree li:before { content: " "; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); } ul.tree .collapsed:before { content:"/f0fe"; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); margin-left: -23px; } ul.tree .expanded:before { content:"/f146"; display: inline-block; width: 20px; height: 20px; font-family: var(--icon-font); margin-left: -23px; } /* Pagination */ .pagination { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: center; margin: 25px 0px; clear: both; } .pagination a { text-decoration: none; margin: 0px 0px; display: inline-block; } /* Nav Menu Settings */ .toggle { font-size: 0px; } #toggle, .toggle, .mobileonly { display: none; } nav ul, .social, #tree, #tree li { list-style-type: none; display: inline-block; } nav ul li, .social li { display: inline-block; position: relative; font-size: 0px; } #nav #main .menu-item-has-children ul, #nav #submain .menu-item-has-children ul { position: absolute; display: block; z-index: 1; max-height: 0; overflow: hidden; transition: all 0.8s; width: auto; overflow: hidden; background: #fff; left: -38px; top: -10px; } #nav #main .menu-item-has-children ul li, #nav #submain .menu-item-has-children ul li, #nav #main .menu-item-has-children ul li a, #nav #submain .menu-item-has-children ul li a { display: block; } #nav #main .menu-item-has-children:hover > ul, #nav #submain .menu-item-has-children:hover > ul, #nav #main .menu-item-has-children:active > ul, #nav #submain .menu-item-has-children:active > ul, #nav #main .menu-item-has-children > ul.expand, #nav #submain .menu-item-has-children > ul.expand { max-height: 100vh; overflow: none; display: block; padding: 15px 10px; } #nav.addtoggle #main .menu-item-has-children span.toggler, #nav.addtoggle #submain .menu-item-has-children span.toggler { display: inline-block; } #nav.addtoggle #main .menu-item-has-children span.toggler:before, #nav.addtoggle #submain .menu-item-has-children span.toggler:before { font-family: var(--icon-font); content: "\f0fe"; font-size: 16px; font-weight: 400; } #nav.addtoggle #main .menu-item-has-children span.toggler.active:before, #nav.addtoggle #submain .menu-item-has-children span.toggler.active:before { content: "\f146" } /* Base Template Settings */ body { background: transparent; font-size: 100%; } #page-head container, #page-foot container, div container { width: 100%; } .cta, input[type=submit], .frm_button_submit, .wp-block-button__link, button { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* Header Settings */ #page-head { transition: all .5s ease-in; } #page-head.navfixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1; animation: stickyheader .5s; transition: all .5s; } #page-head container .logo > * { max-height: 100%; margin-right: 10px; margin-top: 12px; } #page-head container .head-logo { color: var(--tertiary-color); font-size: 22px; } #page-head container #nav { display: inline-block; } #page-head container #nav #main li { height: auto; } #page-head container #nav #main a { text-decoration: none; margin: 0px; display: inline-block; } #page-head container #nav #main .current-menu-item a, #page-head container #nav #main .active a, #page-head container #nav #main a:hover { opacity: 1; } @keyframes stickyheader { 0% { transform: translateY(-100%); } 100%{ transform: translateY(0%); } } /* Header Settings with center logo */ #page-head.center-logo container { position: relative; transform-style: preserve-3d; } #page-head.center-logo container .logo { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } #page-head.center-logo container #nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-content: center; align-items: center; position: relative; z-index: 1; height: 100%; } #page-head.center-logo container #nav #main { width: 100%; text-align: center; } /* Code for toggle menu on desktop */ #page-head.toggle-menu container { position: relative; } #page-head.toggle-menu container #nav { position: absolute; margin-top: 0px; text-align: right; top: 0%; left: 0%; transform: none; } #page-head.toggle-menu container #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; text-align: center; } #page-head.toggle-menu container #nav #main, #page-head.toggle-menu container #nav #main li { display: block!important; height: auto!important; } #page-head.toggle-menu container #nav #main li a { padding: 20px; display: block; margin: 0px!important; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul { display: block!important; max-height: 0px; position: static; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul li { display: block; } #page-head.toggle-menu container #nav #main .menu-item-has-children ul li a { } #page-head.toggle-menu container #nav #main .menu-item-has-children ul.expand { display: block!important; position: static; max-height: 100vh } #page-head.toggle-menu container .toggle { width: 30px; height: 30px; display: inline-block; text-decoration: none; z-index: 3; position: absolute; top: 50%; right: 0px; text-align: left; transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; } #page-head.toggle-menu container .toggle:before, #page-head.toggle-menu container .toggle:after, #page-head.toggle-menu container .toggle em:before, #page-head.toggle-menu container .toggle em:after { display: block; position: absolute; height: 3px; width: 100%; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 15px; } #page-head.toggle-menu container .toggle:before { top: 0px; } #page-head.toggle-menu container .toggle em:before, #page-head.toggle-menu container .toggle em:after { top: 50%; } #page-head.toggle-menu container .toggle:after { top: 100%; } #page-head.toggle-menu container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); } #page-head.toggle-menu container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); } #page-head.toggle-menu container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head.toggle-menu container #toggle:checked ~ #nav { display: block!important; height: 100vh; } /* Masonry Settings */ .blocks li { display: inline-block; } .msforms { width: 90vw; max-width: 850px; } /* Columns Settings */ .twocol { column-count: 2; } .threecol { column-count: 3; } .fourcol { column-count: 4; } .twocol hr, .threecol hr, .fourcol hr { column-break-before: always; visibility: hidden; width: 100%; clear: both; height: 0px; padding: 0px; margin: 0px; } /* Box Settings */ .box-1-1, .box-2-2, .box-3-3, .box-4-4-, .box-5-5, .box-6-6, .box-7-7, .box-8-8, .box-9-9, .box-10-10, .box-11-11, .box-12-12 { width: 100%; } .box-1-2, .box-2-4, .box-3-6, .box-4-8, .box-5-10, .box-6-12 { width: 50%; } .box-1-3, .box-2-6, .box-4-12 { width: calc( 100% / 3 ); } .box-2-3, .box-4-6, .box-8-12 { width: calc( 200% / 3 ); } .box-1-4, .box-2-8, .box-3-12 { width: 25%; } .box-3-4, .box-6-8, .box-9-12 { width: 75%; } .box-1-5, .box-2-10 { width: 20%; } .box-2-5, .box-4-10 { width: 40%; } .box-3-5, .box-6-10 { width: 60% } .box-4-5, .box-8-10 { width: 80% } .box-1-6, .box-2-12 { width: calc( 100% / 6 ); } .box-5-6, .box-10-12 { width: calc( 500% / 6 ); } .box-1-7 { width: calc( 100% / 7 ); } .box-2-7 { width: calc( 200% / 7 ); } .box-3-7 { width: calc( 300% / 7 ); } .box-4-7 { width: calc( 400% / 7 ); } .box-5-7 { width: calc( 500% / 7 ); } .box-6-7 { width: calc( 600% / 7 ); } .box-1-8 { width: 12.5%; } .box-3-8 { width: 37.5%; } .box-5-8 { width: 62.5%; } .box-7-8 { width: 87.5%; } .box-1-9 { width: calc( 100% / 9 ); } .box-2-9 { width: calc( 200% / 9 ); } .box-3-9 { width: calc( 300% / 9 ); } .box-4-9 { width: calc( 400% / 9 ); } .box-5-9 { width: calc( 500% / 9 ); } .box-6-9 { width: calc( 600% / 9 ); } .box-7-9 { width: calc( 700% / 9 ); } .box-8-9 { width: calc( 800% / 9 ); } .box-1-10 { width: 10%; } .box-3-10 { width: 30%; } .box-7-10 { width: 70%; } .box-9-10 { width: 90%; } .box-1-11 { width: calc( 100% / 11 ); } .box-2-11 { width: calc( 200% / 11 ); } .box-3-11 { width: calc( 300% / 11 ); } .box-4-11 { width: calc( 400% / 11 ); } .box-5-11 { width: calc( 500% / 11 ); } .box-6-11 { width: calc( 600% / 11 ); } .box-7-11 { width: calc( 700% / 11 ); } .box-8-11 { width: calc( 800% / 11 ); } .box-9-11 { width: calc( 900% / 11 ); } .box-10-11 { width: calc( 1000% / 11 ); } .box-1-12 { width: calc( 100% / 12 ); } .box-5-12 { width: calc( 500% / 12 ); } .box-7-12 { width: calc( 700% / 12 ); } .box-11-12 { width: calc( 1100% / 12 ); } [class^="box-"], [class*=" box-"] { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; height: 100%; } /* Halves Settings */ .halves { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .halves > .half { width: 50%; display: flex; height: auto; } .halves > .half > container { width: 100%; display: flex; height: 100%; } .halves > .half:first-child > container { justify-content: flex-end; } .halves > .half:last-child > container { justify-content: flex-start; } /* Formidable */ .frm_fields_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .frm6, .frm_half { width: 50%; } .frm4, .frm_third { width: calc( 100% / 3 ); } .frm8, .frm_two_thirds { width: calc( 200% / 3 ); } .frm3, .frm_fourth { width: 25%; } .frm9, .frm_three_fourths { width: 75%; } .frm2, .frm_sixth { width: calc( 100% / 6 ); } .frm10 { width: calc( calc( 100% / 6 ) * 5 ); } .frm12, .frm_full { width: 100%; } .frm_form_field input:focus::-webkit-input-placeholder { color: transparent; } .frm_form_field input:focus:-moz-placeholder { color: transparent; } .frm_form_field input:focus::-moz-placeholder { color: transparent; } .frm_form_field input:focus:-ms-input-placeholder { color: transparent; } .frm_form_field input[type=checkbox] { display: inline-block; width: 16px; height: 16px; border: 1px solid #000; position: relative; -webkit-appearance: none; appearance: none; } .frm_form_field input[type=checkbox]:checked:before { display: inline-block; content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #000; } .frm_form_field input[type=radio] { display: inline-block; width: 16px; height: 16px; border: 1px solid #000; position: relative; -webkit-appearance: none; appearance: none; border-radius: 50%; } .frm_form_field input[type=radio]:checked:before { display: inline-block; content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #000; border-radius: 50%; } .frm_form_field input[type=text], .frm_form_field input[type=email], .frm_form_field input[type=tel] { display: block; height: 40px; padding-left: 10px; -webkit-appearance: none; appearance: none; } .frm_form_field textarea { display: block; height: 80px; padding-left: 10px; padding-top: 8px; -webkit-appearance: none; appearance: none; } .frm_form_field select { display: block; height: 40px; padding-left: 10px; -webkit-appearance: none; appearance: none; } /* Listed Row */ .listed { font-size: 0px; letter-spacing: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; width: 100%; } .listed li { display: inline-block; font-size: 12px; letter-spacing: normal; width: 100% } .listed li:nth-last-child(n+2), .listed li:nth-last-child(n+2) ~ li { width: 50%; } .listed li:nth-last-child(n+3), .listed li:nth-last-child(n+3) ~ li { width: calc( 100% / 3 ); } .listed li:nth-last-child(n+4), .listed li:nth-last-child(n+4) ~ li { width: 25%; } .listed li:nth-last-child(n+5), .listed li:nth-last-child(n+5) ~ li { width: 20%; } .listed li:nth-last-child(n+6), .listed li:nth-last-child(n+6) ~ li { width: calc( 100% / 6 ); } .listed li:nth-last-child(n+7), .listed li:nth-last-child(n+7) ~ li { width: calc( 100% / 7 ); } .listed li:nth-last-child(n+8), .listed li:nth-last-child(n+8) ~ li { width: 12.5%; } .listed li:nth-last-child(n+9), .listed li:nth-last-child(n+9) ~ li { width: calc( 100% / 9 ); } .listed li:nth-last-child(n+10), .listed li:nth-last-child(n+10) ~ li { width: 10%; } .listed li:nth-last-child(n+11), .listed li:nth-last-child(n+11) ~ li { width: calc( 100% / 11 ); } .listed li:nth-last-child(n+12), .listed li:nth-last-child(n+12) ~ li { width: calc( 100% / 12 ); } /* Alignment and Flexbox awesomeness */ .equal-heights { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } [class^="flex-"], [class*=" flex-"] { display: flex; flex-direction: row; flex-wrap: nowrap; } [class^="flex-"].column, [class*=" flex-"].column { flex-direction: column; } [class^="flex-"].wrap, [class*=" flex-"].wrap { flex-wrap: wrap; } [class^="flex-"].inline, [class*=" flex-"].inline { display: inline-flex; } [class^="flex-top-"], [class*=" flex-top-"] { align-items: flex-start; } [class^="flex-middle-"], [class*=" flex-middle-"] { align-items: center; } [class^="flex-bottom-"], [class*=" flex-bottom-"] { align-items: flex-end; } [class^="flex-stretch-"], [class*=" flex-stretch-"] { align-items: stretch; } .flex-top-left, .flex-middle-left, .flex-bottom-left { justify-content: flex-start; } .flex-top-center, .flex-middle-center, .flex-bottom-center { justify-content: center; } .flex-top-right, .flex-middle-right, .flex-bottom-right { justify-content: flex-end; } .flex-top-justify, .flex-middle-justify, .flex-bottom-justify { justify-content: space-between; } container[class^="flex-"]:after, container[class*=" flex-"]:after, container[class^="flex-"]:after, container[class*=" flex-"]:after { display: none!important; } /* Screen Height Classes */ .full-height { min-height: 100vh; } .half-height { min-height: 50vh; } /* Screen Width Classes */ .full-width { min-width: 100vw; } .half-width { min-width: 50vw; } /* Background Image Block Settings */ .bg { position: relative; overflow: hidden; } .bg container { position: relative; z-index: 0; } .bg picture.desktopbg, .bg picture.mobilebg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: center; } .bg picture.mobilebg { display: none; object-fit: cover; } .bg picture img { position: relative; z-index: 0; display: flex; object-fit: cover; min-width: 100%; min-height: 100%; } .ie11 .bg picture img { position: absolute; min-width 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Video Container and Video Background */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-bg { position: relative; width: 100%; overflow: hidden; z-index: 0; top: 0px; left: 0px; } .vid-bg video { position: absolute; bottom: 50%; right: 50%; transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); object-fit: cover; } .ie11 .vid-bg video { position: absolute; min-width 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Alternating Setting */ .alternating { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: stretch; align-items: center; } .alternating > * { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: stretch; } .alternating > *:nth-child(odd) > *:nth-child(odd), .alternating > *:nth-child(even) > *:nth-child(even) { order: 1; } .alternating > *:nth-child(even) > *:nth-child(odd), .alternating > *:nth-child(odd) > *:nth-child(even) { order: 2; } /* Content Settings */ main img { max-width: 100%; width: auto; height: auto; } /* Footer Settings */ #page-foot { } #page-foot .social { display: inline-block; } #page-foot small { margin: 0px; } /* Social Settings */ .social li { width: auto; margin: 0px 15px 0px 15px; } .social li a { text-decoration: none; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-weight: normal; font-size: 20px; text-align: left; -webkit-font-smoothing: antialiased!important; line-height: 1; } .social.round li a { border-radius: 50%; width: 20px; height: 20px; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch; } .social.bgcolor li a { color: #FFF; } summary::-webkit-details-marker { display: none; } .mobiletabonly { display: none!important; } @media handheld, only screen and (max-width: 1023px) { #page-head container { position: relative; } #page-head container #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; } #page-head container #nav #main, #page-head container #nav #submain { text-align: right; display: block!important; } #page-head container #nav #main, #page-head container #nav #submain, #page-head container #nav #main li, #page-head container #nav #submain li { display: block!important; height: auto!important; } #page-head container #nav #main li a, #page-head container #nav #submain li a { padding: 20px; display: block; margin: 0px!important; } #page-head container #nav #main .menu-item-has-children ul, #page-head container #nav #submain .menu-item-has-children ul { display: block!important; position: relative; left: 0; background: #F7F6F6; width: 100vw; left: -9px; top: 0; } #page-head container #nav #main .menu-item-has-children ul li, #page-head container #nav #submain .menu-item-has-children ul li { display: block; } /* #page-head container #nav #main .menu-item-has-children ul li a, #page-head container #nav #submain .menu-item-has-children ul li a { padding-right: 40px; } */ #page-head container #nav #main .menu-item-has-children ul.expand, #page-head container #nav #submain .menu-item-has-children ul.expand { display: block!important; position: static; } #page-head container .toggle { width: 30px; height: 30px; display: inline-block; text-decoration: none; z-index: 3; text-align: left; top: 50%; right: 0px; transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; } #page-head container .toggle:before { display: block; position: absolute; height: 3px; width: 100%; background: var(--tertiary-color); opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle em:before { display: block; position: absolute; height: 2px; width: 96%; background: var(--tertiary-color); opacity: 1; left: 2%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle em:after { display: block; position: absolute; height: 1px; width: 96%; background: var(--tertiary-color); opacity: 1; left: 2%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle:after { display: block; position: absolute; height: 1px; width: 92%; background: var(--tertiary-color); opacity: 1; left: 4%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle:before { top: 7px; } #page-head container .toggle em:before, #page-head container .toggle em:after { top: 50%; } #page-head container .toggle:after { top: 75%; } #page-head container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); background: var(--secondary-color); } #page-head container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); background: var(--secondary-color); } #page-head container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ #nav { display: block!important; height: 100vh; overflow: auto!important; } .mobiletabonly { display: block!important; } /* deskop hide */ #page-head container #toggle:checked ~ #nav.desktop { display: none!important; } } @media handheld, only screen and (max-width: 766px) { #page-head container, #page-foot container, div container, .halves > .half, .bricks { width: 100%; } article, .listed li, [class^="box-"], [class*=" box-"] { width: 100%!important; float: none!important } .m-half { float: left!important; width: 50%!important; } .m-third { float: left!important; width: calc( 100% / 3 )!important; } .bg img.mobilebg, .bg > picture.mobilebg, .mobileonly, .rpw, .justified { display: block!important; } .twocol, .threecol, .fourcol { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } .twocol hr, .threecol hr, .fourcol hr { -webkit-column-break-before: initial; -moz-column-break-before: initial; column-break-before: initial; visibility: hidden; } .alternating > *:nth-child(odd) > *:nth-child(odd), .alternating > *:nth-child(even) > *:nth-child(odd){ order: 1; -webkit-order: 1; } .alternating > *:nth-child(even) > *:nth-child(even), .alternating > *:nth-child(odd) > *:nth-child(even){ order: 2; -webkit-order: 2; } /* Mobile Menu styles */ #page-head { height: 50px; } #page-head container { padding-left: 0px; padding-right: 0px; position: relative; } #page-head container .logo { max-height: 100%; } #page-head.center-logo container #nav { position: absolute; margin-top: 0px; text-align: right; top: 100%; transform: none; -webkit-transform: none; display: block; } #page-head container #nav { display: block!important; width: 100%; height: 0px; overflow: hidden; transition: height 0.8s; position: absolute; z-index: 2; width: auto; top: 100%; right: 0px; width: 100%; overflow-y: hidden; background: #333; } #page-head container #nav #main, #page-head container #nav #submain { text-align: right; display: block!important; } #page-head container #nav #main, #page-head container #nav #submain, #page-head container #nav #main li, #page-head container #nav #submain li { display: block!important; height: auto!important; } #page-head container #nav #main li a, #page-head container #nav #submain li a { padding: 20px; display: block; margin: 0px!important; } #page-head container #nav #main .menu-item-has-children ul, #page-head container #nav #submain .menu-item-has-children ul { display: block!important; /*max-height: 0;*/ position: relative; left: 0; background: #F7F6F6; width: 100%; /*left: -9px;*/ } #page-head container #nav #main .menu-item-has-children ul li, #page-head container #nav #submain .menu-item-has-children ul li { display: block; } /* #page-head container #nav #main .menu-item-has-children ul li a, #page-head container #nav #submain .menu-item-has-children ul li a { padding-right: 40px; } */ #page-head container #nav #main .menu-item-has-children ul.expand, #page-head container #nav #submain .menu-item-has-children ul.expand { display: block!important; position: static; max-height: 50vh; } #page-head container .toggle { width: 30px; height: 30px; position: absolute; top: 50%; right: 10px; display: inline-block; color: #fff; text-decoration: none; z-index: 3; text-align: left; transform: translateY(-50%); transition: .5s ease-in-out; cursor: pointer; margin: 0px; } #page-head container .toggle:before { display: block; position: absolute; height: 3px; width: 100%; background: var(--secondary-color); opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle em:before { display: block; position: absolute; height: 2px; width: 96%; background: var(--secondary-color); opacity: 1; left: 2%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle em:after { display: block; position: absolute; height: 1px; width: 96%; background: var(--secondary-color); opacity: 1; left: 2%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle:after { display: block; position: absolute; height: 1px; width: 92%; background: var(--secondary-color); opacity: 1; left: 4%; transform: rotate(0deg); transition: .25s ease-in-out; content: " "; border-radius: 0; } #page-head container .toggle:before { top: 7px; } #page-head container .toggle em:before, #page-head container .toggle em:after { top: 50%; } #page-head container .toggle:after { top: 75%; } #page-head container #toggle:checked ~ .toggle:before { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ .toggle em:before { transform: rotate(45deg); } #page-head container #toggle:checked ~ .toggle em:after { transform: rotate(-45deg); } #page-head container #toggle:checked ~ .toggle:after { top: 14px; width: 0%; left: 50%; } #page-head container #toggle:checked ~ #nav { display: block!important; height: calc(100vh - 90px); overflow: auto!important; } main table thead { display: none; } main table tr { border-width: 1px; border-style: solid; width: 100%; display: block; margin-top: 10px; margin-bottom: 10px; } main table tr td:first-child { font-weight: bold; font-size: larger; } main table tr td:first-child:before { display: none; } main table tr td { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; display: block; } main table tr td:before { content: attr(data-head); display: block; font-weight: bold; font-size: large; } .frm_half, .frm_third, .frm_two_thirds, .frm_fourth, .frm_three_fourths, .frm_sixth, .frm10, .frm_full { width: 100%; } } /* A simple jQuery modal (http://github.com/kylefox/jquery-modal) Version 0.9.2 */ .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:999999;background-color:rgba(0,0,0,.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;width:90%;background:#fff;text-align:left}.modal a.close-modal{position:absolute;top:15px;right:15px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{animation-delay:-1.1s}.modal-spinner .rect3{animation-delay:-1s}.modal-spinner .rect4{animation-delay:-.9s}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5)}20%{transform:scaleY(1)}}; /* splide js */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}