<head> <data:meta_title/> //Font Family Heading */ /*! normalize.css v8.0.1 */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:0}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*! Milligram v1.4.0 */ *,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:400;letter-spacing:.01em;line-height:1.6}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{font-family:$(title.family);background-color:$(keycolor);border:2px solid $(keycolor);border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.1rem;line-height:1.6rem;padding:10px 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:$(keycolor);border-color:$(keycolor)}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:$(keycolor)}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:$(keycolor)}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:$(keycolor)}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{color:$(keycolor)}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:0.3rem solid $(keycolor);overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}input[type='color'],input[type='date'],input[type='datetime'],input[type='datetime-local'],input[type='email'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],input[type='week'],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:2px solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem .7rem;width:100%}input[type='color']:focus,input[type='date']:focus,input[type='datetime']:focus,input[type='datetime-local']:focus,input[type='email']:focus,input[type='month']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,input[type='week']:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:$(keycolor);outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3.0rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}a{color:$(keycolor);text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal inside}ul{list-style:disc inside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}figure{margin:0}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media (min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right} /*! Grid Bootstrap v5 */ .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:1.25rem;padding-left:1.25rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:2.5rem;--bs-gutter-y:0;display:flex;flex:1 0 100%;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.333333%}.col-2{flex:0 0 auto;width:16.666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.333333%}.col-5{flex:0 0 auto;width:41.666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.333333%}.col-8{flex:0 0 auto;width:66.666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.333333%}.col-11{flex:0 0 auto;width:91.666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.333333%}.col-sm-2{flex:0 0 auto;width:16.666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-5{flex:0 0 auto;width:41.666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.333333%}.col-sm-8{flex:0 0 auto;width:66.666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.333333%}.col-sm-11{flex:0 0 auto;width:91.666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.333333%}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.333333%}.col-md-8{flex:0 0 auto;width:66.666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.333333%}.col-md-11{flex:0 0 auto;width:91.666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.333333%}.col-lg-11{flex:0 0 auto;width:91.666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.333333%}.col-xl-2{flex:0 0 auto;width:16.666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl-5{flex:0 0 auto;width:41.666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.333333%}.col-xl-8{flex:0 0 auto;width:66.666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.333333%}.col-xl-11{flex:0 0 auto;width:91.666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.333333%}.col-xxl-2{flex:0 0 auto;width:16.666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.333333%}.col-xxl-5{flex:0 0 auto;width:41.666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.333333%}.col-xxl-8{flex:0 0 auto;width:66.666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.333333%}.col-xxl-11{flex:0 0 auto;width:91.666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}} @-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}.loader{position:relative}.loader:before{content:'';display:block;left:calc(50% - 20px);top:calc(50% - 20px);height:40px;width:40px;-webkit-animation:rotation 1.5s infinite linear;-moz-animation:rotation 1.5s infinite linear;-o-animation:rotation 1.5s infinite linear;animation:rotation 1.5s infinite linear;border:1px solid transparent;border-top-color:$(keycolor);border-left-color:$(keycolor);border-bottom-color:$(keycolor);position:absolute;opacity:.5;border-radius:50%} html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { background-color: $(body.background); color: $(body.text.color); font-family: $(font.family); } h1, h2, h3, h4, h5, h6, .h1-hero-title, .h2-hero-title, .h3-hero-title { font-family: $(title.family); color: $(title.color); font-weight: 700; letter-spacing: -.1rem; margin-bottom: 2.0rem; margin-top: 0; } h1, .h1-hero-title { font-size: $(title.h1); } h2, .h2-hero-title { font-size: $(title.h2); letter-spacing: -.08rem; } h3, .h3-hero-title { font-size: $(title.h3); letter-spacing: -.05rem; } h4 { font-size: $(title.h4); letter-spacing: 0; } h5 { font-size: $(title.h5); letter-spacing: 0; } h6 { font-family: $(font.family); font-size: $(title.h6); } .entry-text h2 { margin-top: 65px; } .entry-text h3 { margin-top: 52px; } .entry-text h4 { margin-top: 39px; } .entry-text h5 { margin-top: 65px; } .entry-text h6 { margin-top: 65px; } .entry-text > p, .entry-text h1 + h2, .entry-text noscript + h2, .entry-text h2 + h3, .entry-text noscript + h3, .entry-text h3 + h4, .entry-text noscript + h4, .entry-text h4 + h5, .entry-text noscript + h5, .entry-text h5 + h6, .entry-text noscript + h6 { margin-top: 2.5rem; } a, .button, button, input[type='button'], input[type='reset'], input[type='submit'] { -webkit-transition:.5s; transition:.5s; outline: 0; } hr.special-title { margin-top: 0; position: relative; } hr.special-title:before { background-color: $(keycolor); border-radius: 2px; content: ""; display: block; height: 3px; width: 50px; } .text-center { text-align: center; } .text-right { text-align: right; } .align-center { align-items: center; } .align-bottom { align-items: end; } .text-center + hr.special-title { border-color: transparent; } .text-center + hr.special-title:before { margin: 0 auto; } img.lazyload { font-size: 1.2rem; display: inline-block; } #jt-icons { display: none; } .jt-icon { display: inline-block; font-size: inherit; height: 1em; overflow: hidden; vertical-align: -0.125em; width: 1em; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } .jt-icon .fa-secondary { fill: currentColor; opacity: .3; } .light-bg { background-color: $(light.background); } .dark-skin, .dark-skin h1, .dark-skin h2, .dark-skin h3, .dark-skin h4, .dark-skin h5, .dark-skin h6 { color: #fff; } .dark-skin a { color: #fff; } .dark-skin .button, .dark-skin button, .dark-skin input[type="button"], .dark-skin input[type="reset"], .dark-skin input[type="submit"] { background-color: #fff; border-color: #fff; color: #333; } .dark-skin .button:focus, .dark-skin .button:hover, .dark-skin button:focus, .dark-skin button:hover, .dark-skin input[type='button']:focus, .dark-skin input[type='button']:hover, .dark-skin input[type='reset']:focus, .dark-skin input[type='reset']:hover, .dark-skin input[type='submit']:focus, .dark-skin input[type='submit']:hover { background: #fff; border-color: #fff; color: #333; } .dark-skin .button.button-outline, .dark-skin button.button-outline, .dark-skin input.button-outline[type='button'], .dark-skin input.button-outline[type='reset'], .dark-skin input.button-outline[type='submit'] { background: transparent; border-color: #fff; color: #fff; } .dark-skin input[type='email'], .dark-skin input[type='number'], .dark-skin input[type='password'], .dark-skin input[type='search'], .dark-skin input[type='tel'], .dark-skin input[type='text'], .dark-skin input[type='url'], .dark-skin textarea, .dark-skin select { border-color: #fff; color: #fff; } .dark-skin hr.special-title:before { background-color: #fff; } .section-medium { padding: 100px 0; } .section-small { padding: 50px 0; } /* HEADER */ #sticky-header { background-color: $(header.background); border-bottom: 1px solid rgba(150, 150, 150, 0.15); position: relative; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); -webkit-transition-property: -webkit-transform; transition-property: transform; } #sticky-header.stuck { position: fixed; top: 0; } #sticky-header.stuck.header-scroll{ box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.09); } #sticky-header.stuck.header-hidden:not(.header-visible){ -webkit-transform: translateY( -100% ); -ms-transform: translateY( -100% ); -o-transform: translateY( -100% ); transform: translateY( -100% ); box-shadow:none; } #header-main { position: relative; display: flex; } .header_navi { flex: 1 1 0; display: flex; flex-direction: row-reverse; } .header-logo.image-logo > a { display: block; padding: 5px 0; line-height: 0; max-width: $(logo.width); } .header-logo.text-logo > a { display: block; font-family: $(title.family); font-size: 3rem; font-weight: bold; padding: 10px 0; } .header-logo.logo-lazyload img { -webkit-transition:.3s; transition:.3s; } .header-logo.logo-lazyload img.lazyload { opacity: 0; width: $(logo.width); height: 55px; } /* MAIN MENU */ #menu-primary{ position:relative; -webkit-transition:.3s; transition:.3s } #menu-primary ul{ margin:0; padding:0; list-style:none; } #menu-primary li{ position:relative; margin:0; } #menu-primary a{ padding:10px 20px; display: block; color: $(menu.color); font-size: $(menu.font); border-bottom:1px solid rgba(150, 150, 150, 0.15); } #menu-primary li li{ margin:0 } #menu-primary .sub-menu > li:first-child { display: none; } #menu-primary > ul > li > a { font-family: $(title.family); font-weight: bold; } #menu-mobile-button{ cursor:pointer; display:none; align-self: center; padding: 5px; } #menu-mobile-button i{ background-color: $(tabs.color); display:block; height:2px; width:25px; -webkit-transition:.3s; transition:.3s } #menu-mobile-button i:nth-child(2){ margin:5px 0; } #menu-mobile-button.active i:first-child { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } #menu-mobile-button.active i:nth-child(2) { opacity: 0; } #menu-mobile-button.active > i:last-child { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } #menu-mobile-button.active i, #menu-mobile-button:hover i{ background-color: $(tabs.selected.color); } #search-form { position: absolute; right: 0; top: 100%; width: 300px; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition:.3s; transition:.3s } #search-form > form { background-color: #fff; box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.14); border: 1px solid rgba(150, 150, 150, 0.15); position: relative; display: flex; width: 100%; padding: 5px; margin:0; } #search-form input[type="text"] { border: 0; font-size: 13px; margin: 0; } #search-form button[type="submit"] { margin: 0; border-radius: 20px; padding: 0 15px; } #menu-search > a{ cursor:pointer; color: $(tabs.color); padding:5px; text-align:center; font-size:18px; } #menu-search > a.active, #menu-search > a:hover{ color: $(tabs.selected.color); } .dropdown-toggle { color: $(menu.color); cursor: pointer; position: relative; width: 20px; } .dropdown-toggle:before { border-color: currentColor transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; left: 0; position: absolute; top: 32px; width: 0; -webkit-transition:.3s; transition:.3s } #menu-primary.show, #search-form.show { opacity: 1; pointer-events: unset; visibility: visible; } .sub-menu.show { display: block; } /* MAIN */ #main { background-color: $(posts.background.color); padding-bottom: 50px; position: relative; z-index: 3; } #main .widget-title { font-size: 15px; margin-bottom: 15px; text-transform: uppercase; position: relative; } #main .widget-title:before { background-color: rgba(150, 150, 150, 0.15); border-right: 30px solid $(keycolor); content: ""; display: block; height: 5px; position: absolute; top: calc(50% - 2px); width: 100%; } #main .widget-title > span { background-color: $(posts.background.color); padding-right: 5px; position: relative; font-weight: 300; } #blog-post, #before-blog, #before-post { padding-top: 20px; } #special-home .widget{ position:relative; } #special-home .widget-title { display: none; } #before-blog .widget, #before-post .widget { margin-bottom: 30px; position:relative; } #before-blog .widget:last-child, #before-post .widget:last-child { margin-bottom: 0; } /* FOOTER */ #footer-main { background-color: $(footer.background); font-size: $(footer.text); color: $(footer.text.color); } #footer-main .widget { position: relative; } #footer-main .widget-title{ font-family: $(title.family); font-size: $(footer.title); color: $(footer.title.color); margin-bottom: 15px; text-transform: uppercase; } #footer-main .widget-content{ font-size: $(footer.text); color: $(footer.text.color); } #footer-main a { color: $(footer.link.color); } #footer-main a:hover { color: $(footer.link.hover); } #footer-main .widget-edit a{ background-color: transparent; } #copyright { background-color: $(copyr.background); font-size: $(copyr.text); color: $(copyr.text.color); padding: 20px 0; } #copyright p { margin: 0; } #copyright a { color: $(copyr.link.color); } #copyright a:hover { color: $(copyr.link.hover); } #back-to-top { position: relative; z-index: 999; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; bottom: 100px; display: block; height: 37px; line-height: 37px; opacity: 0; position: fixed; right: 15px; text-align: center; visibility: hidden; width: 37px; -webkit-transition:.3s; transition:.3s } #back-to-top .jt-icon { color: #fff; font-size: 20px; stroke-width: 3; } #back-to-top.show{ opacity: 1; visibility: visible; } #back-to-top.show:hover { background-color: rgba(0, 0, 0, .5); } #space { background-color: $(space.background); pointer-events: none; position: relative; padding: 0; z-index: 1; display: none; } /* SIDEBAR */ #sidebar { background-color: $(side.background); position: relative; z-index: 2; } #sticky-sidebar { padding-top: 20px; } #sidebar .widget { margin-bottom: 30px; position: relative; } #sidebar .widget-title { font-size: $(side.title); color: $(side.title.color); font-family: $(font.family); text-transform: uppercase; margin-bottom: 15px; position: relative; } #sidebar .widget-title:before { border-bottom: 1px solid rgba(150, 150, 150, 0.15); content: ""; display: block; position: absolute; top: 50%; width: 100%; } #sidebar .widget-content { font-size: $(side.text); color: $(side.text.color); } #sidebar .post-item { margin-bottom: 10px; } #sidebar .widget-title > span { background-color: $(side.background); padding-right: 5px; position: relative; font-weight: 300; } #sidebar .item-wrap { display: flex; flex-wrap: wrap; align-items: center; } #sidebar .item-thumbnail{ background-color: rgba(150, 150, 150, 0.15); border-radius: 4px; flex: 0 0 80px; line-height: 0; max-width: 80px; overflow: hidden; } #sidebar .item-thumbnail img { -webkit-transition:.3s; transition:.3s; width: 80px; } #sidebar .item-thumbnail .lazyload { opacity:0; } #sidebar .item-number { flex: 0 0 80px; max-width: 80px; padding: 10px 0; text-align: center; } #sidebar .item-number > span { background-color: $(keycolor); border-radius: 50%; color: #fff; display: inline-block; font-family: Lato,sans-serif; font-size: 20px; font-weight: bold; height: 40px; line-height: 38px; text-align: center; width: 40px; } #sidebar .item-content { flex: 1 1 0; padding: 0 10px; } #sidebar .item-title { font-family: $(title.family); letter-spacing: 0; line-height: 1.3; margin-bottom: 5px; } #sidebar .item-title a{ color: #000000; } #sidebar .item-meta { font-size: 1.1rem; } #sidebar .item-meta .author { display: none; } #sidebar .item-meta .jt-icon { color: $(side.icons.color); } #sidebar .item-title a:hover{ color: $(keycolor); } #sidebar .item-snippet { font-size: 1.3rem; font-weight: 300; padding-top: 5px; } /* ARCHIVE POST */ .archive-post .feed-item, .archive-post .post-item { margin-bottom: 30px; } .archive-post .item-wrap { border: 1px solid rgba(150, 150, 150, 0.15); background-color: $(blog.background); border-radius: 4px; box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.14); position: relative; overflow: hidden; height: 100%; } .archive-post .item-thumbnail { background-color: rgba(150, 150, 150, 0.15); line-height: 0; } .archive-post .item-thumbnail img { -webkit-transition:.3s; transition:.3s; width: 100%; height: 200px; } .archive-post .item-thumbnail .lazyload { opacity: 0; } .archive-post .item-content { padding: 10px 15px 15px; } .archive-post .item-title{ font-size: $(blog.title); margin-bottom: 1rem; overflow: hidden; } .archive-post .item-title a{ color: $(blog.title.color); } .archive-post .item-title a:hover{ color: $(blog.title.hover); } .archive-post .item-snippet{ font-size: $(blog.text); color: $(blog.text.color); } .archive-post .item-snippet p{ margin: 0; } .archive-post .item-meta { margin-bottom: 10px; } .item-meta { display: flex; flex-wrap: wrap; font-size: 1.3rem; color: $(blog.text.color); align-items: center; font-weight: 300; } .archive-post .item-meta .jt-icon { color: $(blog.icons.color); } .item-meta span:after { content: "\2212"; margin: 0 5px; } .item-meta span:last-child:after { content: none; } .item-meta a { color: $(blog.text.color); } .item-content > div:last-child { margin-bottom: 0; } .admin-tool-post { left: 0; position: fixed; top: 40%; } .admin-tool-post > a { background-color: #f8f8f8; color: #333; display: block; font-size: 23px; height: 45px; line-height: 45px; text-align: center; width: 45px; } .featured-post .item-thumbnail img { height: 250px; } /* PAGINATION */ .pagination { visibility: hidden; opacity: 0; } .pagination.show { visibility: visible; opacity: 1; } .pagination ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; } .pagination > .prev-page { float: left; } .pagination > .next-page { float: right; } .pagination li { list-style: none; margin: 0; } .pagination li.disabled { display: none; } .pagination li + li{ margin-left: 5px; } .pagination li > span { border: 1px solid rgba(150, 150, 150, 0.15); border-radius: 20px; color: #333; display: block; font-size: 1.5rem; height: 31px; min-width: 31px; line-height: 29px; padding: 0 10px; text-align: center; -webkit-transition:.5s; transition:.5s; } .pagination li > span.page-link{ cursor: pointer; } .pagination li > span.page-next, .pagination li > span.page-prev { padding: 0; } .pagination li > span:hover, .pagination li > .current { background-color: $(keycolor); border-color: $(keycolor); color: #fff; } #paged-post { border-top: 1px solid rgba(150, 150, 150, 0.15); border-bottom: 1px solid rgba(150, 150, 150, 0.15); margin-bottom: 30px; position: relative; } #paged-post > a { display: block; padding: 15px; } #paged-post .prev-title, #paged-post .next-title { display: block; font-size: 13px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; } #paged-post span:nth-child(2) { color: #606c76; display: block; } /* SINGLE POST */ .feature-image { line-height: 0; margin: 0 0 2.5rem; display: flex; } .feature-image img{ -webkit-transition:.5s; transition:.5s; } .feature-image .lazyload { height: 300px; opacity: 0; } .feature-image a { margin: 0 !important; } .entry-title { font-size: $(posts.title); color: $(posts.title.color); } .entry-text { font-size: $(posts.text); color: $(posts.text.color); } .entry-text ul, .entry-text ol { list-style-position: outside; padding-left: 20px; } .entry-text, .entry-tag, .entry-author { margin-bottom: 30px; } #comments, #paged-post{ margin-bottom: 70px; } .related-post.hide { display: none; } .entry-text .number { position: relative; } .entry-text .number::first-letter { color: $(keycolor); } .entry-text .number::after { background-color: $(keycolor); border-radius: 0 4px 4px 0; content: ""; height: 100%; left: -30px; position: absolute; top: 0; opacity: .5; width: 5px; } .entry-meta { display: flex; flex-wrap: wrap; font-size: 1.3rem; align-items: center; margin-bottom: 15px; font-weight: 300; } .entry-meta .jt-icon { color: $(posts.icons.color); } .entry-meta span + span:before { content: "\2212"; margin: 0 5px; } .entry-meta a { color: $(posts.text.color); } .entry-author { background-color: $(light.background); border-radius: 4px; } .author-wrap { display: flex; flex-wrap: wrap; } .author-thumbnail { flex: 0 0 80px; line-height: 0; max-width: 80px; padding: 10px; } .author-content { flex: 1 1 0; padding: 10px; } .author-name { font-family: $(title.family); font-weight: bold; margin-bottom: 5px; } .hashtag{ display: flex; flex-wrap: wrap; } .hashtag a { background-color: $(labels.background.color); border-radius: 4px; color: $(posts.text.color); display: block; margin-bottom: 5px; padding: 2px 6px; } .hashtag > a + a { margin-left: 5px; } .hashtag > a:hover { background-color: $(keycolor); color: #fff; } /* BREADCRUMBS */ .breadcrumbs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; font-weight: 300; } .breadcrumbs a { color: $(keycolor); } .breadcrumbs > span + span:before { content: "\00bb"; margin: 0 5px 0 3px; } /* SOCIAL SHARE */ .social-icons { display: flex; overflow: hidden; background-color: $(light.background); } .social-icons > a, .social-icons > span { color: #606c76; display: inline-block; font-size: 20px; height: 50px; line-height: 1; padding: 15px 0; text-align: center; width: 50px; } /* CUSTOM POST */ .custom-posts { opacity: 0; visibility: hidden; min-height: 150px; } .custom-posts.show { opacity: 1; visibility: visible; } #sidebar .custom-posts { min-height: 72px; } #sidebar .feed-item { margin-bottom: 10px; } .feed-item > a + a:before { content: ", "; } /* COMMENT */ .comments ul { list-style: none; margin: 0; } .comments-content{ margin-bottom: 30px; } .comment { border-top: 1px solid rgba(150, 150, 150, 0.15); padding-top: 10px; } .comment > div { margin-bottom: 2rem; } .comment .comment { padding-left: 10px; } .comment .comment-block { position: relative; } .comment .comment-actions { } .comment .avatar-image { left: 5px; line-height: 0; position: absolute; top: 5px; } .comment .avatar-image img { border-radius: 50%; display: block; height: 35px; overflow: hidden; width: 35px; } .comment .comment-replies { border-left: 5px solid rgba(150, 150, 150, 0.15); } .comment-header { margin-bottom: 10px; min-height: 45px; padding-left: 50px; position: relative; } .comment-content { font-size: $(comment.text); color: $(comment.text.color); } .comment .user { font-size: $(comment.title); color: $(comment.title.color); font-family: $(title.family); font-style: normal; font-weight: 700; display: block; } .comment .user .jt-icon { color: $(keycolor); } .comment .datetime { color: #aaa; font-size: 12px; } .comment-content > p{ margin: 0; } .comment-actions span + span{ margin-left: 10px; } .comment-reply a, .delete-comment a { background-color: #f3f7f9; border-radius: 10px; cursor: pointer; font-size: 12px; padding: 3px 5px; color: #606c76; } .comment-reply a:hover, .delete-comment a:hover { background-color: $(keycolor); color: #fff; } .comment-reply a { padding: 3px 15px; } .delete-comment { position: absolute; right: 0; top: 0; } #comment-editor-src, #threaded-comment-form { display:none; position: relative; } #comment-editor{ position: relative; } #threaded-comment-form.show, .comment #threaded-comment-form { display: block; } /* BLOGGER CUSTOMIZE */ .blogger-clickTrap{ display:none; } .singleton-element { height: auto !important; } .blog-admin{ display: none; } .widget-content > ul { list-style: none; } .widget-edit { position: absolute; right: 0; top: 0; z-index: 99; } .widget-edit a { color: #333; display: block; font-size: 15px; height: 25px; line-height: 25px; text-align: center; width: 25px; background-color: rgba(255,255,255,.5); border-radius: 50%; } .example-ads { background-color: $(light.background); text-align: center; } .example-ads:before { color: #aaa; content: "Advertisement here"; display: block; padding: 30px 0; } /* CATEGORIES */ .categories .list { column-count: 2; column-gap: 20px; } .categories .list li { font-size: 16px; font-family: $(title.family); font-weight: bold; } .categories .list li a{ color: $(side.text.color); } .categories .list a:hover { color: $(keycolor); } .categories .cloud li { display: inline-block; margin: 0 1px 5px 0; list-style: none; } .categories .cloud a{ border-radius: 3px; display: block; background-color: $(labels.background.color); color: $(side.text.color); padding: 2px 10px; } .categories .cloud a:hover { background-color: $(keycolor); color: #fff; } /* SOCIAL MEDIA */ .menu-social { display: flex; flex-wrap: wrap; } .menu-social li{ margin-right: 10px; } .menu-social a { background-color: #55acee; border-radius: 50%; color: #fff; display: inline-block; font-size: 20px; height: 4rem; line-height: 1; padding: 10px 0; text-align: center; width: 4rem; } #footer-main .menu-social a { color: #fff; } #footer-main .menu-social a:hover { color: #fff; } .menu-social a.i-facebook{ background-color: #3b5999; } .menu-social a.i-twitter{ background-color: #55acee; } .menu-social a.i-instagram{ background-color: #f09433; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); } .menu-social a.i-youtube{ background-color: #e12828; } .menu-social a.i-pinterest{ background-color: #cb2027; } .menu-social a.i-whatsapp{ background-color: #25d366; } .menu-social a.i-tumblr{ background-color: #34445a; } .menu-social a.i-linkedin{ background-color: #2554bf; } .follow-by-email form { margin: 0; position: relative; } .follow-by-email input[type="email"] { padding-right: 40px; border-radius: 20px; margin: 0; } .follow-by-email button[type="submit"] { background-color: transparent; border: 0; color: #fff; font-size: 20px; padding: 10px; margin: 0; position: absolute; right: 0; top: 0; } @media (min-width:768px){ .no-gutter:first-child{ padding-right: 0; } .no-gutter:last-child{ padding-left: 0; } .no-gutter:not(:first-child):not(:last-child){ padding-right: 0; padding-left: 0; } .no-gutter:not(:first-child){ margin-left: -1px; } .h1-hero-title, .h2-hero-title, .h3-hero-title { letter-spacing: -.1rem; margin-bottom: 1.5rem; } .h1-hero-title { font-size: 46px; line-height:1.2; } .h2-hero-title { font-size: 36px; line-height:1.25; } .h3-hero-title{ font-size: 28px; line-height:1.3; } #menu-primary ul{ display: flex; } #menu-primary li ul{ background-color: $(menu.background); flex-direction: column; margin:20px 0 0; min-width:180px; opacity:0; position:absolute; visibility:hidden; z-index:999; top:100%; right:0; -webkit-transition:.5s; transition:.5s; } #menu-primary li li:hover>a, #menu-primary li li:hover .dropdown-toggle{ color: $(menu.hover); } #menu-primary li li:hover>a { background-color: $(menu.background.hover); } #menu-primary li li>a.current-item { color: $(menu.selected); } #menu-primary li:hover > ul{ visibility:visible; margin:0; opacity:1; z-index:2; } #menu-primary li li ul{ border-left: 1px solid rgba(150, 150, 150, 0.15); margin:0 0 0 20px; left:100%; right:auto; top:0; } #menu-primary > ul > li{ display: flex; } #menu-primary > ul > li > a { color: $(tabs.color); font-size: $(tabs.font); padding: 22px 15px; letter-spacing: 0.3px; border: none; } #menu-search{ margin:20px 10px 0; position:relative; } #menu-primary > ul > li:hover > a, #menu-primary > ul > li:hover > .dropdown-toggle{ color: $(tabs.hover); } #menu-primary > ul > li > a.current-item { color: $(tabs.selected.color); } #menu-primary > ul > li > .dropdown-toggle{ color: $(tabs.color); } #menu-primary li li .dropdown-toggle:before { top: 0; border-width: 5px 0 5px 5px; border-color: transparent currentcolor; } #menu-primary li li .dropdown-toggle { height: 10px; position: absolute; right: 10px; top: 16px; width: 10px; } .featured-post .item-wrap { display: flex; } .featured-post .item-thumbnail { flex: 0 0 50%; max-width: 50%; line-height: 0; } .featured-post .item-content.has-image { flex: 1 1 0; } #paged-post:before { background-color: rgba(150, 150, 150, 0.15); content: ""; left: 50%; position: absolute; bottom: 0; top: 0; width: 1px; } #paged-post > a { width: 50%; } #paged-post > .prev-page { padding-left: 0; float: left; } #paged-post > .next-page { border-left: 1px solid rgba(150, 150, 150, 0.15); float: right; padding-right: 0; text-align: right; } } @media (min-width:992px){ .separator-x:before { background-color: rgba(150, 150, 150, 0.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 1px; } #main { flex: 1 0 0; } } @media (min-width:1200px){ .container { max-width: $(container.width); } #space { flex: 0 0 auto; width : $(space.width); display: block; } #sidebar { width : $(sidebar.width); } .separator-x:before { left: -30px; } .social-share { left: 100%; position: absolute; } .social-icons { flex-wrap: wrap; } .adsense-header{ min-width:735px } } @media (max-width:767px){ .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding-right: 2rem; padding-left: 2rem; } .row { --bs-gutter-x: 4rem; } .scrollon-mobile { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; } .scrollon-mobile .col-md-6 { flex: 0 0 75%; padding-left: 5px; padding-right: 5px; width: 75%; } #header-main { padding: 0; } .header-logo { padding-left:2rem; z-index: 2; } .header-logo.image-logo > a { max-width: $(logo.width.mobile); } .header-logo.text-logo > a { font-size: 2rem; } .header-logo.logo-lazyload img.lazyload { width: $(logo.width.mobile); height: 35px; } .header_navi { padding-right:2rem; } #menu-primary { background-color: $(menu.mobile.background); bottom: 0; left: 0; opacity: 0; padding: 70px 0 50px 15%; pointer-events: none; position: absolute; right: 0; top: 0; visibility: hidden; min-height: 100vh; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } #menu-primary.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #menu-primary > ul { background-color: $(menu.mobile.background); max-height: 100%; overflow-y: auto; max-width: 400px; } #menu-primary a, .dropdown-toggle { font-size: $(menu.mobile.font); color: $(menu.mobile.color); } #menu-primary li:hover>a, .dropdown-toggle:hover { color: $(menu.mobile.hover); } #menu-primary li:hover>a { background-color: $(menu.mobile.background.hover); } #menu-primary li>a.current-item, .dropdown-toggle.show { color: $(menu.mobile.selected); } #menu-primary li ul { padding-left: 10px; } #menu-primary li ul a:before { content: "\2013 "; } #menu-mobile-button{ display:block; z-index: 2; } .sub-menu { display: none; } .dropdown-toggle { border-left: 1px solid rgba(150, 150, 150, 0.15); position: absolute; right: 0; top: 0; width: 50px; height: 42px; } .dropdown-toggle:before { left: 20px; top: 20px; } .dropdown-toggle.show:before { border-width: 0 5px 5px; } #menu-search { align-self: center; margin-right: 10px; position: unset; z-index: 2; } #search-form { left: 0; width: 100%; } #main { border-bottom: 1px solid rgba(150, 150, 150, 0.15); } #footer-main .widget { margin-bottom: 30px; } #footer-main .widget:last-child { margin-bottom: 0; } #single-content .breadcrumbs { font-size: 14px; } .social-share, .feature-image { margin-left: -2rem; margin-right: -2rem; } .featured-post .item-wrap { box-shadow: none; overflow: visible; border: none; } .featured-post .item-thumbnail { margin: 0 -2rem -13rem; } .featured-post .item-thumbnail img { height: 300px; } .featured-post .item-content { border: 1px solid rgba(150, 150, 150, 0.15); background-color: $(blog.background); border-radius: 5px; box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.14); position: relative; } .author-thumbnail { flex: 0 0 70px; max-width: 70px; } #paged-post { text-align: center; border-bottom: 0; } #paged-post > a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); } .entry-text .number::after { left: -20px; } } ]]> .widget { width: 50%; } ]]>
✎

✎
Artikel Selanjutnya Artikel Sebelumnya

✎

Kata kunci yang Anda cari tidak ditemukan, klik disini untuk kembali kehalaman utama.

404 Not Found

Halaman yang Anda cari mungkin telah dihapus, diubah namanya, atau untuk sementara tidak tersedia.
Post Terbaru
Pencarian untuk: / /
:
Tambahkan Komentar
Comment url