/* Theme Name: Custom Remote Employee USA URI: Description:Custom theme for this site Version:2021.001 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 } /* https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap font-family: 'Ubuntu', sans-serif; Layout */ /* */ .nobr,.Nobr,.nobrk,.Nobrk,.NoBrk{white-space:nowrap;} @media only screen and (max-width:57.5em){.nobr,.nobrk{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:57.5em){.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:57.5em){.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;} .box {display:inline-block;vertical-align:top;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;} /*! mediabox v1.1.1 | (c) 2016 Pedro Rogerio | https://github.com/pinceladasdaweb/mediabox */ .mediabox-wrap { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; opacity: 0; z-index: 999; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mediabox; animation-name:mediabox } @-webkit-keyframes mediabox { 0% { opacity:0 } 100% { opacity:1 } } @keyframes mediabox { 0% { opacity:0 } 100% { opacity:1 } } .mediabox-content { max-width: 853px; display: block; margin: 0 auto; height: 100%; position:relative } .mediabox-content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 480px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin:auto 0 } .mediabox-hide { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mediaboxhide; animation-name:mediaboxhide } @-webkit-keyframes mediaboxhide { 0% { opacity:1 } 100% { opacity:0 } } @keyframes mediaboxhide { 0% { opacity:1 } 100% { opacity:0 } } .mediabox-close { position: absolute; top: 0; cursor: pointer; bottom: 528px; right: 0; margin: auto 0; width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==) no-repeat; background-size:24px 24px } .mediabox-close:hover { opacity:.5 } @media all and (max-width: 768px) { .mediabox-content { max-width:90% } } @media all and (max-width: 600px) { .mediabox-content iframe { height:320px !important } .mediabox-close { bottom:362px } } @media all and (max-width: 480px) { .mediabox-content iframe { height:220px !important } .mediabox-close { bottom: 262px } } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; overflow: hidden; } /* 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); } /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; 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; } /* .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:57.5em){.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:57.5em){.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:57.5em){.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;} /* */ .mobile{display:none !important;} @media only screen and (max-width:57.5em){.desktop{display:none !important }.mobile{display:inherit !important;}.image.altpic,.image.altimg{display:block;}} div#sb-container{transition:all .125s ease-in-out;} /* */ .gd_fade { opacity: 0; transition: opacity 1s ease-in-out, top 1s ease-in-out, left 1s ease-in-out, bottom 1s ease-in-out, right 1s ease-in-out, transform 1s 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.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:740px) { .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; } .gd_fade.from_bottom.onload, .gd_fade.from_top.onload, .gd_fade.from_left.onload, .gd_fade.from_right.onload { top: 0; left: 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; } .gd_fade.visible, .acf-block-preview .gd_fade { opacity: 1; } .gd_fade.from_bottom.visible, .gd_fade.from_top.visible, .gd_fade.from_left.visible, .gd_fade.from_right.visible, .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; 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; } :any-link { color: inherit; text-decoration: inherit; } body.page, .is-root-container { font-family: 'Ubuntu', sans-serif; font-style: normal; color: #313133; background: #fff; opacity: 1; transition: all 0 ease-in-out; margin: 0; } .block, .acf-block-preview { font-family: 'Ubuntu', sans-serif; font-style: normal; font-weight: 300; transition: opacity 0 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; } .block strong, .acf-block-preview strong { font-weight: 700; } .block h1, .block h2, .block h3, .block h4, .block h5, .block h6, .block p, .block ul, .block ol, .block 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; } .block blockquote, .acf-block-preview blockquote { font-family: 'Ubuntu', sans-serif; } .block figure,.block figure img, .acf-block-preview figure,.acf-block-preview figure img{ display:block; width:100%; max-width:100%; height:auto; font-size:1em; } .block figure,.acf-block-preview figure { margin:0 auto 3em auto; } .block figcaption,.acf-block-preview figcaption { font-size:18px; line-height:1.2; margin:.75em auto;font-weight:400; } @media only screen and (max-width:57.5em) { .block figure,.acf-block-preview figure { margin:0 auto 2em auto; } .block figcaption,.acf-block-preview figcaption { font-size:1.0625em; } } .block p, .block ul, .block ol, .acf-block-preview ol, .acf-block-preview ul { font-size:18px; padding: 0; } .block p, .block li, .acf-block-preview p, .acf-block-preview li { line-height: calc(40em / 18); margin-bottom: calc(70em / 18); width: 100%; } .block li, .acf-block-preview li { margin-bottom: calc(26em / 18); } .block p a, .block li a, .acf-block-preview p a, .acf-block-preview li a { text-decoration: underline; } .block ul ul, .block ol ul, .acf-block-preview ol ul, .acf-block-preview ul ul, .block ul ol, .block ol ol, .acf-block-preview ol ol, .acf-block-preview ul ol { font-size: 1em; } .block h1, .block h2, .block h3, .block h4, .block h5, .block h6, .block .h1, .block .h2, .block .h3, .block .h4, .block .h5, .block .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, .block .h100 { font-family: 'Ubuntu', sans-serif; font-style: normal; display: block; font-size: 1em; color: #313133; line-height: 1em; font-weight: 700; margin: 0 auto; } .block .h1, .acf-block-preview .h1, .blog.block h1 { font-size: 60px; margin-bottom: 60px; font-weight: 300; color:#0E97B4; } .block .h1 strong, .acf-block-preview .h1 strong, .blog.block h1 strong { font-weight: 700; color:#313133; } .block .h2, .acf-block-preview .h2, .blog.block h2 { font-size:36px; line-height: 48px; margin-bottom: 70px; font-weight: 700; } .block .h3, .acf-block-preview .h3, .blog.block h3 { font-size: 24px; line-height: 36px; margin-bottom: 70px; font-weight: 700; } .block .h4, .acf-block-preview .h4, .blog.block h4 { font-size:18px; line-height: 1; font-weight: 700; margin: .25em 0 1em; } /* .block .h5, .acf-block-preview .h5, .blog.block h5 { font-family: 'Ubuntu', sans-serif; font-size: 1.875em; margin-botom:1em; font-weight:700; color: #788095; text-transform: none; } .block .h6, .acf-block-preview .h6, .blog.block h6 { font-family: 'Ubuntu', sans-serif; font-size: 1.5em; margin-botom:1em; font-weight:700; text-transform: none; } .h1 strong, .h2 strong, .h3 strong, .h4 strong, .thin { font-weight: 300 !important; }*/ .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); */ } @media only screen and (max-width:960px) { .block p, .block ul, .block ol, .acf-block-preview ol, .acf-block-preview ul, .h6, .blog.block h6{ font-size: 17px; line-height:36px; margin-bottom: 40px; } .block .h4, .acf-block-preview .h4, .blog.block h4 { font-size:17px; } .block .h1, .acf-block-preview .h1, .blog.block h1 { font-size:40px; line-height: 1em; margin-bottom: 40px; } .block .h2, .acf-block-preview .h2, .blog.block h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px); } .block .h3, .acf-block-preview .h3, .blog.block h3 { font-size: 20px; line-height: 36px; margin-bottom: 40px; } /* .block .h4, .acf-block-preview .h4, .blog.block h4 { font-size: 1.625em; } .block .h5, .acf-block-preview .h5, .blog.block h5 { font-size: 1.25em; } */ } @media only screen and (max-width:740px) { .block p, .block ul, .block ol, .acf-block-preview ol, .acf-block-preview ul, .h6, .blog.block h6 { font-size: 15px; line-height: 28px); margin-bottom: 35px; } .block .h4, .acf-block-preview .h4, .blog.block h4 { font-size:15px; } .block .h1, .acf-block-preview .h1, .blog.block h1 { font-size: 28px; line-height: 30px; margin-bottom:35px; } .block .h2, .acf-block-preview .h2, .blog.block h2 { font-size: 22px; line-height: 28px; margin-bottom: 35px; } .block .h3, .acf-block-preview .h3, .blog.block h3 { font-size:18px; line-height:22px; margin-bottom:35px; } /* .block .h4, .acf-block-preview .h4, .blog.block h4 { font-size: 1.4625em; } .block .h5, .acf-block-preview .h5, .blog.block h5 { font-size:18px; } */ } .text_left, .text_left_mobile { text-align: left; } .red {color:#ad1419 !important;} .orange { color: #f15a2a !important; } .black { color: #000000 !important; text-shadow: none !important; } .blue { color: #004C79 !important; } .sky { color: #0E97B4 !important; } .black { color: #000000 !important; text-shadow: none !important; } .block ul, .block 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:57.5em) { .box ul, .box ol, .acf-block-preview ol, .acf-block-preview ul { margin: 0 0 1em 0; } } .block ol, .acf-block-preview ol { counter-reset: thecounter; } .block ol li, .acf-block-preview ol li { padding: 0 0 0 2em; } .block ol li:before, .acf-block-preview ol li:before { counter-increment: thecounter; content: counter(thecounter)"."; display: block; position: absolute; top: 0; left: 0; text-align: right; width: 1.25em; } .block ol[type="a"] li:before, .acf-block-preview ol[type="a"] li:before { counter-increment: thecounter; content: "("counter(thecounter, lower-alpha)")"; } .block ol[type="AA"] li:before, .acf-block-preview ol[type="AA"] li:before { counter-increment: thecounter; content: "("counter(thecounter, upper-alpha)")"; } .block ul li, .acf-block-preview ul li { display: block; position: relative; padding: 0 0 0 1em } .block ul li ul, .acf-block-preview ul li ul { margin: .25em 0 0 1em; } .block ul li:before, .acf-block-preview ul li:before { content: '•'; display: block; overflow: hidden; position: absolute; left: .3125em; top: 0; color: #0E97B4; font-weight: 700; } .dark ul li:before { background: none; color: #fff !important } .gd_arrow:before, .gd_arrow_top:before { content: ''; overflow: hidden; z-index: 10; display: block; position: absolute; left: calc(50% - 6.25em); top: -1px; width: 12.5em; height: 0; mask-image: url("images/arrow.svg"); mask-size: 100% 100%; -webkit-mask-image: url("images/arrow.svg"); transition: all .3125s ease-in-out; mask-repeat: no-repeat; } .visible.gd_arrow:before, .visible.gd_arrow_top:before, .visible .gd_arrow:before, .visible .gd_arrow_top:before { transition-delay: 250ms; height: 2.5em; } .gd_arrow_bottom:after { content: ' '; overflow: hidden; z-index: 10; left: calc(50% - 6.25em); display: block; position: absolute; bottom: calc(-2.5em+ 1px); width: 12.5em; height: 2.5em; } .gd_arrow.grey:before { background: #e3e5e7; } .gd_arrow.branding_grey:before { background: #f2f3f3; } .gd_arrow_bottom.lite_grey:after { background: #efefed; } .gd_arrow.white:before, .gd_arrow_top.white:before, .gd_arrow_bottom.white:after { background: #fff; } .gd_arrow.black:before, .gd_arrow_top.black:before, .gd_arrow_bottom.black:after { background: #000; } @media only screen and (max-width:57.5em) { .gd_arrow, .gd_arrow_top { padding-top: 1.25em; } .gd_arrow:before, .gd_arrow_top:before, .gd_arrow_bottom:after, .gd_arrow_bottom_black:after { font-size: .5em; } } /* */ .bt { font-family: 'Ubuntu', sans-serif; border-radius: calc(8em / 21); padding: calc((50em - 21em) / 42) calc(45em / 21); font-size: calc(21em / 18); letter-spacing: .01em; position: relative; font-weight: 700; 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; outline: 0; text-decoration: none !important; zoom: 1; line-height: 1; border:none; background: #0E97B4; width:auto; color:#ffffff; opacity: 1; box-shadow: 0 0 0 0 #0E97B4; transition: all .25s linear; outline-color: #0E97B4; } .bt:hover,.bt:active { border:none; box-shadow: 0 0 0 calc(5em / 21) #004C79; background: #004C79; outline-color:#004C79; } p > .bt { font-size: calc(21em / 18); } .dark .bt { color: #ffffff; border: 2px solid #fff; } @media only screen and (max-width:57.5em) { .no_click > a,.no_click > a:hover { cursor:not-allowed; text-decoration: none !important; } .box_icon { display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; } p > .bt { font-size: calc(21em / 17); } } /* */ @media only screen and (max-width:48em) { .box_icon { width: auto; height: auto; } } @media only screen and (max-width:740px) { .bt { border-radius: calc(8em / 18); padding: calc((40em - 18em) / 36) calc(40em / 18); font-size: calc(18em / 18); box-shadow: 0 0 0 0 #0E97B4; transition: all .25s linear; } p > .bt { font-size: calc(18em / 15); } .bt:hover { box-shadow: 0 0 0 calc(4em / 15) #004C79; } } .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; } .demo_form .form_holder { margin-bottom: 0 !important; font-size: 1em; width:100%; } .demo_form .form_holder > div { display: inline-block; text-align: left; margin-right: 1em; vertical-align: top; margin-bottom:calc(35em / 16); } .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 rgba(83, 109, 122, .26); -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.333em; 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: 8.125em } .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:18px; margin-bottom: .25em; 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: calc(50em / 16); width: calc(50em / 16); position: absolute; bottom: 0; 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:57.5em) { .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.05em; } .demo_form .select label:after { bottom: 0; } .demo_form .label_text, .demo_form .item-label, .demo_form .text { font-size: 1.0625em; } .demo_form .select label:after { height: calc(40em / 16); width: calc(40em / 16); } .demo_form .form_holder > div { margin-bottom:calc(25em / 16); } } @media only screen and (max-width:37em) { .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; } } /* */ .gd_video_element { position:absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } /* */ p .phone_number { font-family: 'Ubuntu', sans-serif; display:inline-block; vertical-align:middle; border:2px solid #f15a2a; border-radius: .333em; padding:.333em; margin-left:.333em; line-height:1; font-weight:700; text-decoration:none !important; color:#f15a2a; -webkit-appearance: none; -moz-appearance: none; -webkit-font-smoothing: antialiased; font-size: 1em; } p .phone_number:hover, p .phone_number:focus { background:#f15a2a; color:#fff; } .dark p .phone_number { color:#fff; border:2px solid #fff; background: #ad1419; } .dark p .phone_number:hover, .dark p .phone_number:focus { background:#fff; color:#ad1419; } /* */ 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; } .image_onlyDecorative, .image_only {} .vid_box { font-size: 1em; position: absolute; display: block; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; } .vid_box a { position: absolute; display: block; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; } .vid_box .video_button { position: absolute; display: block; width: 27.875em; height: 19.375em; padding: 0 !important; box-shadow: none; color: rgba(0, 0, 0, 0); } .vid_box .video_button:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("images/play-arrow.png") center center no-repeat; background-size: 98px 99px; background-size: 6.5em 6.5em; background-size: 162px 162px; background-size: 10.125em 10.125em; transition: all .125s ease-in-out; } .vid_box a:hover .video_button:before { background-size: 109px 110px; background-size: 6.875em 6.875em; background-size: 180px 180px; background-size: 11.25em 11.25em; } @media only screen and (max-width: 57.5em) { .vid_box { font-size: 1vw; } } .vid_box_image { display: inline-block; position: relative; font-size: 1em; } .vid_box_image img { max-width: 100%; z-index: 1; display: block; margin: 0; width: 34em; height: auto; max-height: 19.125em; box-shadow: 0 .25em .75em rgba(0, 0, 0, .3), 0 .125em .25em rgba(0, 0, 0, .3); } .vid_box_image a, .vid_box_image .video_image, .vid_box_image button { position: relative; display: block; z-index: 3; padding: 0 !important; box-shadow: none; font-size: 1em; overflow: visible; border: none; background: none; } .vid_box_image .video_image:before, .video_box_image .video_image:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("images/play-arrow.png") center center no-repeat; background-size: 10.125em 10.125em; transition: all .125s ease-in-out; } .vid_box_image a:hover .video_image:before, .video_box_image a:hover .video_image:before { background-size: 11.25em 11.25em; } @media only screen and (max-width: 35em) { .vid_box_image .video_image:before, .video_box_image .video_image:before { font-size: 2.05vw; } } .block p a[href^="#missing"] { cursor:not-allowed; text-decoration: none !important; } .logged-in .block p a[href^="#missing"] { color: #dd0000 !important; outline-style: solid; z-index: 100; outline-width: .125em; outline-offset: -.125em; outline-color:#dd0000 !important; } .last_margin.box :last-child { margin-bottom:0 !important; } .block .zone .box *.no_margin, .block .zone .box *.nomargin, .block .zone .box *.no-margin { margin-bottom:0 !important; } @media all and (min--moz-device-pixel-ratio:0) { .hld, .editor-styles-wrapper { overflow:hidden !important; } } .line_left, .left_line { padding-left:60px; box-sizing:border-box; display:inline-block; text-align:left; position:relative; } .line_left:before, .left_line:before { content:''; display:block; width:1px; left:calc(30px - .5px); top:.5em; background:#0E97B4; height:0; position:absolute; opacity:0; } .visible .line_left:before, .visible .left_line:before, .acf-block-preview .line_left:before, .acf-block-preview .left_line:before{ transition:all 1.5s ease-in; height: calc(100% - 1em); opacity:1; } @media only screen and (max-width:770em) { .line_left, .left_line { padding-left:40px; } .line_left:before, .left_line:before { left:calc(20px - .5px); } }