/***** BEGIN css file: WebkitV7-3/blog.css *****/ /***** TEST3 *****/ .post-outer, .sidebar { margin-top: 10px; background-color: #fff; border-radius: 5px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); margin-bottom: 30px; padding: 15px; } .post-header { color: #ad2126; text-decoration: none; margin: 0 0 30px; } .post-header h1 { display: inline; } .post-header h2 { display: inline; } .post-header h3{ margin: 10px 0 0; float: right; } .post-body { line-height: 20px; } .post-body > div > .summary { min-height: 160px; } .post-body .btn { float: right; } .post-thumb.img-responsive { float: left; max-height: 200px; max-width: 300px; height: 100%; width: 100%; overflow: hidden; margin: 0 15px 15px 0; } .post-thumb.img-responsive img { width: 100%; } .img-small, .img-large { width: 100%; } .post-body span.post-thumb.img-responsive > img { display: block; } .post-body > .separator { clear: both; text-align: center; } .post-body > .separator > a > img { border: 0; max-width: 100%; } .blogArchive { text-rendering: optimizelegibility; } .blogArchive li label { font-weight: normal; } .blogArchive li a, .blogArchive li label { color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; } .blogArchive li a:hover, .blogArchive li label:hover { color: blue; } #twitter-widget-0 { width: 264px; } .page-numbers { padding: 0 3px; } .pager { padding: 0 0 15px 15px; } #blog-container { margin: auto; max-width: 1170px; } /***** BEGIN css file: WebkitV7-3/bootstrap.min.css *****/ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=0679c71266994d0725fd) * Config saved to config.json and https://gist.github.com/0679c71266994d0725fd *//*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} .xs-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.xs-bottom,.xs-middle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.xs-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex}.xs-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;display:flex}.xs-center,.xs-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.xs-left{text-align:left;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;display:flex}.xs-center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:flex}.xs-right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (min-width:768px){.sm-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sm-bottom,.sm-middle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.sm-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex}.sm-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;display:flex}.sm-center,.sm-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.sm-left{text-align:left;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;display:flex}.sm-center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:flex}.sm-right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:992px){.md-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.md-bottom,.md-middle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.md-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex}.md-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;display:flex}.md-center,.md-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.md-left{text-align:left;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;display:flex}.md-center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:flex}.md-right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:1200px){.lg-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.lg-bottom,.lg-middle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.lg-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex}.lg-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;display:flex}.lg-center,.lg-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.lg-left{text-align:left;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;display:flex}.lg-center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:flex}.lg-right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.full-height{height:100%}.nopad{padding-left:0;padding-right:0}.vertpad{padding-top:15px;padding-bottom:15px}.equal-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .equal-height { display: block; } } .flex-child {display: flex;} /***** BEGIN css file: WebkitV7-3/jquery.fancybox3.css *****/ body.compensate-for-scrollbar{overflow:hidden;-ms-overflow-style:none}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px 44px 0;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{padding:44px 0 0;overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 44px;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-slide--html .fancybox-content{margin:0 0 6px}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:calc(100% - 44px);overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;vertical-align:top;width:100%}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background:transparent;height:100px;margin:0;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{background:rgba(30,30,30,.6);height:100%;padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{text-align:center;top:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:15px;right:0;margin:0 100px;}.fancybox-caption:before{background:rgba(0,0,0,0.3);bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0 0}.fancybox-slide--image .fancybox-content{margin-bottom:6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{top:auto;width:auto;bottom:0;left:0;right:0;height:95px;padding:10px 10px 5px 10px;box-sizing: border-box;background:rgba(0,0,0,0.3);display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;position:absolute;-webkit-tap-highlight-color:transparent;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:0px;bottom:95px;}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:768px){.fancybox-thumbs{width:auto;height:65px}.fancybox-show-thumbs .fancybox-inner{right:0px;bottom:65px;}.fancybox-thumbs__list a{max-width:calc(100% - 10px);width:65px}.fancybox-caption{margin:0 60px;}} /***** BEGIN css file: dynamic.css *****/ /***** BEGIN SCREEN CSS *****/ @media screen { .div_scroller_nav_pager { padding: 0; margin: auto; display: inline-block; } .div_scroller_nav_pager a { float: left; padding: 8px 16px; text-decoration: none; cursor: hand; cursor: pointer; } .div_scroller_nav_pager a.activeSlide { background-color: #dddddd; color: #ffffff; } .div_scroller_nav_pager a:hover:not(.activeSlide) { background-color: #f8f8f8; } .scrollermessage { display: none; background:lightyellow; } /***** BEGIN Scroller scroller_7070 CSS *****/ #scroller_wrapper_7070 { width: 0px; text-align: center; } #scroller_7070 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7071 CSS *****/ #scroller_wrapper_7071 { width: 0px; text-align: center; } #scroller_7071 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7072 CSS *****/ #scroller_wrapper_7072 { width: 0px; text-align: center; } #scroller_7072 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7073 CSS *****/ #scroller_wrapper_7073 { width: 0px; text-align: center; } #scroller_7073 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7104 CSS *****/ #scroller_wrapper_7104 { width: 0px; text-align: center; } #scroller_7104 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7112 CSS *****/ #scroller_wrapper_7112 { width: 0px; text-align: center; } #scroller_7112 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7454 CSS *****/ #scroller_wrapper_7454 { width: 0px; text-align: center; } #scroller_7454 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7461 CSS *****/ #scroller_wrapper_7461 { width: 0px; text-align: center; } #scroller_7461 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7504 CSS *****/ #scroller_wrapper_7504 { width: 0px; text-align: center; } #scroller_7504 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_9529 CSS *****/ #scroller_wrapper_9529 { width: 0px; text-align: center; } #scroller_9529 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_9530 CSS *****/ #scroller_wrapper_9530 { width: 0px; text-align: center; } #scroller_9530 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_9551 CSS *****/ #scroller_wrapper_9551 { width: 0px; text-align: center; } #scroller_9551 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_9552 CSS *****/ #scroller_wrapper_9552 { width: 0px; text-align: center; } #scroller_9552 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } .img-small, .img-medium, .img-large { height: auto; } .img-small { width: 5.42%; } .img-medium { width: 12.50%; } .img-large { width: 40.83%; } /***** BEGIN Menu CSS *****/ .sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menu li:active ul { top: 0px; } .sf-menu ul { background-image: none; background-color: #ffffff; } .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background-color: #27659E; } .sf-menu li a { -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .sf-menu li li a { -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background-color: #86888A; } a.logolink { background-size: 100%; width: 100% !important; background-repeat:no-repeat; height: 100% !important; position:absolute !important; top: 0px; left: 0px; right: 0px; bottom: 0px; } /***** BEGIN css file: WebkitV7-3/main.css *****/ .menuitem { position: relative; } a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited { text-decoration: none; display: block; } a.menulink:hover { color: #27659E; } .submenuitem { left: 0; } .submenuitem3rd { left: 0; } a.submenulink, a.submenulink:link, a.submenulink:active, a.submenulink:visited { display: block; } #footer { height: [ @FooterHeight]; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Helvetica, sans-serif; color: #ffffff; } #footer a:link, #footer a:visited, #footer a:active { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #ffffff; text-decoration: none; } #footer a:hover { text-decoration: underline; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; color: #27659E; } .lefttext { float: left; padding: 4px 20px 0px 20px; } .righttext { float: right; padding: 4px 20px 0px 20px; } #secondfooter { font-weight: normal; font-size: 10px; line-height: 11px; height: 37px; font-family: Trebuchet MS, Helvetica, sans-serif; background-image: [ @2ndfooter_img]; background-position: [ @2ndfooter_pos]; color: #ffffff; } #secondfooter a:link, #secondfooter a:visited, #secondfooter a:active { line-height: 11px; text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; color: #ffffff; } #secondfooter a:hover { line-height: 11px; text-decoration: underline; font-size: 10px; font-family: Trebuchet MS, Helvetica, sans-serif; color: #27659E; } .MainTable { border-collapse: collapse; /* 'cellspacing' equivalent */ width: 100%; } .MainTable td, table.MainTable td { padding: 0px; /* 'cellpadding' equivalent */ } .MainTableGallery td, table.MainTableGallery td { padding: 0px; /* 'cellpadding' equivalent */ } .gallerycontainer { position: relative; width: 100%; } .gallerycontainer ul { clear: both; padding: 1em 0; list-style: none outside none; margin-bottom: 20px; } .gallerycontainer ul li { float: left; text-align: center; line-height: 18px; width: 300px; } .gallerycontainer li:nth-child(n) { margin: 0 0px 15px 0px; width: 33.3%; } .gallerycontainer li:nth-child(3n) { margin-right: 0; margin-bottom: 15px; } .gallerypaging { display: inline; float: left; text-align: left; width: 100%; } .gallerytext { text-align: left; } /***** Expanding boxes css *****/ .expand-content p { margin-top: 0; } /* Custom Accordions Start */ .accordion-wrapper .accordion-content-wrapper { display: grid; grid-template-rows: 0fr; transition: all 0.25s ease-in-out; } .accordion-wrapper.accordion-active .accordion-content-wrapper { grid-template-rows: 1fr; } .accordion-btn { display: flex; align-items: center; } .accordion-wrapper .accordion-minimize { display: none; } .accordion-wrapper .accordion-content-wrapper .accordion-content { overflow: hidden; } .accordion-wrapper .accordion-symbols > :last-child { display: none; } .accordion-wrapper.accordion-active .accordion-symbols > :first-child { display: none; } .accordion-wrapper.accordion-active .accordion-symbols > :last-child { display: initial; } /* Custom Accordions End */ #container { width: 1220px; height: auto; margin: 0px auto 0px; } #menu, #navcontainer, #secnavcontainer { vertical-align: top; } #content { width: 1200px; text-align: left; } #menu:before, #menuleft:before, /* Generated: 11/06/2026 16:37 */ } /***** END SCREEN CSS *****/ a#menubtn { display:none; text-decoration:none; /*position: fixed; */ } div.submenu-button { display:none; } /* Site Width Breakpoint*/ @media only screen and (max-width : 1200px) { body { position: static; right: auto; width: auto; } div#sidr ul { float:none; } #menuleft,#menuright,#logoleft,#logoright,#headerleft,#headerright,#contentleft,#contentright,#footerleft,#footerright,#secondfooterleft,#secondfooterright,#socialmedia-container,#cc-container,#jcornerBig,#jcornerSmall { display: none; } #container { margin:0px auto 0px auto; width: 100%; } /* Hamburger CSS */ a#menubtn { display:inline; position: fixed; right: 0%; top: 0%; background-size: 100% auto; background: #000; width: 50px; height: 50px; z-index: 9999999; border: 1px solid #FFF; font-size: 12px; } a#menubtn:before { content: """"; position: absolute; left: 1.25em; top: 1.4em; width: 39%; height: 0.3em; background: none repeat scroll 0% 0% #FFF; box-shadow: 0px 1em 0px 0px #FFF, 0px 0.5em 0px 0px #FFF; } /* Percentage Widths */ div#logo, div#menu, div#header, div#content, div#footer, div#secondfooter, div.logo { background-size: 100%; width: 100% !important; background-repeat:no-repeat; } div#header, div#header object, div#header object embed, div.logo, div#menu, div#footer, div#secondfooter { height: 100%; } .lefttext, .righttext { width: 44%; display: inline-block; float: none; } .lefttext { text-align: left; padding: 0.5% 2.1% 0%; } .righttext { text-align: right; padding: 0.5% 2.1% 0%; } #menu:before { width: 100%; left: 0%; } div#header object, div#slider_header { height: 100% !important; position: relative !important; top: 0px; left: 0px; right: 0px; bottom: 0px; } div.logo { padding: 0% 0 0; } #menu { padding: 0% 0% 0%; } div#footer { padding: 0.18% 0% 0.18%; } div#secondfooter { padding: 0.31% 0% 0.31%; } /* Sidr CSS */ .sidr { display:block; position:fixed; top:0; height:100%; z-index:999999; width:260px; overflow-y:auto; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:15px; background:#333; color:#fff; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-box-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222; } .sidr .sidr-inner { padding:0 0 15px; } .sidr.right { left:auto; right:-260px; } .sidr.left { left:-260px; right:auto; } .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6 { font-size:11px; font-weight:400; color:#fff; line-height:24px; background-image:linear-gradient(#4d4d4d,#1a1a1a); -webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2); box-shadow:0 5px 5px 3px rgba(0,0,0,0.2); margin:0 0 5px; padding:0 15px; } .sidr p { font-size:13px; margin:0 0 12px; } .sidr p a { color:rgba(255,255,255,0.9); } .sidr ul { display:block; margin:0 0 15px; padding:0; } .sidr ul li { display:block; line-height:48px; border-top:1px solid #4d4d4d; border-bottom:1px solid #1a1a1a; margin:0; clear: both; width: 100%; } .sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active { border-top:none; line-height:49px; } .sidr ul li a,.sidr ul li span { display:block; text-decoration:none; color:#fff; padding:0 15px; } .sidr ul li ul { border-bottom:none; margin:0; } .sidr ul li ul li { line-height:40px; font-size:13px; } .sidr ul li ul li:last-child { border-bottom:none; } .sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active { border-top:none; line-height:41px; } .sidr ul li ul li a,.sidr ul li ul li span { color:rgba(255,255,255,0.8); padding-left:30px; } .sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span,.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span { -webkit-box-shadow:inset 0 0 15px 3px #222; -moz-box-shadow:inset 0 0 15px 3px #222; box-shadow:inset 0 0 15px 3px #222; } div.submenu-button { background: url('https://secure.toolkitfiles.co.uk/images/webkitimages/submenuicon.png') no-repeat; background-position: 0px 32px; height: 32px; width: 32px; cursor: pointer; position: absolute; right: 0px; z-index: 9; top: 10%; display: block; } div.submenu-button .expanded { background-position: 0 -32px; } div.submenu-button .collapsed { background-position: 0 0px; } a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited { height: 45px; line-height: 45px; text-align: center; } } /* Footer Breakpoint */ @media only screen and (max-width : 700px) { div#footer, div#secondfooter { background-repeat:repeat-y; } div#footer, div#secondfooter, #footer a:link, #footer a:visited, #footer a:active,#secondfooter a:link, #secondfooter a:visited, #secondfooter a:active { font-size:1em; line-height: 1em; padding:0px; } .lefttext, .righttext { width: 100%; text-align: center; padding:2% 0% 2%; } } @media only screen and (min-width : 1200px) { .sf-menu { list-style-type: none; margin: 0; padding: 0; } .sf-menu li { float: left; } .sf-menu a { display: block; width: 100px; } a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited { height: 113px; line-height: 113px; } } /* Bodyarea Breakpoint */ @media only screen and (max-width : 1298px) { div#bodyarea { width: 92%; margin: 4% 4% 0%; } } .sf-sub-indicator { display: none; } .submenuitem { background-image: none !important; background-size: 100% 100%; white-space: nowrap; top: 100px !important; text-align: center; } #secondfooter { width: 100%; } #headerleft { display: none; } #menuleft { display: none; } #contentleft { display: none; } #footerleft { display: none; } #secondfooterleft { display: none; } #headerright { display: none; } #menuright { display: none; } #contentright { display: none; } #footerright { display: none; } #secondfooterright { display: none; } #container { width: 100%; } #content { width: 100%; } div#bodyarea { width: 100% ; margin:0; padding:0 ; } /*--------------Responsive Gallery START--------------*/ .pagetitle h1 { width: 100%; } .gellerydivleft, .gellerydivmiddle, .gellerydivright { text-align: center !important; width: 250px; } .MainTableGallery { width: 100%; max-width:960px; margin-left:auto!important; margin-right:auto!important; margin-top: 4em; } .gallerycontainer li { margin: 0 auto !important; text-align: inherit !important; } .gallerycontainer { margin: 0 auto !important; max-width:960px } @media screen and (max-width:525px){ .gallerycontainer li { width: 100% !important; } .gallerycontainer li:nth-child(1n+1) { clear: both; } /* Collapse the Album select and Search Images */ .MainTableGallery table td:first-child { width: 100%; } .MainTableGallery table td { display: inline-block; text-align: left; } } @media screen and (min-width:526px) and (max-width:800px){ .gallerycontainer li { width: 50% !important; } .gallerycontainer li:nth-child(2n+1) { clear: both; } } @media screen and (min-width:801px){ .gallerycontainer li { width: 33% !important; } .gallerycontainer li:nth-child(3n+1) { clear: both; } } /*-------------- Responsive Gallery END --------------*/ /***CUSTOM CSS***/ /* -----BASE STYLING START----- ## MOBILE FIRST CSS - IF YOU NEED TO STYLE DESKTOP, ADD TO MIN-WIDTH 1201PX MEDIA QUERY AT BOTTOM ## SET VARIABLES, FONTS COLOURS, FONTS ## All CSS CHANGES TO GO AT THE END OF THE FILE */ :root { --siteWidth: 1500px; --primary: #fd7600; --red: #e12600; --green: #a18304; --yellow: #ffaa00; --beigeLight: #F4F2F0; --primaryContrast: ; --primaryShade: #fd7600; --primaryTint: ; --secondary: ; --secondaryContrast: ; --secondaryShade: ; --secondaryTint: ; --dark: #000; --darkContrast: #eee; --darkShade: #222; --darkTint: #555; --light: #fff; --lightContrast: #888; --lightShade: #e9e9e9; --lightTint: #f5f5f5; --bodyFont: Plus Jakarta Sans; --paragraphFont: Plus Jakarta Sans; --homeFont: Plus Jakarta Sans; --headingFont: Inter; --buttonFont: var(--bodyFont); --anim: .25s ease-in-out; --maxMenuHeight: 120px; --minMenuHeight: 70px; --menuHeight: var(--maxMenuHeight); --halfPanelPadding: 5vmin 4vmax; --siteWidthPadding: calc((100% - var(--siteWidth)) / 2); --shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); font-size: 100%; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; @media (max-width: 768px){ --maxMenuHeight: 70px; } } * { scroll-behavior: smooth; } body { font-weight: 400; font-family: var(--bodyFont); font-size: 1em; line-height: 1.55; color: var(--dark); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; background: #f8f3ed; } /*#container.minimize { --menuHeight: var(--minMenuHeight); }*/ p { margin: 24px 0; font-family: var(----paragraphFont); font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1.2rem 0; font-family: var(--homeFont); font-weight: 600; text-transform: uppercase; line-height: 1; letter-spacing: -0.02em!important; } .home-page h1, .home-page h2, .home-page h3, .home-page h4, .home-page h5, .home-page h6{ font-family: var(--homeFont); font-weight: 600; } .home-page .footer-title{ font-family: var(--homeFont)!important; } h1, .h1 { margin-top: 0; font-size: clamp(2.2rem, 12vmin, 5rem); } /*@media (max-width: 1200px){ .product-page .home-header h1 { font-size: clamp(2.5rem, 9vmin, 5rem); } }*/ h2, .h2 { font-size: clamp(1.6rem, 5vmin, 2.3rem); } .we-deliver h2{ font-size: 3.4rem; } #page182086{ font-family: var(--homeFont)!important; } .home-page h1{ font-weight: 700; font-family: var(--homeFont)!important; } .home-page h2{ font-weight: 600; font-family: var(--homeFont)!important; } .home-page h2{ font-weight: 600; font-family: var(--homeFont)!important; } .home-page .we-deliver p{ font-family: var(--homeFont)!important; } .home-page .btn{ font-family: var(--homeFont)!important; } .we-deliver p{ font-weight: 500!important; line-height: 1.5!important; font-size: 22px!important; margin: 24px 0 !important; } .explore-other-products p:first-of-type{ font-weight: 500!important; line-height: 1.5!important; font-size: 22px!important; margin: 20px 0 !important; } .we-deliver p:last-child{ margin-bottom: 20px!important; } .home-page p{ margin: 24px 0 !important; } .home-page .we-deliver p:last-child{ margin-bottom: 20px!important; } @media (max-width: 768px){ .home-page .we-deliver p{ font-size: 18px!important; } } .home-page .product-details h3, .home-page .product-detail h3{ margin: 0px; font-weight: 600!important; } @media (max-width: 768px){ .we-deliver h2{ font-size: 3rem; } } @media (max-width: 660px){ .we-deliver h2{ font-size: 2.5rem; } } @media (max-width: 560px){ .we-deliver h2{ font-size: 2rem; } .text-scroller{ gap: 3px!important; } .we-deliver p{ font-size: 1.1rem!important; } } h3, .h3 { font-size: 1.95rem; } h4, .h4 { font-size: clamp(1.35rem, 5vmin, 1.56rem); } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.1rem; } small, .text_small { font-size: 0.8em; } ul, ol { margin: 0; padding: 0; } .row ul, .row ol { padding-left: 1em } :any-link { color: var(--primary); text-decoration: none; transition: all var(--anim); } :any-link:hover, :any-link:focus, :any-link:active { color: var(--primaryShade); text-decoration: none; } address { font-style: normal; } .bodyFont { font-family: var(--bodyFont); } b, strong, .bold { font-weight: bold; } /*-----BASE STYLING END-----*/ /*-----MENU / LOGO START (this styles the logo on menu for mobiles) -----*/ .menuarea, .logoarea { z-index: 10; } .logoarea { height: var(--menuHeight); width: 100%; position: relative; display: flex; align-items: center; transition: all var(--anim); background: #f8f3ed; } div[id^="LogoText"] { position: absolute; width: fit-content; } #LogoText4916 { height: 100%; max-height: 100px; padding: 5px; margin-left: max(5px, var(--siteWidthPadding)); display: flex; align-items: center; } #LogoText4917 { display: none; } #LogoText5033{ display: none; } .top-contacts a:hover{ color: #a68f00!important; } #LogoText4924{ left: 40%; transform: translateX(-50%); } .dropdown-icon { margin-left: 5px; transition: transform .3s ease; display: inline-block; font-size: .8rem; } @media(min-width: 769px) { #LogoText4917 { display:inline-block; margin-right: max(var(--siteWidthPadding),15px); right: 60px; } #LogoText5033{ display: inline-block; left: inherit; right: 80px; margin-right: max(5px, var(--siteWidthPadding)); } } @media(min-width: 1201px) { #LogoText4917 { right:0; } #LogoText5033{ display: inline-block; left: 140px; right: inherit; margin-left: max(5px, var(--siteWidthPadding)); } } @media(min-width: 1320px) { #LogoText4924{ left: 50%; transform: translateX(-50%); } } @media(max-width: 1201px) { #LogoText4924{ left: 50%; transform: translateX(-50%); } .home-header{ padding-top: 100px!important; } .logoarea,a#menubtn { position:fixed!important; } #container.minimize { --menuHeight: var(--minMenuHeight); } .minimize .logoarea { background: #f8f3ed!important; border-bottom: none!important; } #LogoText4916 a img, #LogoText4924 img{ transition: all var(--anim); } .minimize #LogoText4916 a img { max-width: min(calc(100vw - 90px), 60px) !important; } .minimize #LogoText4924 img{ max-width: min(calc(100vw - 90px), 200px)!important; } } @media(max-width: 768px) { #LogoText4924 { left: inherit; right: 60px; transform: inherit; padding-left: 130px; } #LogoText4916 a img { max-width: min(calc(100vw - 90px), 60px) !important; } #LogoText4924 img{ max-width: min(calc(100vw - 90px), 200px)!important; } } #LogoText0001 img { height: 100%; } a#menubtn { background: var(--primary); border: none; } #sidr a { width: auto; } #sidr { font-family: inherit; background: #f8f3ed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: none; } #sidr ul { display: block; margin: 0; padding: 0; background-color: transparent; text-align: center; } #sidr ul li { border-top: none; border-bottom: none; width: 100%; text-align: center; } #sidr ul li:hover a, #sidr ul li:focus a { box-shadow: none; } #sidr ul li a { width: auto !important; color: var(--dark); } #sidr ul li a:hover { color: var(--primary); } #sidr ul li ul { background-color: transparent; text-align: center; flex-flow: column; height: auto; } #sidr ul li ul li a { color: var(--dark); padding: 0; } .contentarea { min-height: calc(100vh - 38px); } @media (max-width: 1200px) { .contentarea { min-height: calc(100vh - 72px); } } /*-----MENU / LOGO END-----*/ /*-----CUSTOM HAMBURGER MENU ICON START (change this media query if you change the menu breakpoint in the layout settings)-----*/ @media (max-width: 1200px) { /* Hamburger Fix Start */ #sidr ul li ul { overflow: hidden; display: block; width: 100% !important; } .submenuitem3rd { height: auto !important; } /* Hamburger Fix End */ a#menubtn { --menuButtonHeight: 23px; right: 15px; position: absolute; top: calc(var(--menuHeight) / 2 - (var(--menuButtonHeight) / 2)); background: none; border: none; width: 30px; height: var(--menuButtonHeight); display: flex; flex-direction: column; justify-content: space-between; transition: all var(--anim); margin-right: 0px !important; } a#menubtn::before { display: none; } a#menubtn div { border-radius: 0px; display: block; height: 3px; transition: transform .2s ease-in-out, background 0.1s ease; position: relative; left: unset; background: var(--dark); width: unset; top: unset; transform-origin: 47% 50%; } a#menubtn div.hamburger { background: var(--dark); } .hamburger:first-child { transform: translateY(9px) rotate(135deg); } .hamburger:nth-child(2) { transform: scale(0); } .hamburger:last-child { transform: translateY(-10px) rotate(-135deg); } } /*-----CUSTOM HAMBURGER MENU ICON END-----*/ /*-----DEFAULT CLASSES START-----*/ .panel-inner { width: 100%; max-width: var(--siteWidth); margin: 0 auto; } .padding100 { padding-top: 100px; padding-bottom: 100px; } .padtop100 { padding-top: 100px; } .padbot100 { padding-bottom: 100px; } .padding90 { padding-top: 90px; padding-bottom: 90px; } .padtop90 { padding-top: 90px; } .padbot90 { padding-bottom: 90px; } .padding80 { padding-top: 80px; padding-bottom: 80px; } .padtop80 { padding-top: 80px; } .padbot80 { padding-bottom: 80px; } .padding70 { padding-top: 70px; padding-bottom: 70px; } .padtop70 { padding-top: 70px; } .padbot70 { padding-bottom: 70px; } .padding60 { padding-top: 60px; padding-bottom: 60px; } .padtop60 { padding-top: 60px; } .padbot60 { padding-bottom: 60px; } .padding50 { padding-top: 50px; padding-bottom: 50px; } .padtop50 { padding-top: 50px; } .padbot50 { padding-bottom: 50px; } .padding40 { padding-top: 40px; padding-bottom: 40px; } .padtop40 { padding-top: 40px; } .padbot40 { padding-bottom: 40px; } .padding30 { padding-top: 30px; padding-bottom: 30px; } .padtop30 { padding-top: 30px; } .padbot30 { padding-bottom: 30px; } .padding20 { padding-top: 20px; padding-bottom: 20px; } .padtop20 { padding-top: 20px; } .padbot20 { padding-bottom: 20px; } .horpad { padding-left: 15px; padding-right: 15px; } .full-width { width: 100%; } .relative { position: relative; } .align-self { align-self: center; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-white *, .text-white :any-link { color: var(--light); } .longtext { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .pageanchor { position: absolute; left: 0; top: 0; /* Change this to the same height as the fixed logoarea if you need to */ height: 120px; /* Needs a height to fix the Firefox jumping issue */ pointer-events: none; } .primaryPanel { background-color: var(--primary); } .secondaryPanel { background-color: var(--secondary); } .lightPanel { background-color: var(--lightTint); } .whitePanel { background-color: var(--light); } .darkPanel { background-color: var(--darkTint); } /*-----DEFAULT CLASSES END-----*/ /*-----DEFAULT PAGE STYLING (this is for things like the /sm and /dg pages)-----*/ .default-page .pagetitle { padding-top: 200px; padding-left: 15px; padding-right: 15px; } .default-page .pagebody:not(.gallerytext) { padding-bottom: 100px; padding-left: 15px; padding-right: 15px; } .default-page .contentarea { width: 100%; max-width: var(--siteWidth); margin: 0 auto; } /* Fix /cookie-info */ .cc-browser-block-item { height: unset; background-image: unset; border: none; } /*-----DEFAULT PAGE STYLING END-----*/ /*-----DEFAULT GALLERY STYLING-----*/ .MainTableGallery { width: 100%; max-width: var(--siteWidth); margin-left: auto !important; margin-right: auto !important; margin-top: 4em; margin-bottom: 4em; } .gallerycontainer { margin: 0 auto !important; max-width: var(--siteWidth); } .gallerytext { text-align: left; padding-left: 15px; padding-right: 15px; } .gellerydivleft, .gellerydivmiddle, .gellerydivright { text-align: center !important; width: auto; } /*-----DEFAULT GALLERY STYLING END-----*/ /*-----IMAGE BACKGROUNDS-----*/ .imgFill { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .objectFill { object-fit: cover; width: 100%; height: 100%; } /*-- THIS FIXES THE PAGE ANCHOR ISSUE WHERE THE IMAGE HEIGHT DOESN'T PROPERLY LOAD BECAUSE OF LAZY LOAD --*/ .objectFill.lazy { aspect-ratio: 3/2; } /*-----IMAGE BACKGROUNDS END-----*/ /*-----SCROLLER----- (please add any scrollers here and comment what they are)*/ div[id^="scroller"] { width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } #scroller_7112, #scroller_7454, #scroller_7504, #scroller_9529, #scroller_9530, #scroller_9551, #scroller_9552{ width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; text-align: left; } #scroller_7504, #scroller_9529, #scroller_9530{ text-align: left; } #scroller_wrapper_7112, #scroller_wrapper_7454, #scroller_wrapper_7504, #scroller_wrapper_9529, #scroller_wrapper_9530, #scroller_wrapper_9551, #scroller_wrapper_9552{ display: flex; flex-direction: column-reverse; } div#scroller_nav_pager_7112.div_scroller_nav_pager a, div#scroller_nav_pager_7454.div_scroller_nav_pager a, div#scroller_nav_pager_7504.div_scroller_nav_pager a, div#scroller_nav_pager_9529.div_scroller_nav_pager a, div#scroller_nav_pager_9530.div_scroller_nav_pager a, div#scroller_nav_pager_9551.div_scroller_nav_pager a, div#scroller_nav_pager_9552.div_scroller_nav_pager a{ --size: 12px; font-size: 0; width: var(--size); height: var(--size); background-color: #d4d4d4; border-radius: 100%; padding: 0; } div#scroller_nav_pager_7504.div_scroller_nav_pager a, div#scroller_nav_pager_9529.div_scroller_nav_pager a, div#scroller_nav_pager_9530.div_scroller_nav_pager a{ background-color: transparent; border-radius: 50%; border: 1px solid var(--primary); } .div_scroller_nav_pager a.activeSlide { background-color: var(--primary)!important; } div#scroller_nav_pager_7112, div#scroller_nav_pager_7454, div#scroller_nav_pager_7504, div#scroller_nav_pager_9529, div#scroller_nav_pager_9530, div#scroller_nav_pager_9551, div#scroller_nav_pager_9552{ display: flex!important; justify-content: center; gap: 10px; } div#scroller_nav_pager_7454, div#scroller_nav_pager_7504, div#scroller_nav_pager_9529, div#scroller_nav_pager_9530, div#scroller_nav_pager_9551, div#scroller_nav_pager_9552{ margin-top: 30px; } #scroller_7104 { display: inline-block; height: 55px!important; left: 1px; border: none; background: transparent; padding: 0; color: var(--primary); width: 383px!important; } @media (max-width: 768px){ #scroller_7104 { height: 48px!important; width: 350px !important; } } @media (max-width: 660px){ #scroller_7104 { width: 325px !important; height: 40px !important; } } @media (max-width: 600px){ #scroller_7104 { width: 280px!important; height: 40px!important; } } @media (max-width: 560px){ #scroller_7104 { width: 235px!important; height: 33px!important; } } /*@media (max-width: 475px){ #scroller_7104 { width: 200px!important; height: 28px!important; } } @media (max-width: 425px){ #scroller_7104 { width: 180px!important; height: 28px!important; } } @media (max-width: 375px){ #scroller_7104 { width: 180px!important; height: 25px!important; } }*/ div[id^="scroller_nav_prevnext"] { display: inline-flex!important; justify-content: space-between; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 10%; align-items: center; z-index: 9; border-radius: 7px; } #scroller_7070 .scrollermessage, #scroller_7071 .scrollermessage, #scroller_7072 .scrollermessage, #scroller_7073 .scrollermessage { padding-left: 30px; padding-right: 30px; } #scroller_7504 .scrollermessage { padding-left: 50px; padding-right: 50px; } .div_scroller_nav_pager a { float: left; padding: 8px 16px; cursor: pointer; background: transparent; font-size: 0; width: 40px; height: 40px; border-radius: 7px; } a[id^="prev_scroller"] { position: relative; } a[id^="next_scroller"] { position: relative; } a[id^="prev_scroller"]::before { content: '\f060'; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; width: 100%; height: 100%; background: transparent; left: 0; top: 0; font-size: 1.2rem; color: var(--primary); display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; border: 2px solid var(--primary); transition: all var(--anim); } a[id^="next_scroller"]::before { content: '\f061'; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; width: 100%; height: 100%; background: transparent; left: 0; top: 0; font-size: 1.2rem; color: var(--primary); display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; border: 2px solid var(--primary); transition: all var(--anim); } a:is([id^="next_scroller"],[id^="prev_scroller"]):hover { background: transparent !important; transition: all var(--anim); } a:is([id^="next_scroller"],[id^="prev_scroller"]):hover::before { border: 2px solid var(--primary); color: var(--light); background: var(--primary); } #scroller_wrapper_7070, #scroller_wrapper_7071, #scroller_wrapper_7072, #scroller_wrapper_7073 { position: relative; text-align: center; } #scroller_7072 { display: inline-block!important; width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } #scroller_nav_prevnext_7072{ display: inline-flex!important; padding: 10px; } #scroller_7070, #scroller_7071, #scroller_7073{ display: none!important; } #scroller_nav_prevnext_7070, #scroller_nav_prevnext_7071, #scroller_nav_prevnext_7073{ display: none!important; } @media (min-width: 768px){ #scroller_7073 { display: inline-block!important; width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } #scroller_nav_prevnext_7073{ display: inline-flex!important; padding: 10px; } #scroller_7070, #scroller_7071, #scroller_7072{ display: none!important; } #scroller_nav_prevnext_7070, #scroller_nav_prevnext_7071, #scroller_nav_prevnext_7072{ display: none!important; } } @media (min-width: 992px){ #scroller_7071 { display: inline-block!important; width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } #scroller_nav_prevnext_7071{ display: inline-flex!important; padding: 10px; } #scroller_7070, #scroller_7073, #scroller_7072{ display: none!important; } #scroller_nav_prevnext_7070, #scroller_nav_prevnext_7073, #scroller_nav_prevnext_7072{ display: none!important; } } @media (min-width: 1201px){ #scroller_7070 { display: inline-block!important; width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } #scroller_nav_prevnext_7070{ display: inline-flex!important; padding: 10px; } #scroller_7071, #scroller_7073, #scroller_7072{ display: none!important; } #scroller_nav_prevnext_7071, #scroller_nav_prevnext_7073, #scroller_nav_prevnext_7072{ display: none!important; } div#scroller_nav_prevnext_7070 { transform: translateY(-50%); top: 50%; } } @media(max-width: 1201px) { div[id^="scroller_nav_prevnext"] { justify-content:center; position: relative; column-gap: 5px; } div#scroller_nav_prevnext_7504{ justify-content: space-between; position: absolute; left: 0; top: 45%; transform: translateY(-50%); padding: 0 7px; } #scroller_7070 .scrollermessage, #scroller_7071 .scrollermessage, #scroller_7072 .scrollermessage, #scroller_7073 .scrollermessage{ padding-left: 0; padding-right: 0; } #scroller_7504 .scrollermessage { padding-left: 40px; padding-right: 40px; } } @media(max-width: 768px) { #scroller_7504 .scrollermessage { padding-left: 0; padding-right: 0; } div#scroller_nav_prevnext_7504{ display: none!important; } } @media(max-width: 450px) { .div_scroller_nav_pager a { width: 40px; height: 30px; } } .scrollermessage { width: inherit !important; height: inherit !important; background: transparent !important; } /*-----SCROLLER END-----*/ /*-----BUTTONS-----*/ .btn { display: inline-block; padding: 12px 30px; margin: 10px 0px; transition: all var(--anim); font-family: var(--buttonFont); text-decoration: none; border-radius: .25rem; font-size: 1rem; } @media (max-width: 425px){ .btn { padding: 12px 25px; } } .btn:hover, .btn:focus { text-decoration: none; } .btn.primary { background-color: var(--primary); color: var(--light); border: 1px solid var(--primary); } .btn.primary:hover, .btn.primary:focus { background-color: transparent; color: var(--primary); border: 1px solid var(--primary); } .btn.primary.header-btn:hover, .btn.primary.header-btn:focus { background-color: transparent; color: var(--light); border: 1px solid var(--light); } .btn.secondary { background-color: var(--secondary); color: var(--light); border: 1px solid var(--secondary); } .btn.secondary:hover, .btn.secondary:focus { background-color: var(--secondaryShade); color: var(--light); border: 1px solid var(--secondaryShade); } .btn.ghost { border: 1px solid; } .btn.ghost.ghost__light { color: var(--light); border-color: var(--light); } .btn.ghost.ghost__light:hover, .btn.ghost.ghost__light:focus { color: var(--dark); border-color: var(--light); background-color: var(--light); } .btn.ghost.ghost__light:hover i, .btn.ghost.ghost__light:focus i{ color: var(--dark); } .btn.ghost.ghost__primary { color: var(--primary); border-color: var(--primary); } .btn.ghost.ghost__primary:hover, .btn.ghost.ghost__primary:focus { color: var(--light); border-color: var(--primary); background-color: var(--primary); } .btn.ghost.ghost__secondary { color: var(--secondary); border-color: var(--secondary); } .btn.ghost.ghost__secondary:hover, .btn.ghost.ghost__secondary:focus { color: var(--light); border-color: var(--secondary); background-color: var(--secondary); } .btn.ghost.ghost__dark { color: var(--dark); border-color: var(--dark); } .btn.ghost.ghost__dark:hover, .btn.ghost.ghost__dark:focus { color: var(--light); border-color: var(--dark); background-color: var(--dark); } .btn.white, .btn.light { color: var(--dark); border: 1px solid var(--lightTint); background-color: var(--lightTint); } .btn.white:hover, .btn.light:hover, .btn.white:focus, .btn.light:focus { background-color: transparent; color: var(--lightTint); border-color: var(--lightTint); } .btn.black, .btn.dark { color: var(--light); border: 1px solid var(--dark); background-color: var(--dark); } .btn.black:hover, .btn.dark:hover, .btn.black:focus, .btn.dark:focus { background-color: transparent; color: var(--dark); border-color: var(--dark); } /*-----BUTTONS END-----*/ /*-----PARALLAX CONTAINER-----*/ .parallax-wrap { height: 100%; position: relative; } .parallax-bg { background-attachment: fixed; background-position: center center; background-size: cover; width: 100%; height: inherit; position: absolute; top: 0; z-index: 0; } @media (hover: none) { .parallax-bg { background-attachment: scroll !important; } } /*-----PARALLAX CONTAINER END-----*/ /*-----FOOTER START-----*/ .footerarea, .secondfooterarea { background-color: transparent; } #footer, #secondfooter { display: flex; justify-content: space-between; align-items: center; font-family: var(--bodyFont); font-size: .8em; line-height: 1.2; width: 100%; max-width: var(--siteWidth); margin: 0 auto; z-index: 10; } #footer a:link, #footer a:visited, #footer a:active, #secondfooter a:link, #secondfooter a:visited, #secondfooter a:active, #secondfooter span, #footer span { line-height: 1.2; text-decoration: none; font-size: inherit; color: var(--dark); font-size: .8em; font-family: var(--bodyFont); } .lefttext, .righttext { padding: 0px 15px; } /*------CHANGE this media query if you change the menu breakpoint in the layout settings------*/ #menulink_0 { opacity: 0; } @media (max-width: 1200px) { /* Fix for menu unstyled on mobiles */ #menu div#sidr#sidr.right ul#main-menu { display: block !important; } #menu div#sidr ul#main-menu { display: none !important; } /* END */ /* Fix for menu not displaying on mobiles */ #sidr { display: block; overflow: hidden; } .sf-menu { display: none !important; } /* END */ #menu { padding: 0; } #sidr ul li a { line-height: 1.45; height: fit-content; padding: 5px 15px; font-family: var(--headingFont); font-weight: 700; text-transform: uppercase; letter-spacing: -0.05em !important; } #sidr ul li { padding: 5px 0; width: fit-content; margin-inline: auto; width: 100%!important; } #main-menu { width: 100%; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); } #sidr { width: 100vw; } #sidr.right { left: auto; right: -100vw; } #menuitem_0 { position: absolute; left: 50%; transform: translateX(-50%); padding: 0 !important; width: 180px !important; aspect-ratio: 3 / 1; color: transparent; } #menuitem_0::before { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; width: 180px; height: 180px; background-image: url(../siteassets/icons/logomark.png?v=7b0455); left: 50%; transform: translateX(-50%); z-index: -1; } #menulink_0 { padding: 0 !important; width: 100% !important; height: 100% !important; } a.menulink:hover { color: var(--secondary); } #sidr a.menulink i { padding: 10px; } } @media (min-width: 769px) and (max-width: 1200px) { #menuitem_0 { transform: scale(1.25) translateX(-50%); transform-origin: left; } #sidr { font-size: 48px !important; } #sidr ul li ul li a { font-size: 24px; } #menuitem_0 { top: -185px; } .dropdown-icon { font-size: 2rem; } } @media (max-width: 768px) { #sidr { font-size: 36px !important; } #sidr ul li ul li a { font-size: 20px; } #menuitem_0 { top: -185px; } .dropdown-icon { font-size: 1.5rem; } } @media (max-width: 1200px) { #footer, #secondfooter { flex-flow: column; } .lefttext, .righttext { width: 100%; display: inline-block; text-align: center; padding: 5px 0px; } } @media (max-width: 700px) { .lefttext, .righttext { width: 100%; text-align: center; padding: 5px 0px; font-size: 12px; } } /*-----FOOTER END-----*/ /*-----MENU BREAKPOINT START (change both min-width: 1200px and min-width: 1201px media queries if you change the menu breakpoint in the layout settings)-----*/ @media only screen and (min-width: 1200px) { a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited { height: 45px; line-height: 45px; text-align: center; } } @media (min-width: 1201px) { #menuitem_0 { display: none; } #menuitem_0::before { display: none; } .menuarea { height: 0; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 100%; } .menuarea #menu { width: 100%; max-width: var(--siteWidth); margin: 0 auto; pointer-events: none; } #sidr { width: 100%; height: 100%; background: #f8f3ed; } #sidr ul { float: right; position: relative; display: flex; justify-content: flex-end; align-items: center; height: var(--menuHeight); background-color: transparent; pointer-events: none; transition: all var(--anim); } .dropdown-icon { display: none!important; } #sidr ul li { pointer-events: all; } #sidr ul>li.menuitem { width: auto !important; position: relative; } \ { color: var(--primary); } #sidr ul li a.menulink, #sidr ul li a.menulink:link, #sidr ul li a.menulink:focus, #sidr ul li a.menulink:active, #sidr ul li a.menulink:visited { height: 50px; line-height: 50px; padding: 0px 15px; background-color: transparent; color: var(--dark); font-weight: 700; text-transform: uppercase; letter-spacing: -0.05em !important; font-size: 1.1rem; } #sidr ul li a.menulink:hover { color: var(--primary); } #sidr ul ul.submenuitem { background-image: none; background-color: #1e1e1ee0; list-style: none; width: auto !important; position: absolute; padding: 0; left: 0; z-index: 10; height: inherit; top: 100% !important; backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 24px 0 rgba(0, 0, 0, 0.15), inset 0 0 0px rgba(0, 0, 0, 0), inset 0px 0px 4px 2px rgba(0, 0, 0, 0.1); overflow: hidden; } #sidr ul ul.submenuitem::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: inherit; background: linear-gradient(to left top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); z-index: 1; } #sidr ul ul li { width: 100% !important; position: relative; } #sidr ul li ul li:hover ul, #sidr ul li ul li.sfHover ul { left: 100%; } #sidr ul ul ul.submenuitem3rd { position: absolute; padding: 0; left: 100%; top: 0; z-index: 10; background-image: none; background-color: #1e1e1ee0; list-style: none; width: auto !important; } #sidr ul li li a.menulink:focus, #sidr ul li li a.menulink:hover, #sidr ul li li a.menulink:active { background-color: var(--dark); } #sidr li a.submenulink, #sidr li a.submenulink:any-link, #sidr li a.submenulink:active { display: block; text-align: left; line-height: 1.2rem; height: auto; padding: 10px; margin: 0; text-decoration: none; color: #fff; background-color: transparent; font-family: var(--headingFont); font-size: 1rem; font-weight: normal; width: 100%; text-transform: uppercase; } a.submenulink:hover { background-color: var(--dark); } #sidr ul li ul li a:hover { color: var(--primary) !important; } } /*-----MENU BREAKPOINT END-----*/ /*-----HALF PANEL START-----*/ .xs-half-panel { padding: var(--halfPanelPadding); } @media (min-width: 768px) { .sm-half-panel { padding: var(--halfPanelPadding); } } @media (min-width: 992px) { .md-half-panel { padding: var(--halfPanelPadding); } } @media (min-width: 1200px) { .lg-half-panel { padding: var(--halfPanelPadding); } } /*------CHANGE this media query if you change the --siteWidth variable in the :root at the top of this file------*/ @media screen and (min-width: 1200px) { .half-panel-right { margin-left: 60px; padding-right: calc((100vw - var(--siteWidth)) / 2); } .half-panel-left { margin-right: 60px; padding-left: calc((100vw - var(--siteWidth)) / 2); } } /*-----HALF PANEL END-----*/ /*-----ANIMATIONS START-----*/ body { overflow-x: hidden; } #container { overflow-y: hidden; overflow-x: hidden; } .fadeIn *:not(.childFadeInDone) { opacity: 0; transition: all var(--anim), opacity 1.2s ease, transform 1s ease; transition-delay: var(--delay); } .fadeIn.up *:not(.childFadeInDone) { transform: translate3d(0, 100px, 0); } @media (min-width: 1201px) { .fadeIn.right *:not(.childFadeInDone) { transform: translate3d(150px, 0, 0); } .fadeIn.left *:not(.childFadeInDone) { transform: translate3d(-150px, 0, 0); } } .fadeIn.visible *:not(.childFadeInDone) { opacity: 1; } .fadeIn.visible *:not(svg):not(svg *):not(.childFadeInDone) { opacity: 1; transform: translate3d(0, 0, 0); } @media (prefers-reduced-motion: reduce) { .fadeIn *:not(.childFadeInDone) { opacity: 1; transition: none; transition-delay: 0s; } .fadeIn *:not(svg):not(svg *):not(.childFadeInDone) { transform: none !important; } } /* PUT THE FADEIN EFFECTS HERE */ /*-----ANIMATIONS END-----*/ /*-- NEW BOOTSTRAP COLUMN 1/5th START--*/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5th { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } @media (min-width: 1230px) { .col-md-5th { width: 11.1%; float: left; } } /*-- NEW BOOTSTRAP COLUMN 1/5th END--*/ /*-- FANCY BOX --*/ .fancybox-content { max-width: 600px; max-height: 600px; } .fancybox-container { z-index: 9999999999; } .fancybox-slide--image .fancybox-content { max-height: 100% !important; } /*-- FANCY BOX END --*/ /*-- FLEX GROW IMAGE START --*/ .image-grow { display: flex; flex-direction: column; } .image-grow img { flex-grow: 1; /* CHANGE THE HEIGHT TO CHANGE HOW THE IMAGE RESPONDS WHEN THE SCREEN BREAKS. THIS CAN ALSO BE AN ASPECT RATIO */ height: 400px; object-fit: cover; width: 100%; } @media (min-width: 768px) { .image-grow.sm img { height: 0px; } } @media (min-width: 992px) { .image-grow.md img { height: 0px; } } @media (min-width: 1200px) { .image-grow.lg img { height: 0px; } } /*-- FLEX GROW IMAGE END --*/ /*-- HIDE AT SET SCREEN SIZES START --*/ @media (min-width: 1201px) { .hide-desk { display: none !important; } } @media (min-width: 769px) { .hide-tabdesk { display: none !important; } } @media (min-width: 769px) and (max-width: 1200px) { .hide-tab { display: none !important; } } @media (max-width: 1200px) { .hide-mobtab { display: none !important; } } @media (max-width: 768px) { .hide-mob { display: none !important; } } /*-- HIDE AT SET SCREEN SIZES END --*/ /* QUICK FIX FOR WEBKIT 6.1 START */ .expand-container .minimize { display: none; } /* QUICK FIX FOR WEBKIT 6.1 START */ /*-----CUSTOM CSS-----*/ .borderRad{ border-radius: 0; } .btn.simple{ padding: 2px 2px 0 2px; margin: 0; border-bottom: 1px solid var(--light); border-radius: inherit; color: var(--light); } .btn:hover.simple{ border-bottom: 1px solid var(--primary); color: var(--primary); } .contact-details a,.footer-nav a { display: flex; gap: 5px; } .contact-details a i { padding-top: 5px; } .contact-details { display: flex; flex-direction: column; gap: 15px; } .footer-title { font-size: 1.2rem!important; margin-bottom: 1.3rem !important; font-family: var(--headingFont); } .home-page .footer-title{ font-family: var(--homeFont)!important; } .footer a,.footer p { font-size: 1.03rem; } .footer-nav { display: flex; flex-direction: column; gap: 5px; } .footer-socials { column-gap: 10px; } .footer-socials a i { font-size: 1.6rem; display: flex; align-items: center; justify-content: center; transition: all var(--anim); } .footer-socials a i,.footer-nav a, .footer a { transition: all var(--anim); color: var(--dark)!important; } .footer-socials a:hover i,.footer-nav a:hover, .footer a:hover { color: var(--light)!important; } .footer-socials { gap: 10px; } @media (max-width: 992px){ .footer-logo{ max-width: min(calc(100vw - 90px), 300px)!important; } .footer-socials a:hover i, .footer a.footer-location:hover{ color: var(--light)!important; } } @media(min-width: 1200px) { .footer .padLeft { padding-left:80px; } .padRight { padding-right:80px; } .footer-row { justify-content: space-around; } .footer-links-row{ max-width: 140px; } .footer-follow-row{ max-width: 120px; } } .products-box,.products-text{ transition: all var(--anim); } .products-box:hover .products-text{ transform: translate(-50%, -5px); } .products-box:hover .btn.simple{ transform: translateY(-3px); } .products-box h3 a{ font-size: clamp(1.2rem, 4vmin, 1.3rem); color: var(--light)!important; } .products-text { width: 100%; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); padding: 0 20px; z-index: 3; } .products-text p{ margin-top: 0; } .products-text h3{ margin-bottom: 7px; line-height: 1; } .products-box { position: relative; overflow: hidden; } .products-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)); z-index: 1; pointer-events: none; } .products-scroller img { aspect-ratio: 1 !important; } @media (min-width: 600px) { .products-scroller img { aspect-ratio: 1 / 0.9 !important; } } @media (min-width: 992px){ .products-scroller img{ aspect-ratio: 1/1.3!important; } } .button-list p a i { margin-inline: 0.5em; } .button-list p a { white-space: nowrap; margin: 0.5em; line-height: 2; } .vegetable-item h5 span { font-weight: 300; text-transform: none; } .button-list .btn { padding: 6px 15px; margin: 0.25em; } .button-list .btn.ghost.ghost__primary { border: 1px solid var(--dark); color: 1px solid var(--dark); font-weight: 700; text-transform: uppercase; letter-spacing: -0.05em !important; } .button-list .btn.ghost.ghost__primary.active, .button-list .btn.ghost.ghost__primary:hover { color: var(--light); border-color: var(--primary); background-color: var(--primary); } @media (max-width: 768px) { .mob-nopad { padding-top: 0; padding-bottom: 0; } } .bg-video { top: 50%; left: 50%; min-width: 100%; min-height: 100%; height: 100vh; transform: translate3d(-50%, -50%, 0px); filter: brightness(0.6); display: block; z-index: -1; object-fit: cover; } .projects-row { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 4px; grid-row-gap: 4px; } .choose-row { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); grid-column-gap: 4px; grid-row-gap: 4px; width: 100%; } .our-infrastructure .choose-row { grid-column-gap: 15px; grid-row-gap: 15px; } .how-to-oder-page .choose-row { grid-template-rows: repeat(6, 1fr); } .productItem1 { grid-area: 1 / 1 / 2 / 2; } .productItem2 { grid-area: 1 / 2 / 3 / 2; } .productItem3 { grid-area: 2 / 1 / 3 / 2; } .productItem4 { grid-area: 2 / 2 / 2 / 2; } .productItem5 { grid-area: 3 / 1 / 4 / 2; } .productItem6 { grid-area: 3 / 2 / 4 / 2; } .productItem7 { grid-area: 4 / 1 / 5 / 2; } .productItem8 { grid-area: 4 / 2 / 5 / 2; } .productItem9 { grid-area: 5 / 1 / 6 / 3; } div[class^="productItem"], div[class^="chooseItem"]{ height: 100%; max-height: 220px; } .sustainability div[class^="productItem"], .sustainability div[class^="chooseItem"] { max-height: 220px; } .our-infrastructure div[class^="productItem"], .our-infrastructure div[class^="chooseItem"]{ height: 100%; max-height: 100%!important; min-height: 100%!important; } .product-details h3, .product-detail h3{ font-size: 1.45rem; } .product-details, .product-detail{ padding: 20px 10px; } .our-infrastructure .product-details, .our-infrastructure .product-detail{ padding: 0; } .our-infrastructure .product-details{ display: inline-block; } .products .btn.simple{ font-size: 0.9em; } .chooseItem1 { grid-area: 1 / 1 / 2 / 2; } .chooseItem2 { grid-area: 2 / 1 / 3 / 2; } .chooseItem3 { grid-area: 3 / 1 / 4 / 2; } .chooseItem4 { grid-area: 4 / 1 / 5 /2; } .chooseItem5 { grid-area: 5 / 1 / 6 / 2; } .chooseItem6 { grid-area: 6 / 1 / 7 /2; } @media (min-width: 500px){ div[class^="productItem"], div[class^="chooseItem"] { height: 100%; max-height: 250px; } .product-details h3{ font-size: 1.95rem; } .our-infrastructure .product-details h3{ font-size: 1.7rem; } .product-details, .product-detail{ padding: 30px 35px; } .products .btn.simple{ font-size: 1em; } } @media (min-width: 768px){ .choose-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(12, 1fr); max-height: 900px; } .our-infrastructure .choose-row { max-height: 100%; } .how-to-order-page .choose-row { grid-template-rows: repeat(9, 1fr); max-height: 900px; } .how-to-order-page .key-information .product-details{ max-width: 400px; } .chooseItem1 { grid-area: 1 / 1 / 8 / 8; } .chooseItem2 { grid-area: 1 / 8 / 8 / 13; } .chooseItem3 { grid-area: 8 / 1 / 13 / 7; } .chooseItem4 { grid-area: 8 / 7 / 13 /13; } .chooseItem5 { grid-area: 7 / 1 / 10 / 8; } .chooseItem6 { grid-area: 7 / 8 / 10 /13; } div[class^="chooseItem"] { max-height: 100%; } .about-choose-row div[class^="chooseItem"] { min-height: 300px; } .about-page .choose-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(6, 1fr); max-height: 100%; } .about-page .chooseItem1 { grid-area: 1 / 1 / 4 / 8; } .about-page .chooseItem2 { grid-area: 1 / 8 / 4 / 13; } .about-page .chooseItem3 { grid-area: 4 / 1 / 7 / 7; } .about-page .chooseItem4 { grid-area: 4 / 7 / 7 /13; } /*.our-infrastructure .choose-row { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(9, 1fr); max-height: 100%; }*/ .our-infrastructure .choose-row { grid-column-gap: 6px; grid-row-gap: 6px; } .our-infrastructure .chooseItem1 { grid-area: 1 / 1 / 4 / 8; } .our-infrastructure .chooseItem2 { grid-area: 1 / 8 / 4 / 13; } .our-infrastructure .chooseItem3 { grid-area: 4 / 1 / 7 / 7; } .our-infrastructure .chooseItem4 { grid-area: 4 / 7 / 7 /13; } .our-infrastructure .chooseItem5 { grid-area: 7 / 1 / 10 / 8; } .our-infrastructure .chooseItem6 { grid-area: 7 / 8 / 10 /13; } .our-infrastructure div[class^="chooseItem"] { max-height: 100%; } } @media (min-width: 880px){ .choose-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(10, 1fr); max-height: 750px; } .chooseItem1 { grid-area: 1 / 1 / 6 / 8; } .chooseItem2 { grid-area: 1 / 8 / 6 / 13; } .chooseItem3 { grid-area: 6 / 1 / 11 / 7; } .chooseItem4 { grid-area: 6 / 7 / 11 /13; } } @media (min-width: 992px){ .choose-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(6, 1fr); max-height: 600px; } .chooseItem1 { grid-area: 1 / 1 / 4 / 8; } .chooseItem2 { grid-area: 1 / 8 / 4 / 13; } .chooseItem3 { grid-area: 4 / 1 / 7 / 7; } .chooseItem4 { grid-area: 4 / 7 / 7 /13; } .chooseItem5 { grid-area: 7 / 1 / 10 / 8; } .chooseItem6 { grid-area: 7 / 8 / 10 /13; } } @media (min-width: 992px) { .projects-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(9, 1fr); max-height: 750px; } .productItem1 { grid-area: 1 / 1 / 4 / 5; } .productItem2 { grid-area: 1 / 5 / 4 / 9; } .productItem3 { grid-area: 1 / 9 / 4 / 13; } .productItem4 { grid-area: 4 / 1 / 7 / 4; } .productItem5 { grid-area: 4 / 4 / 7 / 10; } .productItem6 { grid-area: 4 / 10 / 7 / 13; } .productItem7 { grid-area: 7 / 1 / 10 / 5; } .productItem8 { grid-area: 7 / 5 / 10 / 9; } .productItem9 { grid-area: 7 / 9 / 10 / 13; } div[class^="productItem"] { max-height: 100%; } .about-choose-row div[class^="chooseItem"] { min-height: 100%; } .how-to-order-page .choose-row { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(6, 1fr); max-height: 600px; } .how-to-order-page .chooseItem1 { grid-area: 1 / 1 / 4 / 5; } .how-to-order-page .chooseItem2 { grid-area: 1 / 5 / 4 / 10; } .how-to-order-page .chooseItem3 { grid-area: 1 / 10 / 4 / 13; } .how-to-order-page .chooseItem4 { grid-area: 4 / 1 / 7 / 6; } .how-to-order-page .chooseItem5 { grid-area: 4 / 6 / 7 / 9; } .how-to-order-page .chooseItem6 { grid-area: 4 / 9 / 7 / 13; } } .products { height: 100%; position: relative; overflow: hidden; transition: all .75s ease-in-out; } .our-infrastructure .products { height: 100%; position: relative; overflow: inherit; padding: 20px 30px 30px; transition: inherit; } .our-infrastructure .product-details .infrastructure-icon{ margin-top: 5px; } @media (max-width: 500px){ .our-infrastructure .products { padding: 30px 15px; } } .product-details { position: absolute; bottom: 0px; left: 0px; color: var(--primaryContrast); pointer-events: none; } .our-infrastructure .product-details { position: relative; } .product-details h3, .product-detail h3{ margin: 0px; font-weight: 700; } .our-infrastructure .product-details h3, .our-infrastructure .product-detail h3{ margin: 1.2rem 0; } .product-details h3 a{ color: var(--light)!important; } .product-details { transition: all .3s ease-in-out; } .products:hover .product-details{ transform: translateY(-5px)!important; } .choose-row .products img { filter: brightness(.7); } .about-choose-row .choose-row .products img { filter: brightness(.6); } .choose-row .products p{ margin-bottom: 5px; } .choose-row .products:hover img { filter: brightness(.55); } .products img { transition: all .5s ease-in-out; filter: brightness(.8); } .our-infrastructure .products img { transition: all .5s ease-in-out; filter: none!important; } .products:hover img { filter: brightness(.6); } .our-infrastructure .products:hover img { filter: inherit; } .our-infrastructure .products:hover img { filter: none!important; } .catagories-buttons-container { display: flex; flex-direction: column; background: var(--light); border-top: 1px solid var(--dark); border-bottom: 1px solid var(--dark); } .catagories-buttons-row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .catagories-buttons-container p { margin: 0; text-align: center; } @media (min-width: 1600px) { .catagories-buttons-container { flex-direction: row; } .catagories-buttons-row { flex: 1; flex-wrap: nowrap; justify-content: space-around; } } a.catagories-button { display: inline-block; padding: 6px 10px; margin: 0.5em 0; transition: all var(--anim); font-family: var(--buttonFont); text-decoration: none; border-radius: .25rem; color: var(--dark); font-weight: 700; text-transform: uppercase; letter-spacing: -0.05em !important; border: 1px solid transparent; white-space: nowrap; } a.catagories-button:hover, a.catagories-button.active { color: var(--primary); border: 1px solid var(--primary); } .catagories-buttons-col { position: absolute; padding: 0; z-index: 5; width: 100%; } div:has(> .pager.first) { margin-top: -13px; } @media (min-width: 768px) and (max-width: 1200px) { div:has(> .pager.first) { margin-top: -83px; } } @media (max-width: 768px) and (pointer: coarse) { .catagories-buttons-container { flex-direction: row; overflow-x: auto; } .catagories-buttons-row { flex-wrap: nowrap; gap: 15px; padding-inline: 15px; } } .btt-btn { display: none; } @media (max-width: 768px) { .btt-btn { display: block; position: fixed; z-index: 99999; bottom: 15px; right: 15px; background: var(--primary); color: var(--light); font-size: 28px; border-radius: 100px; width: 50px; line-height: 1.9; height: 50px; text-align: center; opacity: 0; pointer-events: none; transition: all .25s ease-in-out; filter: drop-shadow(0px 0px 2px #00000060); } .minimize .btt-btn { opacity: 1; pointer-events: all; } .btt-btn:hover, .btt-btn:active, .btt-btn:focus{ color: var(--light); } } @media (max-width: 992px){ .salsa-approved{ margin-top: inherit!important; margin-bottom: 50px; } .footer-logo-row div{ margin-left: inherit!important; } } .supply-box{ padding: 15px 0; width: 120px; } .supply-box img{ max-width: 55px!important; } .supply-box h3, .choose-box h3, .process-box h3{ font-size: clamp(1.4rem, 6vmin, 1.6rem); } .supply-box h3{ margin-bottom: 5px; font-size: clamp(0.8rem, 3vmin, 1rem); } .choose-box h3{ font-size: clamp(1.55rem, 6vmin, 1.75rem); } .supply-box-icon{ position: relative; width: 60px; margin: 0 auto; height: 60px; } .supply-box-icon.specDecorPos:before{ right: 5px; } .supply-box-icon.specDecorPos2:before{ right: 3px; } .choose-box{ padding: 30px 15px; color: var(--dark); } .choose-box.box-1, .choose-box.box-2, .choose-box.box-3, .choose-box.box-4{ color: var(--light); } .process-box{ position: relative; } .process-box-icon { position: relative; z-index: 3; width: 90px; margin: 0 auto; } .process-box-icon:before{ content: ''; position: absolute; width: 40px; height: 40px; border-radius: 50%; right: -8px; bottom: 15px; background: var(--primary); opacity: 0.4; } .process-box.box-2 .process-box-icon:before, .process-box.box-3 .process-box-icon:before{ right: -5px; } .supply-boxes{ display: none; } .supply-boxes-mob{ display: flex; } .supply-section{ padding-bottom: 50px; } @media (min-width: 500px){ .process-box{ padding: 15px 30px; } .process-box-icon:before{ width: 50px; height: 50px; right: -15px; } .supply-boxes{ display: flex; } .supply-boxes-mob{ display: none; } .supply-box{ padding: 15px; } .supply-box img{ max-width: 60px!important; } .supply-box-icon{ width: 70px; height: 70px; } .supply-box-icon:before{ right: 0; } .supply-box-icon.specDecorPos:before{ right: 15px; } .supply-section{ padding-bottom: 0; } } @media (min-width: 768px){ .supply-box{ width: 100%; } } @media (min-width: 992px){ .supply-section{ padding-bottom: 10px; } } .process-boxes{ padding-top: 50px; } .process-box.box-1:before, .process-box.box-2:before, .process-box.box-3:before{ content: ""; position: absolute; background-image: url(../siteassets/icons/arrow.png?v=60e949); background-size: 100%; background-repeat: no-repeat; width: 80px; height: 80px; top: 95%; right: 30%; transform: scaleX(-1) rotate(317deg); } .process-box.box-2:before{ transform: scaleX(1) rotate(317deg); left: 30%; right: inherit; } @media (min-width: 768px){ .process-box.box-1:before{ top: 18%; right: -20%; transform: scaleX(-1) rotate(45deg); } .process-box.box-3:before{ top: 16%; right: inherit; left: -20%; transform: scaleX(1) rotate(45deg); } .process-box.box-2:before{ top: 93%; right: -25px; left: inherit; transform: scaleX(-1) rotate(319deg); } } @media (min-width: 850px){ .process-box.box-1:before{ right: -15%; } .process-box.box-3:before{ top: 16%; right: inherit; left: -15%; transform: scaleX(1) rotate(45deg); } } @media (max-width: 1200px){ .process-boxes{ padding: 15px; row-gap: 40px; } } @media (min-width: 1200px){ .process-box.box-1:before, .process-box.box-2:before, .process-box.box-3:before{ top: 40%; right: -15%; left: inherit; transform: translateY(-50%); } .process-box.box-1:before, .process-box.box-2:before, .process-box.box-3:before{ width: 55px; height: 55px; } .process-box.box-2:before, .process-box.box-3:before{ transform: translateY(-50%) scaleX(-1) rotate(45deg); } .process-box.box-1:before{ transform: translateY(-50%) scaleX(-1) rotate(45deg); } .choose-box.box-1 h3{ margin: 1.2rem auto; max-width: 250px; } } @media (max-width: 873px){ .choose-box.box-1 h3{ margin: 1.2rem auto; max-width: 250px; } } @media (max-width: 768px){ .choose-box.box-1 h3{ margin: 1.2rem auto; max-width: inherit; } } @media (max-width: 395px){ .choose-box.box-1 h3{ margin: 1.2rem auto; max-width: 250px; } } /* Process Timeline Styles Start */ @media (min-width: 526px) and (max-width: 768px) { .animation-container { padding-left: 30px; } } @media (max-width: 525px) { .animation-container { padding-left: 15px; } } .process-timeline { max-width: 1200px; margin: 100px auto; padding: 0 20px; position: relative; } .all-products-page .process-timeline { max-width: 800px; margin: 80px auto 20px; } .timeline-progress { position: relative; height: 60px; margin-bottom: 40px; } .timeline-line { position: absolute; top: 50%; left: 0; right: 0; height: 4px; background: var(--red); transform: translateY(-50%); z-index: 1; } .timeline-line-progress { position: absolute; top: 50%; left: 0; width: 0; height: 4px; background: linear-gradient(90deg, var(--red), var(--primary), var(--yellow), var(--green)); transform: translateY(-50%); z-index: 1; transition: width 1.5s ease-in-out; } @media (max-width: 1200px) { .timeline-line-progress { background: linear-gradient(180deg, var(--red), var(--primary), var(--yellow), var(--green)); } } .timeline-circles { position: absolute; top: 0; left: 0; right: 0; height: 100%; } .step-number { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: var(--red); display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: bold; color: var(--light); transition: background-color 0.5s ease, color 0.5s ease; z-index: 2; transform: translateX(-50%); } .all-products-page .step-number{ width: 50px; height: 50px; font-size: 25px; } .step-number[data-step="1"] { left: 0; } .step-number[data-step="2"] { left: 33.33%; } .step-number[data-step="3"] { left: 66.66%; } .step-number[data-step="4"] { left: 100%; } .all-products-page .step-number[data-step="1"] { left: 0; } .all-products-page .step-number[data-step="2"] { left: 50%; } .all-products-page .step-number[data-step="3"] { left: 100%; } .step-number.active { color: var(--light); } .step-number[data-step="1"].active { background: var(--red); } .step-number[data-step="2"].active { background: var(--primary); } .step-number[data-step="3"].active { background: var(--yellow); } .step-number[data-step="4"].active { background: var(--green); } .all-products-page .step-number[data-step="1"].active { background: var(--red); } .all-products-page .step-number[data-step="2"].active { background: var(--primary); } .all-products-page .step-number[data-step="3"].active { background: var(--green); } .timeline-content { display: flex; justify-content: space-between; position: relative; } .step-content { width: 260px; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.5s ease, transform 0.5s ease; position: absolute; top: 0; } .all-products-page .step-content { top: -30px; } .step-content[data-step="1"] { left: 0; transform: translateX(-50%); } .step-content[data-step="2"] { left: 33.33%; transform: translateX(-50%); } .step-content[data-step="3"] { left: 66.66%; transform: translateX(-50%); } .step-content[data-step="4"] { left: 100%; transform: translateX(-50%); } .all-products-page .step-content[data-step="1"] { left: 0; transform: translateX(-50%); } .all-products-page .step-content[data-step="2"] { left: 50%; transform: translateX(-50%); } .all-products-page .step-content[data-step="3"] { left: 100%; transform: translateX(-50%); } .step-content.visible { opacity: 1; transform: translateX(-50%); } .step-title { font-weight: 600; font-size: 18px; margin-bottom: 10px; color: var(--darkBlue); letter-spacing: normal; } .all-products-page .step-title{ margin-top: 7px; font-size: 16px; } .step-description { font-size: 14px; line-height: 1.4; color: #666; margin: 0; } @media (max-width: 1200px) { .process-timeline { padding: 0 30px; margin: 60px auto; display: flex; align-items: flex-start; gap: 40px; } .timeline-progress { width: 4px; height: 600px; margin: 0; flex-shrink: 0; } .timeline-line, .timeline-line-progress { top: 0; left: 50%; width: 4px; height: 100%; transform: translateX(-50%); } .timeline-line-progress { width: 4px; height: 0; transition: height 1.5s ease-in-out; } .step-number { left: 50% !important; transform: translateX(-50%) !important; } .step-number[data-step="1"] { top: 0; } .step-number[data-step="2"] { top: 33.33%;} .step-number[data-step="3"] { top: 66.66%;} .step-number[data-step="4"] { top: 100%;} .all-products-page .step-number[data-step="1"] { top: 0; } .all-products-page .step-number[data-step="2"] { top: 50%;} .all-products-page .step-number[data-step="3"] { top: 100%;} .timeline-content { flex-direction: column; height: 600px; position: relative; flex-grow: 1; margin-top: 15px; margin-left: 30px; } .order-process-content-row{ max-width: 480px; margin: 0 auto; padding-bottom: 80px!important; } .step-content { position: absolute; width: 100%; max-width: 400px; text-align: left; transform: translateY(0) !important; left: 0 !important; margin-top: -30px; } .step-content[data-step="1"] { top: 0; } .step-content[data-step="2"] { top: 33.33%; } .step-content[data-step="3"] { top: 66.66%; } .step-content[data-step="4"] { top: 100%; transform: translateY(-100%) !important; } .all-products-page .step-content[data-step="1"] { top: 0; } .all-products-page .step-content[data-step="2"] { top: 50%; } .all-products-page .step-content[data-step="3"] { top: 100%; transform: translateY(-30%) !important; } .step-content.visible { opacity: 1; transform: translateX(0) !important; } .order-process-title{ margin-bottom: inherit!important; } .all-products-page .process-timeline { margin: 80px auto 80px; } .all-products-page .step-number { width: 60px; height: 60px; font-size: 30px; } .all-products-page .step-img{ height: 95px!important; } .all-products-page .step-img img{ max-width: 100px!important; } .all-products-page .step-img img.submit-icon{ max-width: 105px!important; } } @media (max-width: 768px) { .process-timeline { gap: 20px; } .timeline-progress { height: 500px; } .timeline-content { height: 500px; } .step-content { width: 100%; } } @media (max-width: 375px){ .process-timeline{ padding-right: 0; } .animation-container{ padding-left: 0; } } /* Process Timeline Styles End */ .chooseBtn-mob{ display: inline-block; } .chooseBtn-desk{ display: none; } @media (min-width: 1200px){ .chooseBtn-mob{ display: none; } .chooseBtn-desk{ display: inline-block; } } .timeline-item { margin-bottom: 200px; opacity: 0; transform: translateY(20px); transition: opacity 0.3s, transform 0.3s; } .timeline-item.visible { opacity: 1; transform: translateY(0); } .timeline-item .year, .product-detail .year{ font-weight: bold; margin-bottom: 10px; } .step-story-content { color: var(--dark); height: 100%; min-height: 400px; margin-bottom: 50px; } .step-story-content img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.6); position: absolute; } .timeline-bar { position: absolute; width: 40px; min-height: 100%; z-index: -1; left: 50%; transform: translateX(-50%); } .timeline-bar::before { content: ""; position: absolute; left: 50%; top: 0; width: 4px; height: 100%; transform: translateX(-50%); background: var(--lightTint); z-index: 1; } .timeline-bar .timeline-progress { position: absolute; left: 50%; top: -30px; width: 4px; height: 0; /* JS updates this */ transform: translateX(-50%); background: linear-gradient( to bottom, #c80d00, #f93f00, #fc7600, #ffaa00, #d09602, #726f06 ); transition: height 0.5s ease-out; z-index: 2; } .all-products-page .timeline-bar .timeline-progress { position: absolute; left: 50%; top: -30px; width: 4px; height: 0; /* JS updates this */ transform: translateX(-50%); background: linear-gradient( to bottom, #c80d00, #f93f00, #fc7600, #ffaa00, ); transition: height 0.5s ease-out; z-index: 2; } .timeline-dots { position: absolute; top: 0; left: 50%; width: 20px; transform: translateX(-50%); z-index: 3; } .dot { position: absolute; left: 40px; top: 80px; width: 22px; height: 22px; background: var(--red); border: 4px solid var(--lightTint); border-radius: 50%; transform: translateX(-50%); transition: background 0.3s, transform 0.3s; z-index: 3; } .dot[data-step="1"] { top: 50px; } .dot[data-step="2"] { top: 20%; } .dot[data-step="3"] { top: 40%; } .dot[data-step="4"] { top: 60%; } .dot[data-step="5"] { top: 80%; } .dot[data-step="6"] { top: calc(100% - 20px); } .dot.active[data-step="1"] { background: #c80d00; } .dot.active[data-step="2"] { background: #f93f00; } .dot.active[data-step="3"] { background: #fc7600; } .dot.active[data-step="4"] { background: #ffaa00; } .dot.active[data-step="5"] { background: #d09602; } .dot.active[data-step="6"] { background: #726f06; } .dot.active { transform: translateX(-50%) scale(1.3); } .timeline-items { flex: 1; position: relative; display: flex; flex-direction: column; } .timeline-item { margin-bottom: 50px; opacity: 0; transform: translateY(25px); transition: opacity 0.5s ease, transform 0.5s ease; } .timeline-item.active { opacity: 1; transform: translateY(0); } .timeline-item .year, .product-detail .year, .our-story-container .product-detail .year{ margin-bottom: 24px; font-size: clamp(2rem, 8vmin, 4rem); font-weight: 600; line-height: 1; } .product-detail .year{ font-size: 2rem; } .year-block{ position: absolute; top: 100px; } .year{ left: -250px; position: absolute; top: -80px; } @media (max-width: 768px){ .dot { left: -30px; } .year { left: -200px; } } @media (max-width: 650px){ .timeline-container{ padding-left: 70px; } .year { left: -125px; top: -65px; } .timeline-item .year{ font-size: 2rem; } } @media (max-width: 475px){ .timeline-container{ padding: 50px 0; } .year { left: 0; } .year-block { position: absolute; top: 0; } .timeline-item { margin-bottom: 100px; } } .timeline-item { position: relative; margin: 40px 0; } .timeline-item .products { width: 50%; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); position: relative; } .timeline-item:nth-child(odd) .products { margin-right: auto; } .timeline-item:nth-child(even) .products { margin-left: auto; } .timeline-item:nth-child(1) .products { border: 4px solid rgb(200, 13, 0); } .timeline-item:nth-child(2) .products { border: 4px solid rgb(249, 63, 0); } .timeline-item:nth-child(3) .products { border: 4px solid rgb(252, 118, 0); } .timeline-item:nth-child(4) .products { border: 4px solid rgb(255, 170, 0); } .timeline-item:nth-child(5) .products { border: 4px solid rgb(208, 150, 2); } .timeline-item:nth-child(odd) { margin: 40px 80px 40px 0; } .timeline-item:nth-child(even){ margin: 40px 0 40px 80px; } .timeline-item:nth-child(odd) .dot { left: 40px; } .timeline-item:nth-child(even) .dot { left: -40px; } .timeline-item .year-block { position: absolute; top: 20px; left: 50%; z-index: 10; transform: translateX(-50%); } .timeline-item:nth-child(even) .year-block { transform: inherit; } .timeline-item .year-block .year { background: #111; color: #fff; padding: 6px 12px; border-radius: 4px; font-weight: bold; font-size: 14px; } .year{ position: relative; left: inherit; top: inherit; } @media (max-width: 992px){ .contact{ padding-top: 60px; } } @media (max-width: 768px){ .timeline-item:nth-child(even){ margin: 40px 0; } .timeline-item:nth-child(odd){ margin: 40px 0; } .timeline-item:nth-child(odd) .products { margin-right: inherit; } .timeline-item:nth-child(even) .products { margin-left: inherit; } .timeline-bar { left: 30px; transform: inherit; } .timeline-item .year-block { left: 30px; transform: inherit; } .timeline-item .products { width: 100%; } .timeline-container { padding-left: 70px; } .timeline-item:nth-child(odd) .dot, .timeline-item:nth-child(even) .dot { left: -65px; top: 110px; } } @media (max-width: 500px){ .timeline-container{ padding: 0 0 50px 35px; } .timeline-bar { left: 5px; } .timeline-item:nth-child(odd) .dot, .timeline-item:nth-child(even) .dot { left: -55px; } .supply-partner{ padding-bottom: 0; } .enquiries{ padding-top: 10px; } } @media (max-width: 1200px){ .step-story-content { min-height: 560px; } .how-to-order-page .step-story-content { min-height: 330px; } } @media (max-width: 1024px){ .step-story-content { min-height: 675px; } .how-to-order-page .step-story-content { min-height: 450px; } } @media (max-width: 768px){ .step-story-content { min-height: 400px; } .how-to-order-page .step-story-content { min-height: 290px; } } @media (max-width: 600px){ .step-story-content { min-height: 480px; } .how-to-order-page .step-story-content { min-height: 400px; } } @media (max-width: 475px){ .step-story-content { min-height: 470px; } .how-to-order-page .step-story-content { min-height: 420px; } } .contacts a{ color: var(--dark)!important; } .contacts a:hover{ color: var(--primary)!important; } @media (max-width: 1200px){ .contact-page .home-header{ padding-top: var(--menuHeight) !important; } } .shop-steps { width: fit-content; display: flex; gap: 30px; } .shop-step { display: flex; justify-content: center; align-items: center; } .step-number.shop { position: relative; transform: unset !important; left: unset !important; margin-right: 10px; width: 48px; height: 48px; font-size: 24px; background: var(--primary); } @media (max-width: 991px) { .shop-steps { flex-direction: column; align-items: flex-start; gap: 0; } } #container { position: relative; } .default-footer { position: absolute; bottom: 0; width: 100%; z-index: 4; } .footerarea,.secondfooterarea { background-color: transparent; } .footer-decor5 { max-width: 150px!important; top: -280px !important; } .footer-decor1{ object-position: 30% 0!important; top: 165px!important; display: none; } .footer-decor6{ display: block; } .footer-decor4{ display: none; } .footer{ margin-top: -220px; } .footer .footer-logo{ display: inline-block; transform: translateY(200px); } .footer-row{ padding-top: 300px!important; } .footer-decor3{ top: 100px!important; } /*@media (min-width: 425px){ .footer .footer-logo{ display: inline-block; transform: translateY(530px); } .footer-row{ padding-top: 560px!important; } }*/ .footer-decor2 { top: -240px!important; } @media (min-width: 475px){ .footer-decor5 { max-width: 150px!important; top: -300px !important; } } @media (min-width: 600px){ .footer-decor5 { max-width: 200px!important; top: -300px !important; } .footer-decor4{ display: inline-block; top: -245px!important; width: 100%!important; } } @media (min-width: 700px){ .footer-decor4{ display: inline-block; top: -28px!important; width: 100%!important; } } @media (min-width: 768px){ .footer-decor5 { top: -320px !important; } } @media (max-width: 992px){ .footer-decor{ object-fit: contain!important; bottom: 0!important; top: inherit!important; height: auto!important; } } @media (min-width: 992px){ .footer-decor1{ top: 240px!important; object-position: 40% 0!important; display: block; } .footer-decor2 { top: -40px!important; } .footer-decor6{ display: none; } .footer-decor2{ top: 50px!important; } .footer-decor4{ top: -10px!important; width: 90%!important; } .footer-decor5 { max-width: 250px!important; top: -120px !important; } .footer-row { padding-top: 380px!important; } .footer { margin-top: -200px; } .footer .footer-logo{ transform: translateY(200px); } } @media (min-width: 1200px){ .footer-decor1{ top: 150px!important; } .footer-decor4 { top: -20px !important; } .footer-decor3{ top: -100px!important; } .footer-decor5 { max-width: 300px!important; top: -100px!important; } .footer-row { padding-top: 380px!important; } .footer .footer-logo{ transform: inherit; } .footer{ margin-top: inherit; } } @media (min-width: 1450px){ .footer-row { padding-top: 300px!important; } .footer-decor1{ top: 100px!important; } .footer-decor2{ top: 20px!important; } .footer-decor4 { top: -70px !important; } .footer-decor5 { top: -200px !important; } } @media (min-width: 1800px){ .footer-decor1{ top: 80px!important; } .footer-decor4{ top: -80px!important; } } .about-page .food-safety .cloud3{ top: 20%!important; } .about-page .food-safety .cloud4{ bottom: 35%!important; } @media (max-width: 992px){ .cloud2{ bottom: 150px!important; } .how-to-order-page .ready-to-get .cloud2{ bottom: 0!important; } .about-page .food-safety .cloud2{ right: -150px!important; bottom: 0!important; } .dry-goods-page .cloud3{ top: 60%!important; } .about-page .food-safety .cloud3{ top: 15%!important; } .about-page .food-safety .cloud4{ bottom: 35%!important; } .prepared-fruit-page .cloud5{ top: 50px!important; } .prepared-fruit-page .cloud2{ bottom: 250px!important; } .herbs-page .cloud4{ bottom: 200px!important; } } @media (max-width: 600px){ .cloud4{ bottom: 0!important; left: 0!important; } .herbs-page .cloud4{ bottom: 200px!important; } .cloud1{ top: 150px!important; } .how-to-order-page .ready-to-get .cloud1{ top: -35%!important; } .about-page .facilities .cloud1, .how-to-order-page .step-process .cloud1{ top: 0!important; } .about-page .food-safety .cloud1{ top: -50px!important; } .cloud2{ right: -150px!important; } .how-to-order-page .ready-to-get .cloud3{ left: 0!important; } .about-page .food-safety .cloud4{ bottom: 40%!important; } } .product-page .supply-section{ margin-top: -50px; } .product-page .product-page-btn{ margin-bottom: 0; } @media (min-width: 992px){ .product-page .supply-section{ margin-top: inherit; } } .contentfooter { overflow: hidden; padding-top: 20px; } .other-products .btn.ghost.ghost__primary { border: 1px solid var(--dark); color: 1px solid var(--dark); font-weight: 700; text-transform: uppercase; letter-spacing: -0.05em !important; } .other-products .btn.ghost.ghost__primary:hover { color: var(--light); border-color: var(--primary); background-color: var(--primary); } .product-page-btn{ font-weight: 700; } .accordion-wrapper{ border-radius: .25rem; border: 2px solid var(--primary); padding: 0 15px; margin-bottom: 10px; } .accordion-btn { justify-content: space-between; } @media (min-width: 1024px){ .how-to-order-page .step-story-content { min-height: 330px; } } @media (min-width: 1330px){ .how-to-order-page .step-story-content { min-height: 280px; } } .story-row-container { position: relative; } .story-row-container::before, .story-row-container::after { content: ""; position: absolute; top: 0; bottom: 12px; width: 40px; pointer-events: none; z-index: 5; } .story-row-container::before { left: 0; background: linear-gradient(to right, #f7f1ea, transparent); } .story-row-container::after { right: 0; background: linear-gradient(to left, #f7f1ea, transparent); } .story-row { overflow-x: auto; -webkit-overflow-scrolling: touch; } .story-row { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-color: var(--primary) transparent; } .story-row::-webkit-scrollbar { height: 8px; } .story-row::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 999px; } .story-row::-webkit-scrollbar-thumb:hover { background: var(--primary); filter: brightness(0.9); } .story-boxes-row{ display: flex; min-width: 1600px; width: 100%; column-gap: 15px; padding-right: 5px; } .testimonials .story-boxes-row{ min-width: 600px; padding-right: 5px; } .supply-section .story-row-container .story-boxes-row{ min-width: 800px; padding-right: 5px; margin-bottom: 0!important; } .supply-section .story-boxes-row{ min-width: 1200px; padding-right: 5px; margin-bottom: 0!important; } .why-choose .why-choose-mobile .story-boxes-row{ min-width: 1100px; padding-right: 5px; } .why-choose .why-choose-mobile .products{ max-width: 280px; height: 300px; } .story-boxes-row .products{ width: 100%; } .our-infrastructure .story-boxes-row .products{ width: 350px; } .testimonials .story-boxes-row .products{ width: 400px; text-align: center; } @media (min-width: 425px){ .testimonials .story-boxes-row{ min-width: 800px; } } @media (min-width: 500px){ .why-choose .why-choose-mobile .story-boxes-row{ min-width: 1600px; } .why-choose .why-choose-mobile .products{ max-width: 400px; } } @media (max-width: 425px){ .our-infrastructure .story-boxes-row .products, .testimonials .story-boxes-row .products{ width: 290px; } } @media (min-width: 992px){ .testimonials .story-boxes-row .products{ width: 100%; } } @media (min-width: 992px){ .our-infrastructure .story-row { overflow-x: inherit; -webkit-overflow-scrolling: inherit; } .our-infrastructure .story-boxes-row{ display: grid; min-width: inherit; width: inherit; gap: 10px; } .our-infrastructure .story-boxes-row .products{ width: 100%; } } @media (min-width: 1200px){ .our-infrastructure .product-details{ display: flex; column-gap: 30px; } } .contact-page .products{ padding: 20px 10px; } .contact-page .product-detail{ padding: 0; } @media (min-width: 500px){ .contact-page .products{ padding: 30px 35px; } } .quote-jotform-mobile .accordion-wrapper { border-radius: 0; border: none; padding: 15px; margin-bottom: 0; background-color: #F4E9DC; border-bottom: 1px solid var(--dark); } .quote-jotform-mobile .accordion-btn, .quote-jotform-mobile .accordion-minimize { justify-content: center; gap: 10px; font-family: var(--headingFont); text-transform: uppercase; font-weight: 700; } .quote-jotform-mobile .accordion-wrapper.accordion-active .accordion-content-wrapper { max-height: calc(100svh - 177px); overflow-y: auto; overscroll-behavior: contain; } .quote-jotform-mobile .accordion-wrapper.accordion-active .accordion-content-wrapper .accordion-content { overflow-y: auto; } .quote-jotform-mobile .accordion-wrapper.accordion-active .accordion-content-wrapper iframe { pointer-events: auto; } .product-build-quote-btn { position: fixed; right: 0; bottom: 15px; z-index: 9999; opacity: 0; transform: translateY(20px); pointer-events: none; transition: all 0.3s ease; margin-right: max(5px, var(--siteWidthPadding)); } .product-build-quote-btn.active { opacity: 1; transform: translateY(0); pointer-events: auto; } @media (max-width: 1520px){ .product-build-quote-btn { margin-right: inherit; } .product-build-quote-btn { right: 7px; } } @media (max-width: 500px){ .product-build-quote-btn .btn.primary{ padding: 8px 15px; font-size: 0.9rem; } } .contact-socials a{ transition: all 0.3s ease; } .contact-socials a:hover{ transform: translateY(-5px); } @media (max-width: 1010px){ .follow-us-title{ font-size: 140px!important; max-width: 100%; } } @media (max-width: 800px){ .follow-us-title{ font-size: 100px!important; max-width: 100%; } } @media (max-width: 570px){ .follow-us-title{ font-size: 60px!important; } .contact-socials{ margin-top: 0; } } @media (max-width: 350px){ .follow-us-title{ font-size: 53px!important; } } .about-page .our-infrastructure .product-detail div{ font-size: 18px; align-items: center; justify-content: center; } .our-facilities-scroller{ flex-direction: column-reverse; } .our-infrastructure .product-detail h2{ margin-bottom: 1.5rem; } @media (max-width: 500px){ .about-page .our-infrastructure .product-detail div{ flex-direction: column; align-items: center; justify-content: center; text-align: center; } } @media (min-width: 992px){ .about-page .our-infrastructure .product-detail{ min-height: 130px; } .our-facilities-scroller{ flex-direction: row; } } .list-category h5{ display: flex; column-gap: 5px; flex-wrap: wrap; } @media (max-width: 560px){ .home-page .we-deliver h2{ flex-direction: column; align-items: flex-start; justify-content: flex-start; } } @media (max-width: 500px){ .ready-to-work{ padding: 40px 20px!important; } .explore-other-products .btn{ padding: 10px 15px; } } @media (max-width: 768px){ .why-choose #scroller_9552 .products p, .about-page .sustainability .products p{ margin: 15px 0 0!important; } .salsa-logo{ max-width: 300px!important; } } .product-page .we-deliver .panel-inner{ text-align: left!important; } @media (max-width: 769px){ .contact-page .header-btn{ display: none!important; } .contact-page .home-header p{ margin: 15px 0 0 !important; } .about-page .home-header, .how-to-order-page .home-header, .all-products-page .home-header, .product-page .home-header{ min-height: 0 !important; margin-bottom: -160px; } .contact-page .home-header{ min-height: 0 !important; margin-bottom: -130px; } .why-choose{ padding-bottom: 0; padding-top: 10px; } .discover-btn{ padding-top: 0; } .order-process-title{ margin-bottom: -45px!important; } .supply-section h2{ margin-top: 10px; } .testimonials{ padding-top: 5px; padding-bottom: 0; } .our-products{ padding-top: 0; padding-bottom: 20px; } .our-products .col-xs-12{ padding-top: 5px; } .our-products .col-xs-12 h2{ margin-top: 0; } .mobpad{ padding-top: 45px!important; } .home-page .we-deliver{ padding-top: 20px!important; } .about-page .sustainability{ padding-top: 0; padding-bottom: 25px; } .about-page .our-story { padding-top: 0; padding-bottom: 0; } .about-page .sustainability{ padding-top: 10px; } .about-page .food-safety{ padding-top: 0; } .how-to-order-page .we-deliver h2{ margin-bottom: 0; } .how-to-order-page .faqs{ padding-top: 10px; } .product-page .explore-other-products{ padding-bottom: 0; } .product-page .we-deliver p:nth-of-type(3) { padding-top: 30px; } .supply-section { padding-bottom: 0; } } .about-page .home-header .header-img img, .how-to-order-page .home-header .header-img img, .all-products-page .home-header .header-img img, .product-page .home-header .header-img img, .contact-page .home-header .header-img img{ display: none; } .about-page .home-header .header-img, .how-to-order-page .home-header .header-img, .all-products-page .home-header .header-img, .product-page .home-header .header-img, .contact-page .home-header .header-img{ background: none!important; filter: inherit!important; color: black!important; } .about-page .home-header h1, .how-to-order-page .home-header h1, .all-products-page .home-header h1, .product-page .home-header h1, .about-page .home-header p, .how-to-order-page .home-header p, .all-products-page .home-header p, .product-page .home-header p, .about-page .home-header h1 span, .how-to-order-page .home-header h1 span, .all-products-page .home-header h1 span, .product-page .home-header h1 span, .contact-page .home-header h1 span, .contact-page .home-header p, .contact-page .home-header h1{ color: var(--dark)!important; display: none!important; } .about-page .home-header p, .how-to-order-page .home-header p, .all-products-page .home-header p, .product-page .home-header p, .contact-page .home-header p{ display: none!important; } .about-page .home-header .btn.ghost.ghost__light, .how-to-order-page .home-header .btn.ghost.ghost__light, .all-products-page .home-header .btn.ghost.ghost__light, .product-page .home-header .btn.ghost.ghost__light, .contact-page .home-header .btn.ghost.ghost__light{ color: var(--primary); border-color: var(--primary); } .about-page .home-header .btn.ghost.ghost__light:hover, .how-to-order-page .home-header .btn.ghost.ghost__light:hover, .all-products-page .home-header .btn.ghost.ghost__light:hover, .product-page .home-header .btn.ghost.ghost__light:hover, .about-page .home-header .btn.ghost.ghost__light:focus, .how-to-order-page .home-header .btn.ghost.ghost__light:focus, .all-products-page .home-header .btn.ghost.ghost__light:focus, .product-page .home-header .btn.ghost.ghost__light:focus, .contact-page .home-header .btn.ghost.ghost__light:focus, .contact-page .home-header .btn.ghost.ghost__light:hover{ color: var(--light)!important; border-color: var(--primary)!important; background-color: var(--primary)!important; } .about-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .contact-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2) { background: var(--primary)!important; color: var(--light)!important; border-color: var(--primary)!important; } .about-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .about-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .contact-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .contact-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2){ background: transparent!important; color: var(--primary)!important; border-color: var(--primary)!important; } .all-products-page .home-header { padding-bottom: 80px; } @media (min-width: 768px){ .about-page .home-header .header-img img, .how-to-order-page .home-header .header-img img, .all-products-page .home-header .header-img img, .product-page .home-header .header-img img, .contact-page .home-header .header-img img{ display: block; } .all-products-page .home-header { padding-bottom: inherit; } .about-page .home-header .header-img, .how-to-order-page .home-header .header-img, .all-products-page .home-header .header-img, .product-page .home-header .header-img, .contact-page .home-header .header-img{ background: none!important; filter: brightness(0.55)!important; color: white!important; } .about-page .home-header, .how-to-order-page .home-header, .all-products-page .home-header, .product-page .home-header, .contact-page .home-header{ color: var(--light)!important; } .about-page .home-header h1, .how-to-order-page .home-header h1, .all-products-page .home-header h1, .product-page .home-header h1, .about-page .home-header p, .how-to-order-page .home-header p, .all-products-page .home-header p, .product-page .home-header p, .about-page .home-header h1 span, .how-to-order-page .home-header h1 span, .all-products-page .home-header h1 span, .product-page .home-header h1 span, .contact-page .home-header h1, .contact-page .home-header h1 span, .contact-page .home-header p{ color: var(--light)!important; display: inline-block!important; } .about-page .home-header .btn.ghost.ghost__light, .how-to-order-page .home-header .btn.ghost.ghost__light, .all-products-page .home-header .btn.ghost.ghost__light, .product-page .home-header .btn.ghost.ghost__light, .contact-page .home-header .btn.ghost.ghost__light { background: transparent!important; color: var(--light)!important; border-color: var(--light)!important; } .about-page .home-header .btn.ghost.ghost__light:hover, .how-to-order-page .home-header .btn.ghost.ghost__light:hover, .all-products-page .home-header .btn.ghost.ghost__light:hover, .product-page .home-header .btn.ghost.ghost__light:hover, .about-page .home-header .btn.ghost.ghost__light:focus, .how-to-order-page .home-header .btn.ghost.ghost__light:focus, .all-products-page .home-header .home-header .btn.ghost.ghost__light:focus, .product-page .home-header .btn.ghost.ghost__light:focus, .contact-page .home-header .home-header .btn.ghost.ghost__light:focus, .contact-page .home-header .btn.ghost.ghost__light:focus{ background: var(--light)!important; color: var(--dark)!important; border-color: var(--light)!important; } .about-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2), .contact-page .home-header p.equal-height > .btn.ghost.ghost__light:nth-of-type(2) { background: transparent!important; color: var(--light)!important; border-color: var(--light)!important; } .about-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:hover:nth-of-type(2), .about-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .how-to-order-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .all-products-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .product-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2), .contact-page .home-header p.equal-height > .btn.ghost.ghost__light:focus:nth-of-type(2){ background: var(--light)!important; color: var(--dark)!important; border-color: var(--light)!important; } .about-page .home-header p, .how-to-order-page .home-header p, .all-products-page .home-header p, .product-page .home-header p, .contact-page .home-header p{ display: flex!important; } } .mob-center { text-align: center; } @media (min-width: 768px) { .mob-center { text-align: left; } } /*---- FOCUS RESET -----*/ /*---- Resets :focus / keeps original :focus rules on :focus-visible mostly applied from Bootstrap 3, that caused an outline around interactive elements on click -----*/ /* a:hover, a:focus */ a:focus:not(:focus-visible) { color: var(--primary); text-decoration: none; outline: none; outline-offset: 0; } a:focus-visible { color: var(--primaryShade); text-decoration: none; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* .sr-only-focusable:focus */ .sr-only-focusable:focus:not(:focus-visible) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:focus-visible { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* .fancybox-button:focus */ .fancybox-button:focus:not(:focus-visible) { outline: revert; } .fancybox-button:focus-visible { outline: none; } /* .fancybox-thumbs__list a:focus:before */ .fancybox-thumbs__list a:focus:not(:focus-visible):before { opacity: revert; } .fancybox-thumbs__list a:focus-visible:before { opacity: .5; } /* :any-link:focus */ :any-link:focus:not(:focus-visible) { color: var(--primary); text-decoration: none; } :any-link:focus-visible { color: var(--primaryShade); text-decoration: none; } /* #sidr ul li:focus a */ #sidr ul li:focus:not(:focus-visible) a { box-shadow: revert; } #sidr ul li:focus-visible a { box-shadow: none; } /* .btn:focus */ .btn:focus-visible { text-decoration: none; } .btn.primary:focus:not(:focus-visible) { background-color: var(--primary); color: var(--light); border: 1px solid var(--primary); } .btn.primary:focus-visible { background-color: transparent; color: var(--primary); border: 1px solid var(--primary); } .btn.secondary:focus:not(:focus-visible) { background-color: var(--secondary); color: var(--light); border: 1px solid var(--secondary); } .btn.secondary:focus-visible { background-color: var(--secondaryShade); color: var(--light); border: 1px solid var(--secondaryShade); } .btn.ghost.ghost__light:focus:not(:focus-visible) { color: var(--light); border-color: var(--light); background-color: revert; } .btn.ghost.ghost__light:focus-visible { color: var(--dark); border-color: var(--light); background-color: var(--light); } .btn.ghost.ghost__light:focus-visible i { color: var(--dark); } .btn.ghost.ghost__primary:focus:not(:focus-visible) { color: var(--primary); border-color: var(--primary); background-color: revert; } .btn.ghost.ghost__primary:focus-visible { color: var(--light); border-color: var(--primary); background-color: var(--primary); } .btn.ghost.ghost__secondary:focus:not(:focus-visible) { color: var(--secondary); border-color: var(--secondary); background-color: revert; } .btn.ghost.ghost__secondary:focus-visible { color: var(--light); border-color: var(--secondary); background-color: var(--secondary); } .btn.ghost.ghost__dark:focus:not(:focus-visible) { color: var(--dark); border-color: var(--dark); background-color: revert; } .btn.ghost.ghost__dark:focus-visible { color: var(--light); border-color: var(--dark); background-color: var(--dark); } .btn.white:focus:not(:focus-visible), .btn.light:focus:not(:focus-visible) { color: var(--dark); border-color: var(--lightTint); background-color: var(--lightTint); } .btn.white:focus-visible, .btn.light:focus-visible { background-color: transparent; color: var(--lightTint); border-color: var(--lightTint); } .btn.black:focus:not(:focus-visible), .btn.dark:focus:not(:focus-visible) { color: var(--light); border-color: var(--dark); background-color: var(--dark); } .btn.black:focus-visible, .btn.dark:focus-visible { background-color: transparent; color: var(--dark); border-color: var(--dark); } @media screen { /* .sf-menu li a:focus */ .sf-menu li a:focus:not(:focus-visible) { background-color: transparent; } .sf-menu li a:focus-visible { background-color: transparent; color: var(--primary); } /* .sf-menu li li a:focus */ .sf-menu li li a:focus:not(:focus-visible) { background-color: transparent; } .sf-menu li li a:focus-visible { background-color: var(--dark); } } @media (min-width: 1201px) { /* #sidr ul li li a.menulink:focus */ #sidr ul li li a.menulink:focus:not(:focus-visible) { background-color: transparent; } #sidr ul li li a.menulink:focus-visible { background-color: var(--dark); } } /*------------------ FOCUS RESET END ------------------*/ /*-----CUSTOM CSS END-----*/ /***END CUSTOM CSS***/ /***CLIENT STYLES CSS***/ /***END CLIENT STYLES CSS***/