/* Theme Name: Hair Personal 2022 URI: Description:Green Dot custom theme for this site Version:2022.00 Author:Green Dot Advertising Author URI:https://www.greendotadvertising.com Tags: License:MIT License URI:http://opensource.org/licenses/mit-license.php /* */ /* Based on BlankSlate Version: 2019.1 BlankSlate WordPress Theme © 2011-2019 TidyThemes BlankSlate is distributed under the terms of the GNU GPL * / /*Normalize and reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing: border-box; } body{padding:0;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} sup{font-size:50%;vertical-align:baseline;position:relative;bottom:0.75em;} a{color:inherit;text-decoration:none;} a:hover{text-decoration:underline;} button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner{padding:0 !important;border:0 none !important;} @-ms-viewport{ width:device-width;} img{display:block } .nobr,.Nobr{white-space:nowrap;} @media only screen and (max-width:60em){.nobr{white-space:normal;}} html{font-size:100%; scroll-behavior: smooth;overscroll-behavior: none;} @media only screen and (max-width:570px){html{-webkit-text-size-adjust:100%;}} /* Structure ========================= */ .hld{display:block;width:100%;margin:0 auto;transition:all 0s ease-in-out;z-index:1;background:#fff;padding-top:0;min-height:100vh;overflow:hidden;position:relative;}.page-template-page-image-above .hld{padding-top:0;} @media only screen and (max-width:60em){.hld{overflow:hidden;display:block;position:relative;margin:0;background:#fff;z-index:5;}} .block{width:100%;position:relative;opacity:1;text-align:center;box-sizing:border-box;transition:opacity .125s ease-in-out;}.block.visible {opacity:1;} @media only screen and (max-width:60em){.block{opacity:1;text-align:center;box-sizing:border-box;transition:all 0s ease-in-out;}.block.visible {opacity:1;}}.zone{display:block;position:relative;margin:0 auto;box-sizing:border-box;max-width:100%;padding:1px 0;text-align:center;} .block .box{display:inline-block;vertical-align:top;margin:0 auto;box-sizing:border-box;}.zone>img,.zone>span.image{height:auto;}.zone>h2{text-align:center;}.img{display:block;position:relative;box-sizing:border-box;}.img img{display:block;width:100%;height:auto;} /* .top_shadow,.bottom_shadow ========================================*/ .top_shadow,.bottom_shadow{position:relative;}.top_shadow:before{content:' ';display:block;width:100%;height:3em;overflow:hidden;background:url("images/bk_shad.png") center top no-repeat;background-size:100% 3em;z-index:1;position:absolute;top:0;left:0;opacity:.3;}.bottom_shadow:before{content:' ';display:block;width:100%;height:3em;overflow:hidden;background:url("images/bk_shad.png") center top no-repeat;background-size:100% 3em;z-index:1;position:absolute;bottom:-3em;left:0;opacity:.3;} @media only screen and (max-width:60em){.top_shadow:before,.bottom_shadow:before{font-size:.5em;}} /* vid_frame ratio4x3 #player bk_video ===========================*/ .vid_frame,.embed-youtube{margin:0 0 0 0;padding:0 0 56.25% 0;display:block;position:relative;box-shadow:0 .125em .25em rgba(0,0,0,.3),0 .25em .5em -.25em rgba(0,0,0,.4);} @media only screen and (max-width:60em){.vid_frame{}} .vid_frame.ratio4x3{padding:0 0 75% 0;}.vid_frame iframe,.embed-youtube iframe{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;} .bk_video{position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}.bk_video .video_button{position:absolute;z-index:105;top:0;bottom:0;left:0;right:0;cursor:pointer;background:url("images/audio.gif") right bottom no-repeat;background-size:7.8125em 2.34375em;opacity:.5; display:none; } .bk_video.playing .video_button { display:block;} .hld.close .bk_video .video_button , .hld.close .bk_video:after {display:none;} @media only screen and (max-width:60em){.bk_video .video_button{background-size:3em 2.34375em;}} .bk_video iframe{position:absolute;top:-29.4117647058825%;bottom:-29.4117647058825%;border:none !important;left:0%;right:0%;width:100%;height:158.823529411765%;display:block;background:#000;margin:0;box-sizing:border-box;} .bk_video.playing:after{content:' ';display:block;position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;}/* */ .gd_fade { opacity: 0; transform: scale(1, 1); transition: opacity.5s ease-in-out, top.5s ease-in-out, left.5s ease-in-out, bottom.5s ease-in-out, right.5s ease-in-out, transform.5s ease-in-out !important; } .gd_fade.from_bottom { top: 10vh; position: relative; } .gd_fade.from_top { position: relative; top: -10vh; } .gd_fade.from_left { position: relative; left: -7vw; } .gd_fade.from_right { position: relative; left: 7vw; } .gd_fade.visible { opacity: 1; transform: scale(1, 1); } .gd_fade.from_bottom.visible, .gd_fade.from_top.visible, .gd_fade.from_left.visible, .gd_fade.from_right.visible { top: 0; left: 0;; } .gd_fade.t0 { transition-delay: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms; } .gd_fade.t1 { transition-delay: 450ms, 450ms, 450ms, 450ms, 450ms, 450ms; } .gd_fade.t2 { transition-delay: 600ms, 600ms, 600ms, 600ms, 600ms, 600ms; } .gd_fade.t3 { transition-delay: 750ms, 750ms, 750ms, 750ms, 750ms, 750ms; } .gd_fade.t4 { transition-delay: 1000ms, 1000ms, 1000ms, 1000ms, 1000ms, 1000ms; } .gd_fade.t5 { transition-delay: 1250ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms; } .gd_fade.t6 { transition-delay: 1500ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms; } .gd_fade.t7 { transition-delay: 1750ms, 1750ms, 1750ms, 1750ms, 1750ms, 1750ms; } .gd_fade.t8 { transition-delay: 2000ms, 2000ms, 2000ms, 2000ms, 2000ms, 2000ms; } @media only screen and (max-width:28em) { .gd_fade.t0, .gd_fade.t1, .gd_fade.t2, .gd_fade.t3, .gd_fade.t4, .gd_fade.t5, .gd_fade.t6, .gd_fade.t7, .gd_fade.t8 { transition-delay: 0ms !important; } /**/ .onload, .block.onload, .gd_fade.onload, .gd_fade.t0.onload, .gd_fade.t1.onload, .gd_fade.t2.onload, .gd_fade.t3.onload.onload, .gd_fade.t4.onload, .gd_fade.t5.onload, .gd_fade.t6.onload, .gd_fade.t7.onload, .gd_fade.t8.onload { transition: all 0s ease-in-out !important; transition-delay: 0ms !important; opacity: 1; transform: scale(1, 1); } .gd_fade.from_bottom.onload, .gd_fade.from_top.onload, .gd_fade.from_left.onload, .gd_fade.from_right.onload { top: 0; left: 0; } } .bk_video .video_holder { opacity:0; transition: opacity .75s ease-in-out; } .bk_video.video_running .video_holder, .bk_video.video_paused .video_holder { opacity:1; } .bk_video.video_running.first_running .video_holder { opacity:1; transition-delay: 3000ms; } .acf-block-preview .fade_in, .acf-block-preview .fade_bottom, .acf-block-preview .bottom_fade, .acf-block-preview .block { opacity: 1 !important;} .acf-block-preview .fade_bottom, .acf-block-preview .bottom_fade { top:0; } /* */ .acf-block-preview .gd_fade.t0, .acf-block-preview .gd_fade.t1, .acf-block-preview .gd_fade.t2, .acf-block-preview .gd_fade.t3, .acf-block-preview .gd_fade.t4, .acf-block-preview .gd_fade.t5, .acf-block-preview .gd_fade.t6, .acf-block-preview .gd_fade.t7, .acf-block-preview .gd_fade.t8 { transition-delay: 0ms !important; } .acf-block-preview, .acf-block-preview .block, .acf-block-preview .gd_fade, .acf-block-preview .gd_fade.t0, .acf-block-preview .gd_fade.t1, .acf-block-preview .gd_fade.t2, .acf-block-preview .gd_fade.t3, .acf-block-preview .gd_fade.t4, .acf-block-preview .gd_fade.t5, .acf-block-preview .gd_fade.t6, .acf-block-preview .gd_fade.t7, .acf-block-preview .gd_fade.t8 { transition: all 0s ease-in-out !important; transition-delay: 0ms !important; opacity: 1 !important; transform: scale(1, 1) !important; } .acf-block-preview .gd_fade.from_bottom, .acf-block-preview .gd_fade.from_top, .acf-block-preview .gd_fade.from_left, .acf-block-preview .gd_fade.from_right { top: 0 !important; left: 0 !important; } body.notransition *, body.notransition, body.notransition .block, body.notransition .fade_in, body.notransition .bottom_fade { transition: none !important; } .box_block .box, .block_box .box, .box.block_box, .box.box_block { display: block; direction:ltr; } lite-youtube { background-color: #f9f9f9; border 1px solid #f9f9f9; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; overflow: hidden; width: calc(100% - 2px); height: calc(100% - 2px); margin: 0 auto;box-sizing: border-box;} /* gradient * / lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* */lite-youtube::after { content: ""; display: block; padding-bottom: 56.25%; /*calc(100% / (16 / 8.96)); */} lite-youtube > iframe { width:calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px;border: 0; } /* play button */ lite-youtube > .lty-playbtn { width: 68px; height: 48px; position: absolute; cursor: pointer; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-color: transparent; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .demo_form .form_holder { margin-bottom: 0 !important; font-size: 1em; width:100%; } .demo_form .form_holder > div { position:relative; display: inline-block; text-align: left; margin-right: 1em; vertical-align: top; margin-bottom:2em; } .demo_form .form_holder.center > div,.demo_form .form_holder.center { text-align: center; } .demo_form .hold_1 > div { width: calc(100% - 1em); } .demo_form .addr { display: none; } .demo_form .hold_2 > div { width: calc(50% - 1em); } .demo_form .hold_3 > div { width: calc(100% / 3 - 1em); } .demo_form .hold_4 > div { width: calc(100% / 4 - 1em); } .demo_form .form_holder > div:last-child { margin-right: 0; } .demo_form .form_holder.last_row { padding-top: 3em; } .demo_form .input input, .demo_form .select select, .demo_form .input textarea { display: block; width: 100%; background-color: #fff; border: 1px solid #707070; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; margin: 0 0 0 0; box-sizing: border-box; color: #5e5b5b; font-size: 1.5em; line-height: 1.25em !important; padding: .5em 0 .5em .5em; transition: all .5s ease-in-out; border-radius:.0;max-width: 100%; /* height: 2em; */ } .demo_form .input textarea { height: 18.6em } .demo_form .input input:focus, .demo_form .select select:focus, .demo_form .input textarea:focus { color: #000; background: #ffe; /* outline: 3px solid #1b5e87;*/ outline:0 !important; outline-offset: -3px; box-shadow: 0 0 0 2px rgba(0,0,0, .8); } .demo_form .input textarea:focus {} .demo_form .label_text { display: block; font-size: 1.3125em;; margin-bottom: .75em; line-height: 1.25em; } .demo_form .checkbox_text { display: inline-block; font-size: 1.5625em; line-height: 1.25em; vertical-align: top; width: calc(100% - 2em) } .demo_form .select label { position: relative; display: block; } .demo_form .select label:after { pointer-events: none; content: ''; overflow: hidden; display: block; background: url("images/select-arrow-clear.png") no-repeat center center; background-size: 140% 150%; height: 3em; width: 3em; position: absolute; bottom: .25em; right: 1px; box-sizing: border-box; } /**/ .demo_form .select option { color: inherit; font-size: inherit; } .demo_form .submit { text-align: left; font-size: 1.25em; } .demo_form .submit.center { text-align: center; font-size: 1.25em; } .demo_form .submit input {} @media only screen and (max-width:60em) { .demo_form .form_holder { font-size: .875em; } .demo_form .form_holder.last_row { padding-top: 2em; } .demo_form .input input, .demo_form .select select, .demo_form .input textarea { font-size: 1.3125em; } .demo_form .select label:after { bottom: .4em; } .demo_form .label_text, .demo_form .item-label, .demo_form .text { font-size: 1.125em; } } @media only screen and (max-width:43em) { .demo_form .form_holder { max-width: 25em; margin: 0 auto; } .demo_form .form_holder > div { width: 100% !important; max-width: 100% !important; margin-bottom: 1.25em; } } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:calc(100% - 2em); margin:0 auto;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /* Light 300 Light 300 italic Regular 400 Regular 400 italic Medium 500 Semi-bold 600 Extra-bold 700 Extra-bold 700 italic font-family: 'Montserrat', sans-serif; Layout */ html, .block-editor-block-list__layout.is-root-container { font-size:70%;} /* */ @media only screen and (max-width:60em) { html, .block-editor-block-list__layout.is-root-container { font-size:90%;}} @media only screen and (max-width:28em) { html, .block-editor-block-list__layout.is-root-container { font-size:100%;}} :any-link { color: inherit; text-decoration: inherit; } body.page, .is-root-container { font-family: 'Montserrat', sans-serif; font-style: normal; color: #414042; background: #fff; opacity: 1; transition: all 0s ease-in-out; margin: 0; /* overscroll-behavior: none; -webkit-overflow-scrolling: touch*/ } .block, .acf-block-preview { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; transition: opacity 2s ease-in-out; font-size: 100%; } /* .hld .block, .hld { opacity: 0; } .hld { transition: opacity .125s ease-in-out; } */ .hld .block.visible, .hld.loaded { opacity: 1; } hld .block.visible { transition: opacity 2s ease-in-out; } .box strong, .acf-block-preview strong { font-weight: 700; } .box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .box p, .box ul, .box ol, .box blockquote, .h100, .h1, .h2, .h3, .h4, .h5, .h6, .acf-block-preview h1, .acf-block-preview h2, .acf-block-preview h3, .acf-block-preview h4, .acf-block-preview h5, .acf-block-preview h6 { display: block; box-sizing: border-box; font-weight: inherit; } .box blockquote, .acf-block-preview blockquote { font-family: 'Montserrat', sans-serif; } .box figure, .box figure img, .acf-block-preview figure, .acf-block-preview figure img { display: block; width: 100%; max-width: 100%; height: auto; font-size: 1em; } .box figure, .acf-block-preview figure { margin: 0 auto 3em auto; } .box figcaption, .acf-block-preview figcaption { font-size: 1.25em; line-height: 1.2; margin: .75em auto; font-weight: 400; } @media only screen and (max-width:60em) { .box figure, .acf-block-preview figure { margin: 0 auto 2em auto; } .box figcaption, .acf-block-preview figcaption { font-size: 1.0625em; } } .box p, .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul { font-size: 1.5em; padding: 0; } .box p, .box li, .acf-block-preview p { line-height: 2em; } .acf-block-preview li { line-height: 1.25em; } .box p, .acf-block-preview p { width: 100%; margin: 0 0 2em 0; } .box p a, .box li a, .acf-block-preview p a, .acf-block-preview li a { text-decoration: underline; } .box li > ul, .box ol ul, .acf-block-preview ol ul, .acf-block-preview li > ul, .box li > ol, .acf-block-preview li > ol { font-size: 1em; } .box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .box .h1, .box .h2, .box .h3, .box .h4, .box .h5, .box .h6, .acf-block-preview h1, .acf-block-preview h2, .acf-block-preview h3, .acf-block-preview h4, .acf-block-preview h5, .acf-block-preview h6, .acf-block-preview .h1, .acf-block-preview .h2, .acf-block-preview .h3, .acf-block-preview .h4, .acf-block-preview .h5, .acf-block-preview .h6, .acf-block-preview .h100, .box .h100 { font-family: 'Montserrat', sans-serif; font-style: normal; display: block; font-size: 1em; line-height: 1.2em; font-weight: 700; margin: 0 auto 1.3em auto; } .box .h1, .acf-block-preview .h1 { font-size: 3em; line-height: 1.25em; margin: 0; } .h1 .thin, .h1.thin, .h2 .thin, .h2.thin, .h3 .thin, .h3.thin { font-weight: 300 !important; } .box .h2, .acf-block-preview .h2, .blog .box h2 { font-size: 3em; line-height: 1.25em; } .box .h3, .acf-block-preview .h3 { font-size: 1.875em; } .box li .h3, .acf-block-preview li .h3 { font-size: calc(1.75em / 1.25); } .h1 .thin, .h1.thin, .h2 .thin, .h2.thin, .h3 .thin, .h3.thin, .h3 .thin, .h4.thin, .h3 .thin, .h5.thin { font-weight: 300 !important; } .box .h4, .acf-block-preview .h4, .blog .box h4, .blog .box h5, .blog .box h6, .blog .box h3 { font-size:1.625em; line-height: 1.153846153846154em; margin: 0 auto 1em auto; } .h1.no_margin, .h2.no_margin, .h3.no_margin { margin-bottom:.5rem; } p.no_margin { margin-bottom:0 !important; } /* .box .h5, .acf-block-preview .h5 { font-size: 1.875em; margin-botom:1em; font-weight:700; color: #788095; text-transform: none; } .box .h6, .acf-block-preview .h6 { font-family: 'Montserrat', sans-serif; font-size: 1.5em; margin-botom:1em; font-weight:700; text-transform: none; } */ .dark h1, .dark h2, .dark h1 strong, .dark h2 strong, .dark h3, .dark h4, .dark h5, .dark h6, .dark, .dark .h1, .dark .h2, .dark .h1 strong, .dark .h2 strong, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark .h100 { color: #fff; /* text-shadow: 0 1px 2px rgba(0, 0, 0, .5); */ } .acf-block-preview li p { line-height: 1em; } .box li .h2, .acf-block-preview li .h2 { font-size: calc(3em / 1.25); } .box li .h3, .acf-block-preview li .h3 { font-size: calc(1.875em / 1.25); } .box li .h4, .acf-block-preview li .h4 { font-size: calc(1.625em / 1.25); } @media only screen and (max-width:60em) { .box p, .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul, .h6 { font-size: 1.125em; } .box .h1, .acf-block-preview .h1 { font-size: 2.7em; font-size: 1.75em; } .box .h2, .acf-block-preview .h2, .blog .box h2 { font-size: 2.025em; font-size: 1.75em; } .box .h3, .acf-block-preview .h3, .blog .box h4, .blog .box h5, .blog .box h6, .blog .box h3 { font-size: 1.36em; } .box .h4, .acf-block-preview .h4 { font-size: 1.25em; } /* .box .h5, .acf-block-preview .h5 { font-size: 1.25em; } */ .acf-block-preview li p { line-height: 1em; } .box li .h2, .acf-block-preview li .h2 { font-size: calc(1.75em / 1.125); } .box li .h3, .acf-block-preview li .h3 { font-size: calc(1.36em / 1.125); } .box li .h4, .acf-block-preview li .h4 { font-size: calc(1.25em / 1.125); } } @media only screen and (max-width:28em) { .box p, .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul, .h6 { font-size: 1em; } .box .h1, .acf-block-preview .h1 { font-size: 2.4em; font-size: 1.4em; } .box .h2, .acf-block-preview .h2, .blog .box h2 { font-size: 1.4em; } .box .h3, .acf-block-preview .h3, .blog .box h4, .blog .box h5, .blog .box h6, .blog .box h3 { font-size: 1.125em; } .box .h4, .acf-block-preview .h4 { font-size: 1.0625em; } .box li .h1, .acf-block-preview li .h1 { font-size: 2.4em; font-size: 1.4em; } .box li .h2, .acf-block-preview li .h2 { font-size: 1.4em; } .box li .h3, .acf-block-preview li .h3 { font-size: 1.125em; } .box li .h4, .acf-block-preview li .h4 { font-size: 1.0625em; } /* .box .h5, .acf-block-preview .h5 { font-size: 1.125em; } */ } .text_left { text-align: left; } .black { color: #000000 !important; text-shadow: none !important; } .green { color: #48A206 !important; } .red { color: #d00 !important; } .grey_block {background-color:#f9f9f9 } .dark.green { color:#006D38 !important; } .lite.green { color:#36B24A !important; } .dark .intro {} .black { color: #000000 !important; text-shadow: none !important; } .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul { display: block; margin: 0 0 2em 0; box-sizing: border-box; } @media only screen and (max-width:60em) { .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul { margin: 0 0 1em 0; } } .box ol, .acf-block-preview ol { counter-reset: thecounter; } .box li, .acf-block-preview li { margin: 0 0 .25em 0; display: block; position: relative !important; width: 100%; padding: 0 0 0 1em; box-sizing: border-box; font-size: 1em; } .box ol li, .acf-block-preview ol li { margin: 0 0 .5em 0; padding: 0 0 0 2em; } /* */ .box ol li:before, .acf-block-preview ol li:before { counter-increment: thecounter; content: counter(thecounter)"."; position: absolute; top: 0; left: 0; text-align: right; width: 1.25em; } .box ol[type="a"] li:before, .acf-block-preview ol[type="a"] li:before { counter-increment: thecounter; content: "("counter(thecounter, lower-alpha)")"; } .box ol[type="AA"] li:before, .acf-block-preview ol[type="AA"] li:before { counter-increment: thecounter; content: "("counter(thecounter, upper-alpha)")"; } /* */ .box ul li, .acf-block-preview ul li { display: block; position: relative; padding: 0 0 0 1em } .box ul li ul, .acf-block-preview ul li ul { margin: .25em 0 0 1em; } .box ul li:before, .acf-block-preview ul li:before { content: '•'; display: block; overflow: hidden; position: absolute; left: 0; top: 0; font-weight:700; color: #48A206; } .dark ul li:before { background: none; color: #fff !important } /* .block-editor-block-list__layout.is-root-container */ .bt , .box .woocommerce #respond input#submit, .box .woocommerce a.button, .box .woocommerce button.button, .box .woocommerce input.button , .block-editor-block-list__layout.is-root-container .woocommerce #respond input#submit, .block-editor-block-list__layout.is-root-container .woocommerce a.button, .block-editor-block-list__layout.is-root-container .woocommerce button.button, .block-editor-block-list__layout.is-root-container .woocommerce input.button{ font-family: 'Montserrat', sans-serif; border-radius: 0; padding: .75em; font-size: calc(28em / 16); letter-spacing: .01em; position: relative; font-weight: 500; vertical-align: middle; display: inline-block; -webkit-appearance: none; -moz-appearance: none; -webkit-font-smoothing: antialiased; cursor: pointer; text-align: center; box-sizing: border-box; transition: opacity .5s ease-in-out; outline: 0; text-decoration: none !important; zoom: 1; line-height: 1.2; width: auto; background: #48A206; color:#fff; opacity: 1; border: 2px solid #48A206; white-space: normal; } @media only screen and (max-width:60em) { .box .woocommerce #respond input#submit, .box .woocommerce a.button, .box .woocommerce button.button, .box .woocommerce input.button , .block-editor-block-list__layout.is-root-container .woocommerce #respond input#submit, .block-editor-block-list__layout.is-root-container .woocommerce a.button, .block-editor-block-list__layout.is-root-container .woocommerce button.button, .block-editor-block-list__layout.is-root-container .woocommerce input.button{ font-size: calc(20em / 16); } } @media only screen and (max-width:28em) { .box .woocommerce #respond input#submit, .box .woocommerce a.button, .box .woocommerce button.button, .box .woocommerce input.button , .block-editor-block-list__layout.is-root-container .woocommerce #respond input#submit, .block-editor-block-list__layout.is-root-container .woocommerce a.button, .block-editor-block-list__layout.is-root-container .woocommerce button.button, .block-editor-block-list__layout.is-root-container .woocommerce input.button{ font-size: calc(18em / 16); } } .bt { min-width: 14em; } .bt + .bt { /* background:#414042; color:#fff; border: 2px solid #414042; */ margin-left:.5em; } @media only screen and (max-width:60em) { .bt ,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ font-size: 1.5em; } } @media only screen and (max-width:33em) { .bt { margin:.5em 0; } .bt + .bt { margin:.5em; } a.bt:only-child { margin:0; } } @media only screen and (max-width:28em) { .bt ,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ font-size: 1.2em; min-width: auto; } } p .bt { font-size: calc(28em / 24); } /**/ .dark .bt { color: #ffffff; border: 2px solid #fff; } @media only screen and (max-width:60em) { .bt ,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ border-size: 1px; } } .bt:hover ,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ text-decoration: none; /* top: 2px; */ color: #fff; border-color: #006D38; } .no_click > a { cursor: none; } .box_icon { display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; } /* */ @media only screen and (max-width:48em) { .box_icon { width: auto; height: auto; } } /* */ .vid_frame, .embed-youtube { margin: 0 0 0 0; padding: 0 0 56.25% 0; max-width: 100%; width: 100%; display: block; position: relative; /* box-shadow: 0 .125em .25em rgba(0, 0, 0, .3), 0 .25em .5em -.25em rgba(0, 0, 0, .4);*/ } .vid_frame.ratio4x3 { padding: 0 0 75% 0; } .vid_frame iframe, .embed-youtube iframe { width: 100% !important; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .the_map { padding: 0; background: #a9daff; text-align: center; height: 30em; max-height: 50vh; position: relative; } .the_map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text_left .box, .box.text_left, .inner_div.text_left { text-align: left; } .no_alt:after, div.no_alt:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .block :focus { outline-style: solid; z-index: 100; outline-width: .125em; outline-offset: -.125em; transition: all .125s ease-in-out; } .block input:focus { text-decoration: none !important; } .dark:focus { outline-color: #ffffff; } /* */ .gd_video_element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } /* */ .soc a { display: inline-block; margin: 0; vertical-align: middle; border-radius: 50%; } .soc a:before { content: ''; display: block; width: 2em; height: 2em; background-size: cover !important; border-radius: 50%; margin: 0.375em; } .soc a.bt_youtube:before { background: url("images/icon_youtube.png") center center no-repeat; } .soc a.bt_facebook:before { background: url("images/icon_facebook.png") center center no-repeat; }.soc a.bt_instagram:before { background: url("images/icon_instagram.png") center center no-repeat; }.soc a.bt_pinterest:before { background: url("images/icon_pintrest.png") center center no-repeat; }.soc a.bt_twitter:before { background: url("images/icon_twitter.png") center center no-repeat; } .block p a[href^="#missing"], .block a[href^="#missing"] { cursor: not-allowed !important; } .logged-in .block p a[href^="#missing"], .logged-in .block a[href^="#missing"] { color: #dd0000 !important; } .arrow_block { position: relative; margin-top: -3.75em; transition: clip-path.5s linear; clip-path: polygon(0% 0%, 50% 0, 100% 0%, 100% 100%, 0% 100%); } .arrow_block.visible { clip-path: polygon(0% 0%, 50% 3.75em, 100% 0%, 100% 100%, 0% 100%); } @media only screen and (max-width:60em) { .arrow_block { position: relative; margin-top: -7vw; transition: clip-path.5s linear; clip-path: polygon(0% 0%, 50% 0, 100% 0%, 100% 100%, 0% 100%); } .arrow_block.visible { clip-path: polygon(0% 0%, 50% 5vw, 100% 0%, 100% 100%, 0% 100%); } } .acf-block-preview .arrow_block, .acf-block-preview.arrow_block { margin-top:0; } .side_line,.dots_left,.dots_right { position:relative; } .left_side.side_line:after { left:0; } .right_side.side_line:after { right:0; } .side_line:after { content:''; display:block; height:100%; position:absolute; top:0; width:0; background: #8ac43e; background: -moz-linear-gradient(top, #8ac43e 0%, #48a206 100%); background: -webkit-linear-gradient(top, #8ac43e 0%,#48a206 100%); background: linear-gradient(to bottom, #8ac43e 0%,#48a206 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac43e', endColorstr='#48a206',GradientType=0 ); transition: width .5s linear; } .side_line.visible:after { width:2.25em; } .left_side.side_line { padding-left:2.25em; } .right_side.side_line{ padding-right:2.25em; } .dots_left { background:url(/wp-content/uploads/2021/08/Mask-Group-15.png) left top no-repeat; background-size:38.1875em 91em; } .dots_right { background:url(/wp-content/uploads/2021/08/Mask-Group-7.png) right center no-repeat; background-size:36.625em 109.3125em; } .dots_right.dots_left { background-image:url(/wp-content/uploads/2021/08/Mask-Group-7.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png) ; background-position:right center,left top;; background-repeat:no-repeat, no-repeat; background-size:36.625em 109.3125em,38.1875em 91em; } .dots_right.dots_left.dots_left_bottom{ background-image:url(/wp-content/uploads/2021/08/Mask-Group-7.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png) ; background-position:right center,left top,left bottom; background-repeat:no-repeat, no-repeat, no-repeat; background-size:36.625em 109.3125em,38.1875em 91em,38.1875em 91em; } @media only screen and (max-width:86em) { .side_line.visible:after { width:2.25vw; } .left_side.side_line { padding-left:2.25vw; } .right_side.side_line{ padding-right:2.25vw; } .dots_left { background-size:38.1875vw 91vw; } .dots_right { background-size:36.625vw 109.3125vw; } .dots_right.dots_left { background-image:url(/wp-content/uploads/2021/08/Mask-Group-7.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png) ; background-position:right center,left top;; background-repeat:no-repeat, no-repeat; background-size:36.625vw 109.3125vw,38.1875vw 91vw; } .dots_right.dots_left.dots_left_bottom{ background-image:url(/wp-content/uploads/2021/08/Mask-Group-7.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png), url(/wp-content/uploads/2021/08/Mask-Group-15.png) ; background-position:right center,left top,left bottom; background-repeat:no-repeat, no-repeat, no-repeat; background-size:36.625vw 109.3125vw,38.1875vw 91vw,38.1875vw 91vw; } } @media only screen and (max-width:28em) { .dots_right.dots_left,.dots_right,.dots_left { background-image:url() ; } } /* */