/***** 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_7439 CSS *****/ #scroller_wrapper_7439 { width: 0px; text-align: center; } #scroller_7439 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7462 CSS *****/ #scroller_wrapper_7462 { width: 0px; text-align: center; } #scroller_7462 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7463 CSS *****/ #scroller_wrapper_7463 { width: 0px; text-align: center; } #scroller_7463 { width: 0px; height: 0px; border: 1px solid black; background:lightyellow; padding:8px; overflow:hidden; } /***** BEGIN Scroller scroller_7464 CSS *****/ #scroller_wrapper_7464 { width: 0px; text-align: center; } #scroller_7464 { 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: 13/04/2026 16:01 */ } /***** 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: 1200px; --primary: #e14ba7; --primaryContrast: ; --primaryShade: #cc2f8f; --purpleLight: #F9F2FF; --beige: #F6F2ED; --primaryTint: ; --secondary: #391B53; --secondaryContrast: ; --secondaryShade: #692f9c; --secondaryTint: ; --dark: #000; --darkContrast: #eee; --darkShade: #222; --darkTint: #555; --light: #fff; --lightContrast: #888; --lightShade: #e9e9e9; --lightTint: #f7f7f7; --bodyFont: Raleway, sans-serif; --headingFont: Gilda Display, sans-serif; --buttonFont: var(--bodyFont); --anim: .25s ease-in-out; --maxMenuHeight: 90px; --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; } * { scroll-behavior: smooth; } body { font-weight: 400; font-family: var(--bodyFont); font-size: 0.95em; line-height: 1.45; color: var(--dark); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /*#container.minimize { --menuHeight: var(--minMenuHeight); }*/ p { margin-bottom: 1.25rem; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1.2rem 0; font-weight: 600; line-height: 1.25; font-family: var(--headingFont); } h1, .h1 { margin-top: 0; font-size: clamp(2.5rem, 9vmin, 4rem); } .subtitle{ color: var(--primary); position: relative; width: fit-content; text-transform: uppercase; font-weight: 600; } .subtitle.center{ margin: 0 auto; } .subtitle.left{ margin-left: 45px; } .subtitle::before { content: ""; position: absolute; width: 30px; height: 1px; left: -45px; top: 50%; transform: translateY(-50%); background: var(--primary); } .subtitle.center::after { content: ""; position: absolute; width: 30px; height: 1px; right: -45px; top: 50%; transform: translateY(-50%); background: var(--primary); } h2, .h2 { font-size: clamp(1.7rem, 7vmin, 2.44rem); } h3, .h3 { font-size: 1.95rem; } .home-header h3{ font-size: clamp(1.4rem, 6vmin, 1.95rem); } h4, .h4 { font-size: 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: absolute; display: flex; align-items: center; transition: all var(--anim); background: var(--light); } div[id^="LogoText"] { position: absolute; width: fit-content; } #LogoText6178 { height: 100%; max-height: 100px; padding: 5px; margin-left: max(15px, var(--siteWidthPadding)); display: flex; align-items: center; } .book-btn { display: none!important; } #LogoText6179 { display:inline-block!important; margin-right: inherit; right: 60px; } @media(min-width: 425px) { #LogoText6179 { margin-right: max(var(--siteWidthPadding),15px); } } @media(min-width: 630px) { .book-btn { display:inline-block!important; } } @media(min-width: 1201px) { #LogoText6179 { right:0; } } @media(max-width: 1201px) { .logoarea,a#menubtn { position:fixed!important; } #container.minimize { --menuHeight: var(--minMenuHeight); } .minimize .logoarea { border-bottom: 1px solid #88888870; } } #LogoText0001 img { height: 100%; } a#menubtn { background: var(--primary); border: none; } #sidr a { width: auto; } #sidr { font-family: inherit; background: var(--light); -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 ul { background-color: var(--light); text-align: center; flex-flow: column; height: auto; } #sidr ul li ul li a { color: var(--dark); padding: 0; font-size: 1rem; } #sidr ul li ul li a:hover { color: var(--primary)!important; 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(--secondary); width: unset; top: unset; transform-origin: 47% 50%; } a#menubtn div.hamburger { background: var(--secondary); } .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: 20px; /* Needs a height to fix the Firefox jumping issue */ pointer-events: none; } .primaryPanel { background-color: var(--primary); } .beigePanel { background-color: var(--beige); } .purpleLightPanel { background-color: var(--purpleLight); } .secondaryPanel { background-color: var(--secondary); } .lightPanel { background-color: var(--lightTint); } .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; } .scrollermessage { width: inherit !important; height: inherit !important; background: transparent !important; } /*-----SCROLLER END-----*/ /*-----BUTTONS-----*/ .btn { display: inline-block; padding: 10px 27px; margin: 10px 0px; transition: all var(--anim); font-family: var(--buttonFont); text-decoration: none; border-radius: 50px; font-weight: 500; } .btn:hover, .btn:focus { text-decoration: none; } .login-btn{ padding: 5px 27px 5px 5px; display: flex; align-items: center; justify-content: center; column-gap: 10px; } .btn.primary { background-color: var(--primary); color: var(--light); border: 1px solid var(--primary); } .btn.primary:hover, .btn.primary:focus { background-color: var(--primaryShade); color: var(--light); border: 1px solid var(--primaryShade); } .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__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__primary:hover img, .btn.ghost.ghost__primary:focus img{ filter: brightness(0) invert(1); } .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(--light); background-color: var(--light); } .btn.white:hover, .btn.light:hover, .btn.white:focus, .btn.light:focus { background-color: transparent; color: var(--light); border-color: var(--light); } .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: var(--primary); } #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; } #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(--light); 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; } .sf-menu { display: none !important; } /* END */ #menu { padding: 0; } #sidr ul li a { line-height: 1.45; height: fit-content; padding: 5px 15px; } #sidr ul li { padding: 5px 0; width: fit-content; margin-inline: auto; width: 100%!important; } #main-menu { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sidr { width: 100vw; overflow: hidden; } #sidr.right { left: auto; right: -100vw; } #menuitem_0 { position: absolute; left: 50%; transform: translateX(-50%); padding: 0 !important; width: 250px !important; height: 100px; aspect-ratio: 3 / 1; color: transparent; } #menuitem_0::before { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; width: 250px; height: 100px; background-image: url(../siteassets/icons/logo.png?v=2cd761); 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); } } @media (min-width: 769px) and (max-width: 1200px) { #menuitem_0 { transform: scale(1.4) translateX(-50%); transform-origin: left; } #sidr { font-size: 30px !important; } #menuitem_0 { top: -125px; } } @media (max-width: 768px) { #sidr { font-size: 22px !important; } #menuitem_0 { top: -110px; } } @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; } .logoarea {} .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%; } #sidr ul { float: left; position: relative; display: flex; justify-content: flex-end; align-items: center; height: var(--menuHeight); background-color: transparent; pointer-events: none; transition: all var(--anim); left: 51%; transform: translateX(-50%); } #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 10px; background-color: transparent; color: var(--dark); font-size: 0.9rem; } #sidr ul li a.menulink:hover { color: var(--primary); } #sidr ul ul.submenuitem { background-image: none; background-color: var(--darkShade); list-style: none; width: auto !important; position: absolute; padding: 0; left: 0; z-index: 10; height: inherit; top: 100% !important; left: inherit; transform: inherit; } #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: var(--darkShade); list-style: none; width: auto !important; left: inherit; transform: inherit; } #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%; } a.submenulink:hover { background-color: var(--dark); } } /*-----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; } } /*-- NEW BOOTSTRAP COLUMN 1/5th END--*/ /*-- FANCY BOX --*/ .fancybox-content { max-width: 1000px; max-height: 1000px; padding: 15px!important; border-radius: 20px; background-color: var(--secondary)!important; } .fancybox-slide { padding: 44px 15px 0!important; } @media(min-width: 500px) { .fancybox-content { padding:30px!important; } .fancybox-slide { padding: 44px 44px 0!important; } } .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-----*/ @media only screen and (min-width: 1200px) { a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited { height: inherit; line-height: inherit; } } .borderRad { border-radius: 20px; } .hover-text-box { width: 100%; height: 100%; position: relative; padding: 10vmin; display: flex; flex-direction: column; justify-content: center; text-align: center; min-height: 400px; } .review-box{ border: 1px solid #d2d2d2; padding: 40px 50px 20px; } .header-row{ display: inline-block; } .about-page .specialisations{ background: var(--purpleLight); padding-top: 50px; } @media(min-width: 768px) { .about-page .specialisations{ padding-top: 100px; } } @media(min-width: 992px) { .about-page .specialisations{ background: inherit; padding-top: 0; } .review-box{ padding: 40px 90px 20px; } } @media (min-width: 1200px){ .hover-text-box { --offset: 70%; width: calc(100% + var(--offset)); z-index: 1; text-align: left; } .hover-text-box.right { left: calc(var(--offset)*-1); } .hover-text-box { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .header-row{ display: flex; } .header-image{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; } } @media (min-width: 1350px){ .hover-text-box { --offset: 50%; } } .specialisations-btn { color: var(--secondary); font-weight: 600; } .specialisations-box p a, .specialisations-box h3 a{ color: var(--dark); } .specialisations-box h3{ font-size: clamp(1.3rem, 5vmin, 1.6rem); } .specialisations-btn i { transition: all var(--anim); transform: rotate(-45deg); } .specialisations-btn:hover i, .specialisations-box:hover .specialisations-btn i, .specialisations-box:hover .specialisations-btn { transform: rotate(0); color: var(--secondaryShade); color: var(--secondaryShade); } .specialisations-btn:hover { color: var(--secondaryShade); } .specialisations-btn { font-size: clamp(1rem, 4vmin, 1.1rem); column-gap: 15px; align-items: center; width: fit-content; display: inline-flex; padding-bottom: 5px; } .specialisations-line { width: 100%; height: 1px; background: #88888870; margin-top: 20px; } .specialisations-line { margin-bottom: 30px; } .footer-title { font-size: clamp(1.15rem,4vmin,1.2rem); font-weight: 400; margin-top: 0; margin-bottom: 1.5rem !important; font-family: var(--headingFont); } .footer{ font-size: 1rem; } .footer-nav { display: flex; flex-direction: column; row-gap: 8px; } .contact-details a, .contact-details span{ display: flex; gap: 10px; } .contact-details a i{ padding-top: 5px; } .contact-details span i{ padding-top: 3px; } .contact-details { display: flex; flex-direction: column; gap: 10px; } .footer-socials a i{ font-size: 1.3rem; transition: all var(--anim); } .footer-socials a:hover i{ color: var(--primary); } .footer-nav a, .footer a, .contact-details a, .footer-nav a:focus{ color: var(--dark); } .footer-nav a:hover, .footer a:hover, .contact-details a:hover, .footer-nav a:focus, .footer a:focus, .contact-details a:focus{ color: var(--primary); } .footerarea, .secondfooterarea { background-color: var(--secondary); } #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; } #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(--light); font-size: .8em; font-family: var(--bodyFont); } .lefttext, .righttext { padding: 0px 15px; } .imgFill { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .about, .training{ padding-top: 50px; } .beige-bg{ height: 100%!important; } .about-img, .real-experience-img{ max-width: 100%!important; aspect-ratio: 1 / 0.8!important; } .approach-img, .training-img{ aspect-ratio: 1!important; } .socials a i{ color: var(--light); border-radius: 50%; width: 22px; height: 22px; background: var(--dark); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; transition: all var(--anim); } .socials a:hover i{ background: var(--primary); } .get-in-touch{ padding-bottom: 100px; } .form-box{ padding: 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } @media (min-width: 992px){ .about, .training{ padding-top: 100px; } } @media (min-width: 992px){ .about, .training{ padding-top: 0; } .get-in-touch{ padding-bottom: 0; } .about .beige-bg{ height: 85%!important; } .training .beige-bg{ height: 80%!important; } .cpd-workshops-page .training .beige-bg{ height: 85%!important; } .about-img{ max-width: 500px!important; aspect-ratio: 1 / 1.1!important; } .approach-img, .training-img{ aspect-ratio: 1 / 1.55!important; } .form-box{ padding: 50px; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .real-experience-img{ aspect-ratio: inherit!important; } } @media (max-width: 768px){ .mobpad{ padding: 50px 0; } .mobPadBot{ padding-bottom: 50px; } .quote-section{ min-height: 50vh!important; } } @media (max-width: 500px){ .quote-text img{ max-width: 25px!important; } .review-box{ padding: 20px 30px 10px; } .header-image{ aspect-ratio: 1; } } @media (max-width: 425px){ .footer-email{ font-size: 0.9rem; } } #scroller_7439, #scroller_7462, #scroller_7463, #scroller_7464{ display: inline-block!important; width: 100% !important; height: auto; border: none; background: transparent !important; padding: 0; z-index: 1; } div[id^="scroller_nav_prevnext"] { display: inline-flex!important; justify-content: space-between; position: absolute; left: 0px; top: 0px; height: 100%; align-items: center; z-index: 9; } #scroller_7439 .scrollermessage, #scroller_7462 .scrollermessage, #scroller_7463 .scrollermessage, #scroller_7464 .scrollermessage{ padding-left: 80px; padding-right: 80px; } #scroller_wrapper_7439, #scroller_wrapper_7462, #scroller_wrapper_7463, #scroller_wrapper_7464{ position: relative; text-align: left; } .div_scroller_nav_pager a { float: left; padding: 8px 16px; cursor: pointer; background: transparent; font-size: 0px; width: 50px; height: 50px; } 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: 0px; top: 0px; font-size: 1.6rem; color: var(--lightContrast); display: flex; align-items: center; justify-content: center; border: 1px solid #d2d2d2; border-radius: 50%; } 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: 0px; top: 0px; font-size: 1.6rem; color: var(--lightContrast); display: flex; align-items: center; justify-content: center; border: 1px solid #d2d2d2; border-radius: 50%; } a:is([id^="next_scroller"],[id^="prev_scroller"]):hover { background: transparent !important; } a:is([id^="next_scroller"],[id^="prev_scroller"]):hover::before { color: var(--primary); border: 1px solid var(--primary); background: transparent; } @media (max-width: 575px) { div[id^="scroller_nav_prevnext"]{ justify-content: center; position: relative; } #scroller_7439 .scrollermessage, #scroller_7462 .scrollermessage, #scroller_7463 .scrollermessage, #scroller_7464 .scrollermessage{ padding-left: 0px; padding-right: 0px; } } .contact-detail a{ color: var(--dark); } .contact-detail a:hover{ color: var(--primary); } .list{ align-items: flex-start; } .list img{ padding-top: 2px; } .review-icon { width: 85px; height: 85px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: -40px; left: 30px; } .review-icon i { font-size: 6rem; color: var(--primary); } .stars i { color: #ffce00!important; } .reviews-page .purpleLightPanel .review-box { border: none; background: white; color: var(--dark) !important; } .reviews-page .review-box { border: none; } .reviews-page .purpleLightPanel .review-icon i { color: var(--secondary); } @media (max-width: 500px) { .reviews-page .review-box { padding: 40px 30px 10px!important; } } @media (min-width: 992px) { .reviews-page .review-box { padding: 50px 40px 40px!important; } } .course-details-box{ padding: 30px; border-radius: 15px; } .course-details-box h3{ font-size: 1.4rem; } /*-----CUSTOM CSS END-----*/ /***END CUSTOM CSS***/ /***CLIENT STYLES CSS***/ /***END CLIENT STYLES CSS***/