@charset "UTF-8";

#start-resizable-editor-section{display:none}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border:none;border-radius:1.55em;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:.667em 1.333em;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{margin-right:0;width:100%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:#32373c}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:.5em;width:100%}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{ direction:ltr; display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 }.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container{color:#1e1e1e;background-color:#fff;min-width:200px}.items-justified-left>ul{justify-content:flex-start}.items-justified-center>ul{justify-content:center}.items-justified-right>ul{justify-content:flex-end}.items-justified-space-between>ul{justify-content:space-between}.wp-block-navigation-link{display:flex;align-items:center;position:relative;margin:0}.wp-block-navigation-link .wp-block-navigation__container:empty{display:none}.wp-block-navigation__container{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block}.has-child>.wp-block-navigation-link__content{padding-right:.5em}.has-child .wp-block-navigation__container{border:1px solid rgba(0,0,0,.15);background-color:inherit;color:inherit;position:absolute;left:0;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2;opacity:0;transition:opacity .1s linear;visibility:hidden}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content{flex-grow:1}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon{padding-right:.5em}@media (min-width:782px){.has-child .wp-block-navigation__container{left:1.5em}.has-child .wp-block-navigation__container .wp-block-navigation__container{left:100%;top:-1px}.has-child .wp-block-navigation__container .wp-block-navigation__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg{transform:rotate(0)}}.has-child:hover{cursor:pointer}.has-child:hover>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.has-child:focus-within{cursor:pointer}.has-child:focus-within>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-navigation__container{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus{text-decoration:none}.wp-block-navigation-link__content{color:inherit;padding:.5em 1em}.wp-block-navigation-link__content+.wp-block-navigation-link__content{padding-top:0}.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation-link__submenu-icon{height:inherit;padding:.375em 1em .375em 0}.wp-block-navigation-link__submenu-icon svg{fill:currentColor}@media (min-width:782px){.wp-block-navigation-link__submenu-icon svg{transform:rotate(90deg)}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-post-comments-form input[type=submit]{color:#fff;background-color:#32373c;border:none;border-radius:1.55em;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:.667em 1.333em;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-post-comments-form input[type=submit]:active,.wp-block-post-comments-form input[type=submit]:focus,.wp-block-post-comments-form input[type=submit]:hover,.wp-block-post-comments-form input[type=submit]:visited{color:#fff}.wp-block-preformatted{white-space:pre-wrap}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-query-loop{max-width:100%;list-style:none;padding:0}.wp-block-query-loop li{clear:both}.wp-block-query-loop.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap}.wp-block-query-loop.is-flex-container li{margin:0 0 1.25em;width:100%}@media (min-width:600px){.wp-block-query-loop.is-flex-container li{margin-right:1.25em}.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n){margin-right:0}}.wp-block-query-pagination{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right}.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-custom-logo{line-height:0}.wp-block-custom-logo .aligncenter{display:table}.wp-block-custom-logo.is-style-rounded img{border-radius:9999px}.wp-block-social-links{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image a{display:inline-block}.wp-block-post-featured-image img{max-width:100%;height:auto}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root .has-link-color a{color:#00e;color:var(--wp--style--color--link,#00e)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.wpcf7 form.submitting .ajax-loader {
visibility: visible;
}
.wpcf7 .ajax-loader::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7 .ajax-loader::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}html.has-cookie-bar.cookie-bar-top-bar {
margin-top: 30px;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
#catapult-cookie-bar {
box-sizing: border-box;
max-height: 0;
opacity: 0;
direction: ltr;
padding: 0 20px;
z-index: 99999;
overflow: hidden;
text-align:left;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.ctcc-exclude-AF.geoip-continent-AF #catapult-cookie-bar,
.ctcc-exclude-AN.geoip-continent-AN #catapult-cookie-bar,
.ctcc-exclude-AS.geoip-continent-AS #catapult-cookie-bar,
.ctcc-exclude-EU.geoip-continent-EU #catapult-cookie-bar,
.ctcc-exclude-NA.geoip-continent-NA #catapult-cookie-bar,
.ctcc-exclude-OC.geoip-continent-OC #catapult-cookie-bar,
.ctcc-exclude-SA.geoip-continent-SA #catapult-cookie-bar {
display: none;
}
.ctcc-exclude-AF.geoip-continent-AF,
.ctcc-exclude-AN.geoip-continent-AN,
.ctcc-exclude-AS.geoip-continent-AS,
.ctcc-exclude-EU.geoip-continent-EU,
.ctcc-exclude-NA.geoip-continent-NA,
.ctcc-exclude-OC.geoip-continent-OC,
.ctcc-exclude-SA.geoip-continent-SA {
margin-top: 0 !important;
}
#catapult-cookie-bar.rounded-corners {
border-radius: 3px;
}
#catapult-cookie-bar.drop-shadow {
-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
}
.cookie-bar-block #catapult-cookie-bar {
max-height: 999px;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.has-cookie-bar #catapult-cookie-bar {
opacity: 1;
max-height: 999px;
min-height: 30px;
padding: 15px 20px 15px;
}
.cookie-bar-block #catapult-cookie-bar span {
display: block;
margin: 1em 0;
}
.cookie-bar-bar #catapult-cookie-bar.float-accept span.ctcc-right-side {
float: right;
}
button#catapultCookie {
cursor: pointer;
margin:0 20px 0 0;
}
.cookie-bar-bar button#catapultCookie {
margin:0 0 0 20px;
}
.cookie-bar-bar .ctcc-inner {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.cookie-bar-bar .float-accept .ctcc-inner {
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.ctcc-left-side {
margin-right: 1em;
}
}
.ctcc-right-side {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.cookie-bar-block #catapult-cookie-bar h3 {
margin: 0.5em 0 0;
}
.use_x_close .x_close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
font-family: sans-serif;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}
.cookie-bar-bar .use_x_close .x_close {
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.x_close {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0px,0px,0px);
width: 14px;
height: 30px;
position: relative;
margin: 0 auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.x_close span {
display: block;
position: absolute;
height: 3px;
width: 14px;
background: #111;
border-radius: 6px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
transition-delay: .14s;
-webkit-transition-delay: .14s;
-moz-transition-delay: .14s;
}
.x_close span:nth-child(1),
.x_close span:nth-child(2) {
top: 14px;
}
.x_close span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.x_close span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.x_close:hover span:nth-child(1) {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.x_close:hover span:nth-child(2) {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}body {
font-family: 'Roboto', 'Rubik', Arial, sans-serif;
font-size: 19px;
font-weight: 400;
background-color: #fff;
color: #244C5A;
margin: 0;
background-size: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
}
.site-container {
position: relative;
background: #244C5A;
max-width: 1400px;
margin: 0 auto;
display: block;
}
.container {
margin: 0 auto;
display: block;
padding: 0;
position: relative;
overflow: hidden;
}
.body-container {
margin: 0 auto;
display: block;
padding: 0;
position: relative;
}
.main {
display: block;
position: relative;
clear: both;
overflow: hidden;
max-width: 1200px;
padding: 0 30px 0 30px;
margin: 0 auto;
}
.section {
position: relative;
display: block;
clear: both;
}
.section-container {
padding: 75px 30px;
margin: 0 auto;
position:relative;
display: block;
clear: both;
overflow: hidden
}
.cta-container {
padding: 40px 30px;
margin: 0 auto;
position:relative;
display: block;
clear: both;
overflow: hidden
}
.narrow-container {
max-width: 600px;
width: 65%;
margin: 0;
box-sizing: border-box 
}
.full-container {
margin: 0 auto;
position:relative;
display: block;
clear: both;
overflow: hidden
}
.narrow-section {
max-width: 1400px;
margin: 0 auto;
display: block;
}
body:not(.home) section.narrow-section {
width: 75%;
}
.most-narrow {
max-width: 550px;
margin: 0 auto;
width: 50%;
}
.most-narrow h1 {
max-width: 450px
}
.very-narrow {
max-width: 720px;
margin: 0 auto;
}
.narrow {
max-width: 960px;
margin: 0 auto;
}
.standard {
max-width: 1048px;
margin: 0 auto;
display: block;
}
.moderate {
max-width: 1200px;
}
.wide {
max-width: 1480px;
}
.very-wide {
max-width: 1680px;
}
.middle {
position: absolute;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.error404 .page-content {
max-width: 720px;
margin: 0 auto;
display: block;
padding: 90px 30px;
} .site-header {
position: relative;
z-index: 9999;
background: #fff;
display: block;
box-sizing: border-box;
min-height: 60px;
left: 0;
right: 0; margin: 0 auto;
}
.header-active.site-header, .single-events .site-header, .single-breweries .site-header, .single-stories .site-header, .page-template-template-nobanner .site-header, .single-team .site-header, .woocommerce.archive .site-header, .single-jobs .site-header, .single-analysis .site-header, .single-services .site-header {
position: fixed;
box-shadow: 0 -5px 15px rgba(0,0,0,0.25);
max-width: none;
left: 0;
right: 0;
}
.header-active.site-header .site-logo img {
max-width: 180px;
}
.header-active.site-header .site-header-right {
padding-top: 2px;
padding-right: 0 !important;
}
.header-active.site-header .site-header-container {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.header-active.site-header + .body-container {
padding-top: 160px;
}
.site-header-container {
margin: 0 auto;
overflow: hidden;
padding: 20px 30px;
transition: all 0.3s ease;
}
.site-header-right {
float: right;
display: inline-block;
top: 0;
padding-top: 32px;
padding-right: 12px;
color: #fff;
text-align: right;
font-weight: 400;
}
.site-header-right .fa {
color: #2DCCD3 !important;
}
.error404 .site-header {
}
.site-logo {
transition: all 0.3s ease;
display: inline-block;
float: left;
}
.site-logo img, .logo-dark {
max-width: 360px;
transition: all 0.3s ease;
height: auto !important;
display: block;
} .navigation {
overflow: hidden;
text-align: center;
float: right;
clear: right;
}
.navigation ul {
margin:0;
padding:0;
}
.site-header nav ul li a:link, .site-header nav ul li a:visited {
display: block;
}
.site-header nav ul li a:hover {
color: #2DCCD3;
border-color: #2DCCD3;
}
.site-header nav ul li.current-menu-item a:link, .site-header nav ul li.current-menu-item a:visited {
color: #2DCCD3;
border-color: #2DCCD3;
}
.site-header nav ul .sub-menu li.current-menu-item a:link, .site-header nav ul .sub-menu li.current-menu-item a:visited {
color: #244C5A !important;
}
.navigation li.current_page_ancestor > a {
color: #2DCCD3 !important;
}
.navigation ul:before, .site-nav ul:after {
content: "";
display: table;
}
.navigation ul:after {
clear:both;
}
.navigation ul li {
list-style: none;
display: inline-block;
font-size: 16px;
}
.navigation ul li a {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
color: #244C5A;
font-size: 16px;
letter-spacing: -0.5px;
line-height: 1;
padding: 20px 12px 20px;
transition: all 0.3s ease;
display: block;
}
.menu-item-has-children a:hover + .sub-menu {
height: auto !important;
padding: 6px 0 !important;
}
.header-active .sub-menu {
margin-top: 1px;
}
.sub-menu {
padding: 0 !important;
position: absolute;
display: block;
clear: both;
overflow:hidden;
transition: all 0.3s ease;
margin: 0 0 0 0 !important;
background-color: rgba(9, 175, 237,1);
color: #fff !important;
float: none !important;
height:0 !important;
z-index: 10001;
transition: all 0.3s;
text-align: left !important;
}
.sub-menu li {
text-align: left !important;
float: none !important;
display: block !important;
clear:both;
}
.sub-menu a:hover{
color: #244c5a !important;
}
.sub-menu a {
color: #fff !important;
margin: 0 auto !important;
font-weight: 500 !important;
padding: 6px 18px !important;
border-bottom: 0 !important;
}
.sub-menu a::after {
content: none !important;
}
.navigation li.menu-item-has-children:hover .sub-menu, .navigation li > .sub-menu:hover {
height: auto !important;
padding: 10px 0 !important;
}
.navigation li .sub-menu .sub-menu {
display: none;
}
#responsive-menu {
z-index: 110001 !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
}
#responsive-menu-container {
padding: 60px 45px !important;
box-sizing: border-box;
}
#responsive-menu-container li.responsive-menu-item .responsive-menu-item-link {
font-size: 30px !important;
text-transform: lowercase;
font-weight: 400;
height: auto !important;
line-height: 1.5em !important;
}
#responsive-menu li a {
border: 0 !important;
padding: 5px 30px 5px 15px !important;
line-height: 2.1em !important
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
font-weight: 300 !important;
}
.responsive-menu-submenu li a {
font-weight: 300 !important;
}
.responsive-menu-submenu li a:hover, .responsive-menu-submenu .current-menu-item a, .sub-menu .current-menu-item a {
opacity: 0.5 !important;
}
.responsive-menu-subarrow {
border: 0 !important;
padding: 2px 0 !important;
height: auto !important;
}
#responsive-menu-additional-content a:hover {
color: #244C5A !important;
}
#responsive-menu-additional-content .client-login {
font-weight: 400 !important;
}
#responsive-menu-additional-content .medium-button {
padding: 11px 17px !important;
}
#responsive-menu-additional-content .white-button {
color: #fff !important;
background: transparent;
margin: 10px 0
}
#responsive-menu-additional-content .white-button:hover {
color: #2DCCD3 !important;
background: #fff
}
#responsive-menu-additional-content .white-bg-button {
color: #2DCCD3 !important;
display: inline-block;
}
#responsive-menu-additional-content .white-bg-button:hover {
color: #fff !important;
}
#responsive-menu-additional-content .contact-button::after {
padding-left: 10px !important;
}
#responsive-menu-title {
font-size: 25px !important;
text-align: center !important;
margin: 0 auto;
display: none;
padding: 0 !important;
}
.single button#responsive-menu-button, .blog button#responsive-menu-button, .author button#responsive-menu-button, .archive button#responsive-menu-button {
height: 52px !important;
}
button#responsive-menu-button {
right: 0 !important
}
.single #responsive-menu-button {
top: 0 !important;
}
.responsive-menu-boring .responsive-menu-inner, .responsive-menu-boring .responsive-menu-inner::before, .responsive-menu-boring .responsive-menu-inner::after {
transition: all 0.3s ease !important;
}
.children-links {
display: none !important;
} ::-moz-selection {
color: #fff;
background: #2DCCD3;
}
::selection {
color: #fff;
background: #2DCCD3;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-transform: uppercase;
line-height: 1.25em;
font-weight: 700;
transition: all 0.3s ease;
}
h1, .large-title {
color: #244C5A;
font-size: 70px;
margin: 0 0 20px 0;
text-transform: none;
font-weight: 400;
line-height: 1;
letter-spacing: -1px;
}
h2, .medium-title {
font-size: 45px;
margin: 0 0 15px 0;
color: #244C5A;
}
h3 {
font-size: 30px;
margin: 0 0 15px 0;
color: #2DCCD3;
}
h4 {
font-size: 19px;
margin: 0 0 10px 0;
color: #244C5A;
text-transform: none;
}
h5 {
font-size: 19px;
margin: 0 0 12px 0;
color: #fff;
}
h6 {
font-size: 17px;
margin: 0 0 5px 0;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
} p {
line-height: 1.5em;
margin-top: 0;
margin-bottom: 1.5em !important;
transition: all 0.4s ease;
}
p:empty {
display: none;
}
.normal-size {
font-size: 100% !important;;
}
.intro .section-container p.no-mb {
margin-bottom: 0 !important;
}
span {
transition: all 0.4s ease;
}
hr {
border-color: #ddd !important;
border-top: 0;
border-bottom: 1px solid #ddd;
margin: 2em 0;
}
.container ul {
overflow: hidden;
}
strong {
font-family: 'Roboto', 'Rubik', Arial, sans-serif;
font-weight: 600 !important;
}
.page img , .post img {
transition: all 0.3s ease;
}
a:link, a:visited {
color: #2DCCD3;
text-decoration: none;
transition: all 0.3s ease;
word-break: break-word 
}
a:hover {
color: #244C5A;
}
.subtitle {
}
.text-container p:last-child {
margin-bottom: 1.5em;
} .center {
text-align: center;
}
.subtext {
font-size: 15px;
margin-bottom: 0px !important
}
.dark-bg {
background: #244c5a;
color: #fff;
}
.coral-bg {
background: #F8485E;
}
.yellow-bg {
background: #F1B434;
}
.teal-bg {
background: #2DCCD3;
}
.navy-bg {
background: #244C5A;
}
.coral-bg .white-button:hover {
color: #F8485E !important;
}
.yellow-bg .white-button:hover {
color: #F1B434 !important
}
.teal-bg .white-button:hover {
color: #2DCCD3 !important
}
.navy-bg .white-button:hover {
color: #244C5A !important
}
.coral {
color: #F8485E;
}
.coral-overlay {
background: rgba(248, 72, 94, 0.7);
}
.yellow {
color: #F1B434;
}
.yellow-overlay {
background: rgba(241, 180, 52, 0.7);
}
.teal {
color: #2DCCD3;
}
.teal-overlay {
background: rgba(45, 204, 211, 0.7);
}
.navy {
color: #244C5A;
}
.navy-overlay {
background: rgba(36, 76, 90, 0.85);
}
.highlight-bg {
background: #2DCCD3;
}
.highlight-bg p, .highlight-bg span, .highlight-bg {
color: #fff;
}
.highlight-bg .testimonial-content p {
color: #244C5A;
}
.white {
color: #fff;
}
.dark-text {
color: #244C5A !important;
}
.dark {
color: #244C5A !important;
}
a .dark:hover, a.dark:hover {
color: #2DCCD3 !important;
}
.lightgrey {
color: #b3b3b3;
}
.greybg, .grey-bg {
background: #f3f4f6;
}
.post-overlay {
background: rgba(50, 55, 60, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.grey-overlay {
background: rgba(249, 249, 249, 0.92);
}
.dark-overlay {
background: rgba(0, 0, 0, 0.75);
}
.subtle-overlay {
background: rgba(50, 50, 50, 0.2);
}
.no-center {
margin: 0 !important;
}
.padding {
padding: 40px;
}
.padding-left {
padding-left: 40px;
}
.padding-right {
padding-right: 40px;
}
.extra-padding {
padding: 80px 40px;
}
.light {
font-weight: 300;
}
.medium {
font-weight: 500;
}
.semibold {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
}
.bold {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
}
.extrabold {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
}
.uppercase {
text-transform: uppercase;
}
.spaced-uppercase {
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
color: #2DCCD3 !important;
line-height: 1.4em;
}
.clear {
clear:both;
}
.large-space-bottom {
margin-bottom: 40px !important;
}
.large-space-top {
margin-bottom: 40px !important;
}
.space-bottom {
margin-bottom: 30px;
}
.space-top {
margin-top: 30px;
}
.gap-bottom {
margin-bottom: 20px;
}
.gap-top {
margin-top: 20px;
}
.twelve-bottom {
margin-bottom: 12px;
}
.twelve-top {
margin-top: 12px;
}
.ten-top {
margin-top: 10px;
}
.ten-bottom {
margin-bottom: 10px;
}
.fifteen-bottom {
margin-bottom: 15px;
}
.five-bottom {
margin-bottom: 5px;
}
.five-top {
margin-top: 5px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.no-mb {
margin-bottom: 0 !important;
} .button {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s ease;
display: inline-block;
color: #2DCCD3;
border: 2px solid #2DCCD3;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
line-height: 1;
cursor: pointer;
}
.button:hover {
background: #2DCCD3;
color: #fff;
}
.center-button {
margin: 0 auto;
display: block;
max-width: 150px;
text-align: center;
}
.white-button {
color: #ffffff !important;
border: 3px solid #ffffff;
}
.white-button .fa {
color: #ffffff;
transition: all 0.3s ease;
}
.white-button:hover {
background: #ffffff;
color: #2DCCD3 !important;
}
.white-button:hover .fa {
color: #2DCCD3 !important;
}
.white-bg-button {
background: #fff;
color: #2DCCD3 !important;
border: 3px solid #ffffff;
}
.white-bg-button .fa {
color: #2DCCD3;
transition: all 0.3s ease;
}
.white-bg-button:hover {
background: transparent !important;
color: #fff !important;
}
.white-bg-button:hover .fa {
color: #fff !important;
}
.highlight-bg-button {
background: #2DCCD3;
border: 3px solid #2DCCD3;
color: #fff !important;
}
.highlight-bg-button:hover {
background: transparent;
color: #2DCCD3 !important;
}
.highlight-bg-button .fa {
color: #fff;
transition: all 0.3s ease;
}
.highlight-bg-button:hover .fa {
color: #2DCCD3 !important;
}
.highlight-button {
background: transparent;
border: 3px solid #2DCCD3;
color: #2DCCD3 !important;
}
.highlight-button:hover {
background: #2DCCD3;
color: #fff !important;
}
.highlight-button .fa {
color: #2DCCD3;
transition: all 0.3s ease;
}
.highlight-button:hover .fa {
color: #fff !important;
}
.orange-bg-button {
background: #ec9415;
color: #fff !important; 
border-color: #ec9415;
}
.orange-bg-button:hover {
background: transparent;
color: #ec9415 !important;
}
.wpgmza_infowindow_description a {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
transition: all 0.3s ease;
display: inline-block;
color: #2DCCD3;
border: 2px solid #2DCCD3;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
line-height: 1;
cursor: pointer;
background: transparent;
border: 2px solid #2DCCD3;
color: #2DCCD3 !important;
font-size: 15px;
padding: 11px 17px;
}
.wpgmza_infowindow_description a:hover {
background: #2DCCD3;
color: #fff !important;
}
.small-button {
font-size: 14px;
padding: 9px 15px 10px;
}
.medium-button {
font-size: 15px;
padding: 11px 17px;
}
.large-button {
font-size: 18px;
padding: 17px 27px;
}
.center-button-container {
text-align: center;
}
.center-button-container .button {
display: inline-block
}
.banner-button:first-of-type {
margin-right: 10px;
}
.spaced-button {
max-width: 170px;
display: block;
position: relative;
clear: both;
} .home .video-banner-cont, .home .banner-container {
position: relative;
margin-bottom: 40px;
}
.video-banner {
overflow: hidden;
max-height: 787px;
display: block;
background-color: #fff;
}
.banner-cont {
position: relative;
background-color: #fff;
}
.banner {
position: relative;
background-size: cover !important;
background-color: #244C5A;
-webkit-background-size: cover;
-moz-background-size: cover;
background-repeat: no-repeat !important;
background-position: 50% 42% !important;
transition: all 0.3s ease;
height: 600px;
}
.home .banner { }
.no-img-banner .banner {
height: 400px;
}
#contact-banner {
background-position: 50%;
}
#stories-banner {
background-position: 50%;
}
.banner-overlay {
position: absolute;
left:45px;
width: 60%;
max-width: 575px;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transition: all 0.3s ease;
z-index: 9998;
}
.page-id-5077 .banner-overlay {
max-width: 700px;
}
.banner-overlay.bo-right {
left:auto;
right: 45px;
}
.banner-overlay.bo-right .bo-container {
text-align: right;
}
.split-banner .banner-overlay {
max-width: 850px !important;
}
.bo-container {
padding: 0;
text-align: left;
}
.split-banner .banner-overlay {
left: 45px;
right: auto;
width: 45%;
}
.no-img-banner .banner-overlay {
max-width: none !important;
}
.banner-container .bo-container {
text-align: left;
padding: 0 !important;
}
.banner-title {
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.0em;
margin-bottom: 20px;
padding-bottom: 0px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
color: #fff;
}
.single .banner-title {
font-size:70px;
}
.banner-text {
font-family: 'Rubik', 'Roboto', Arial, sans-serif; 
font-size: 21px;
line-height: 1.4em;
color: #fff;
display: block;
margin-bottom: 20px;
}
.banner-text p {
margin-bottom: 0 !important;
}
.banner .banner-text a {
color: #fff;
}
.banner .banner-text a:hover {
color: #2DCCD3;
}
.banner-scroll {
bottom: 0;
position: absolute;
left:0;
right:0;
max-width: 50px;
margin: 0 auto;
text-align: center;
padding-bottom: 20px;
font-size: 40px;
z-index: 80
}
.metaslider {
margin: 0 auto;
}
.metaslider .caption {
padding: 0 !important
}
.metaslider .caption-wrap {
position: initial !important;
background: none !important;
opacity: 1 !important;
width: auto !important;
}
.flexslider {
margin-bottom: 0 !important;
}
.threecol-home i.fa.fa-angle-right {
color: #003d5b;
margin-top: 3px;
}
.slides {
display: block !important;
overflow: hidden;
padding: 0;
margin: 0 0 10px 0;
}
.metaslider .flex-direction-nav {
display:none;
}
.metaslider .flex-control-nav {
position: absolute !important;
z-index: 99999 !important;
display: block;
padding: 0 !important;
height: auto !important;
text-align: left !important 
}
.metaslider ol.flex-control-nav {
padding: 0 !important;
}
.metaslider .flex-control-nav li {
display: inline-block;
margin-right: 10px !important
}
.metaslider .flex-control-nav li:last-child {
margin-right: 0 !important
}
.metaslider .flex-control-nav li a {
font-size: 1px;
color: #fff !important;
border: 1px solid #fff;
background-color: #fff !important;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
height:12px !important;
width: 12px !important;
display: block;
transition: all 0.3s ease;
opacity: 0.3;
margin: 0 !important;
}
.metaslider .flex-control-nav li a.flex-active, .metaslider .flex-control-nav li a:hover {
border-color: #fff !important;
background-color: #fff !important;
box-shadow: none !important;
opacity: 1 !important
}  .half-text {
width: 50%;
float: left;
display: block;
postion: relative;
transition: width 0.3s ease, min-height 0.3s ease;
}
.half {
display: block;
transition: width 0.3s ease, min-height 0.3s ease;
}
.half-left {
float: left;
display: block;
transition: width 0.3s ease, min-height 0.3s ease;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.half-right {
float: right;
display: block;
transition: width 0.3s;
postion: relative;
}
.half-image {
width: 50%;
min-height: 550px;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% 50%;
position: relative;
}
.half-image-img {
width: 100%;
padding: 45px 30px 30px;
box-sizing: border-box;
max-width: 600px;
height: auto;
margin: 0 auto;
display: block;
} .two-column {
margin: 0 auto;
display: block;
overflow: hidden;
padding: 0;
}
.two-column li {
position: relative;
float: left;
width: 48.5%;
margin-right: 3%;
list-style: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.two-column li:hover img, .two-column li:hover .post-image {
opacity: 0.7;
}
.two-column li img {
width: 100%;
height: auto;
display: block;
} .three-column {
margin: 0 auto;
display: block;
overflow: hidden;
padding: 0;
clear: both;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.three-column br {
display: none;
}
.three-column > li, .third {
position: relative;
float: left;
width: 31.5%;
margin-right: 2.75%;
list-style: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.boxes.three-column li:hover, .team-boxes.three-column li:hover.third:hover {
background: #2DCCD3 !important;
}
.three-column li:hover .post-image {
opacity: 0.7;
}
.three-column li img, .third img {
width: 100%;
height: auto;
display: block;
} .four-column {
padding: 0;
margin: 0 auto;
display: block;
overflow: hidden;
}
.four-column-ul {
overflow: hidden;
padding: 0;
margin: 0 0 0 0;
}
.four-column > li {
position: relative;
float: left;
width: 23.125%;
margin-right: 2.5%;
margin-bottom: 3%;
list-style: none;
box-sizing: border-box;
}
.four-column span {
font-size: 16px;
}
.four-column > li:nth-last-child(-4) {
margin-bottom: 0 !important;
} .five-column {
padding: 0;
margin: 0 auto;
display: block;
overflow: hidden;
}
.five-column > li {
float: left;
list-style: none;
font-size: 15px;
box-sizing: border-box;
}
.five-column > li span, .five-column > li p {
color: #787480;
} .single-post .main, .blog .container, .archive .main, .category .main {
background: #fff !important;
}
.single-post .post, .author .post, .archive .post, .category .post {
max-width: 900px;
margin: 0 auto;
display: block;
}
.blog-category {
text-transform: uppercase;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 13px;
letter-spacing: 1px;
}
.blog .post, .category .post, .author .post, .archive .post, .search .post {
background: #fff !important;
float: left;
width: 31.5%;
margin-right: 2.75%;
box-sizing: border-box;
float: left;
display: inline-block;
clear: none;
margin-bottom: 30px;
}
.blog .post:nth-of-type(3n), .category .post:nth-of-type(3n), .author .post:nth-of-type(3n), .archive .post:nth-of-type(3n), .search .post:nth-of-type(3n) {
margin-right: 0 !important
}
.blog .post:nth-of-type(3n+1), .category .post:nth-of-type(3n+1), .author .post:nth-of-type(3n+1), .archive .post:nth-of-type(3n+1), .search .post:nth-of-type(3n+1) {
clear:left;
}
.blog .post-container, .author .post-container, .archive .post-container, .category .post-container, .search .post-container {
padding-top: 22px;
}
.blog .post:hover .post-image, .archive .post:hover .post-image, .author .post:hover .post-image, .search .post:hover .post-image {
opacity: 0.7;
}
.third h3, .profile-content h3 {
font-size: 21px;
}
.post-highlight {
font-size: 18px;
margin: 0 0 1.5em 0;
color: #2DCCD3;
font-weight: 400;
display: block;
}
.single-post .content h2 {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
font-size: 24px;
text-transform: none;
margin-top: 30px;
margin-bottom: 15px;
letter-spacing: 0px;
}
.single-post .content h3 {
line-height: 1.4em;
font-weight: 400;
}
.sub-post-text {
color: #999;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.blog .post h5 {
font-weight: 400;
}
.blog-button {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 12px;
letter-spacing: 1.25px;
text-transform: uppercase;
padding: 8px 16px;
color: #2DCCD3 !important;
border: 2px solid #2DCCD3;
}
.blog-button:hover {
background: #2DCCD3;
color: #ffffff !important;
}
.blog-button .fa {
color: #2DCCD3;
transition: all 0.3s ease;
}
.blog-button:hover .fa {
color: #ffffff !important;
}
.single-post .current_page_parent a, .blog .current_page_item {
color: #2DCCD3 !important;
}
.blog .post h1 {
margin-top: 20px;
}
.blog .container, .author .container {
}
.blog-main {
margin: 0 auto;
position: relative;
max-width: 1600px;
overflow: hidden;
}
.blog .banner-post-container {
max-width: 750px;
padding: 45px;
}
.blog .post, .author .post, .archive .post {
}
.blog .post-info, .author .post-info, .archive .post-info {
font-size: 15px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
margin-bottom: 12px !important;
margin-top: 5px;
}
.blog .post img, .author .post img, .archive .post img, .category .post img {
width:100%;
height: auto;
display: block;
}
.single .post-banner img {
margin-bottom: 0 !important;
width:100%;
height: auto;
display: block;
}
.single ol {
padding: 0 40px;
}
.single ol li {
padding-bottom: 30px;
}
.single ol li:last-child {
padding-bottom: 0 !important;
}
.single .single-image {
padding-bottom: 35%;
background-size: cover;
background-repeat: no-repeat;
background-position: 25% 25%;
} .blog h2 a, .author h2 a, .archive h2 a {
color: #244C5A
}
.blog .post:hover h2, .author .post:hover h2, .archive .post:hover h2, .category .post:hover h2 {
color: #2DCCD3
}
.blog-date, .event-date {
display: block;
font-weight: 400;
font-size: 16px;
margin-top: 5px;
margin-bottom: 20px !important;
color: #244C5A;
}
.blog .post-categories, .author .post-categories, .archive .post-categories {
display: block;
margin-bottom: 0 !important;
}
.blog .post-categories a, .author .post-categories a, .archive .post-categories a {
}
.single-info {
background: #f3f4f6;
}
.single-info-container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
padding: 10px 20px;
}
.single-info img {
border-radius: 8px;
max-width: 40px;
display: inline-block;
float: left;
transition: all 0.3s ease;
}
.single-info .float-right {
padding-top: 8px;
}
.single .category-link {
font-weight: 400;
color: #fff !important;
}
.single .category-link:hover {
color: #244C5A !important;
}
.single .author-bio {
margin-bottom: 20px;
}
.single .post-author-name:hover {
color: #244C5A !important;
}
.single .date {
font-weight: 400;
color: #fff !important;
}
.single-info p {
margin-bottom: 0 !important;
}
.single-info a:link, .single-info .post-author-name, .category-link {
color: #244C5A !important;
}
.single-info a:hover {
color: #2DCCD3 !important;
}
.post-author-name {
display: inline-block;
}
.single-info .float-left:hover .post-author-name {
color: #2DCCD3;
} 
.single-info .float-left:hover .avatar {
opacity: 0.7;
} 
.single .post {
margin: 0 auto;
}
.single .post p {
margin-bottom: 1em;
}
.single .post img {
max-width: 100%;
height: auto;
display: block;
}
.single .post-info {
font-size: 16px;
}
.single .post-categories {
padding-top: 14px;
}
.single .sidebar ul, .blog .sidebar ul, .author .sidebar ul, .archive .sidebar ul {
margin: 0;
padding: 0;
}
.single .sidebar li, .blog .sidebar li, .author .sidebar li, .archive .sidebar li  {
padding-bottom: 5px;
font-size: 17px;
}
.single .sidebar li img, .blog .sidebar li img, .author .sidebar li img, .archive .sidebar li img {
margin-bottom: 10px;
}
.single .sidebar li a, .blog .sidebar li a, .author .sidebar li a, .archive .sidebar li a {
}
.sidebar .cat-item {
padding-bottom: 0 !important;
}
.single .avatar {
float: left;
max-width: 60px;
margin-right: 20px;
height: auto;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.archive .avatar {
border-radius: 50%;
float: left;
margin-right: 20px;
}
.author-side {
float: left;
padding-top: 6px;
}
.author-links {
clear: both;
position: relative;
display: block;
}
.author-links h3 {
font-weight: 400;
margin-bottom: 5px;
}
.author-links .fa {
padding-right: 10px;
}
.author-info {
clear: both;
position: relative;
padding-top: 15px;
}
.signup-box {
background: #2DCCD3;
padding: 25px;
margin: 30px 0;
overflow: hidden;
}
.signup-box h3 {
margin-bottom: 15px !important;
}
.email-container {
float: left;
width: 100%;
}
.submit-container {
float: left;
width: 100%;
margin-top: 5px;
}
.signup-email {
-webkit-appearance: none;
box-shadow: none;
border: 0;
width: 100%;
padding: 10px;
box-sizing: border-box;
background: #fff;
font-size: 14px;
text-align: left;
outline: none;
margin: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.signup-email:focus {
background: #f8f8f8 !important;
}
.body-email {
-webkit-appearance: none;
box-shadow: none;
border: 1px solid transparent;
width: 100%;
padding: 10px;
box-sizing: border-box;
background: #f8f8f8;
font-size: 19px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-align: left;
outline: none;
margin: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.body-email:focus {
background: #fff !important;
border-color: #244C5A;
}
.signup-submit {
box-sizing: border-box;
padding: 17px 27px;
-webkit-appearance: none;
border: 0;
box-shadow: none;
font-size: 16px;
font-weight: 700;
margin: 0;
background: #244C5A;
color: #fff !important;
transition: all 0.3s ease;
cursor: pointer;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
display: inline-block;
width: auto;
}
.signup-submit:hover {
background: #244C5A;
}
.sidelink {
margin-bottom: 20px;
display: block;
overflow: hidden;
transition: all 0.4s ease;
}
.sidelink:last-child {
margin-bottom: 0;
}
.expert-sidelink {
margin-bottom: 15px !important;
display: block;
overflow: hidden;
transition: all 0.4s ease;
}
.expert-sidelink h4 {
margin-bottom: 0 !important;
}
.expert-sidelink:last-child {
margin-bottom: 0;
}
.sidelink-image {
transition: all 0.3s ease;
width: auto;
height: auto;
display: inline-block;
padding-bottom: 25%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
float: left;
width: 40%;
}
.sidelink:hover img, .sidelink:hover .sidelink-image {
opacity: 0.7;
}
.sidelink:hover .sidelink-title {
color: #2DCCD3;
}
.sidelink-title {
text-transform: none !important;
font-weight: 700;
font-size: 15px;
padding-top: 0px;
color: #244C5A;
float: left;
padding-left: 15px;
box-sizing: border-box;
width: 60%;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
line-height: 1.4
}
.sidelink-title:hover {
color: #2DCCD3 !important;
}
.single-customerstories .sidelink-title {
}
.expert-sidelink .sidelink-title {
padding-left: 0 !important;	
width: auto !important;
float: none !important;
}
#current.expert-sidelink .sidelink-title {
color: #2DCCD3 !important;
margin-left: 20px !important;
}
.categories, .sidebar-social {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #f1f1f1;
}
.sidebar-social {
font-size: 21px
}
.sidebar-social .fa {
margin-right: 10px;
color: #787480 !important;
display: inline-block;
transition: all 0.3s ease;
}
.sidebar-social .fa:hover {
color: #2DCCD3 !important;
}
.single .post ul > li p {
margin-bottom: 0.5em !important;
}
.blog-content {
width: 100%;
float:left;
position: relative;
}
.single .banner-image {
position: relative;
display: block;
clear: both;
background: #fff;
overflow: hidden;
}
.single .banner-image img {
width:100%;
height: auto;
display: block;
}
.blog-container {
padding: 40px 20px;
}
.content {
width: 70%;
float:left;
}
.content-container {
padding: 40px 40px;
overflow: hidden;
}
.sidebar {
width: 30%;
float: right;
box-sizing: border-box;
padding-bottom: 500%;
margin-bottom: -500%;
background: #f3f4f6;
font-size: 16px;
}
.sidebar-container {
padding: 40px 40px;
}
.single .sidebar-container {
font-size: 16px;
}
.sidebar ul {
padding: 0;
margin: 0;
}
.sidebar li {
list-style: none;
}
.sidebar img {
width: 100%;
height: auto;
display: block;
}
.page .sidebar a {
display: block 
}
.sidebar a {
}
.sidebar a:hover {
}
.sidebar a.button:hover {
}
.sidebar-divide {
padding-top: 23px;
margin-top: 23px;
border-top: 1px solid #e7e7e7;
}
.post-banner {
width: 100%;
max-height: 600px;
overflow: hidden;
position: relative;
display: block
}
.post-info {
color: #999;
font-size: 15px;
}
.post-info .fa {
color: #999 !important;
}
.single-post .container {
}
.single-post .post {
max-width: none;
margin: 0 auto;
}  #left {
width: 49.6%;
text-align: left;
float:left;
}
#right {
width: 49.6%;
text-align: left;
float:right;
}
#top {
width: 100%;
overflow: hidden;
}
.topleft {
width: 49.5%;
float: left;
display: inline-block;
margin-right: 1%;
}
.topright {
width: 49.5%;
float: left;
display: inline-block;
}
#bottom {
width: 100%;
overflow: hidden;
}
.bottomleft {
width: 49.5%;
float: left;
display: inline-block;
margin-right: 1%;
}
.bottomright {
width: 49.5%;
float: left;
display: inline-block;
}
.message {
width: 100%;
}
#bottom p {
margin-bottom: 0 !important;
}
.br2 .ajax-loader, div.wpcf7 img.ajax-loader {
display:none !important;
}
input#file-upload.wpcf7-form-control.wpcf7-file {
background: none !important;
font-size: 11px;
}
.wpcf7 br {
display: none;
} 
.wpcf7 p {
margin-bottom: 0 !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .cm-input {
font-size: 16px;
font-weight: 400;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
background: #fff;
box-shadow: 0 !important;
border: 3px solid transparent;
width: 100%;
padding: 6px;
margin-bottom: 0;
outline:none;
color: #244C5A;
-webkit-appearance: none;
resize: none;
display: block;
transition: all 0.4s ease;
margin: 0;
}
.wpcf7 textarea {
margin-bottom: 2%;
}
::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
color: #aaa;
}
.wpcf7 select {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
border: 2px solid transparent;
-webkit-border-radius: 0 !important;
background: #fff;
color: #aaa;
outline:none;
margin: 0;
width: 100%;
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/dropdown.png) no-repeat right #f3f4f6;
transition: all 0.4s ease;
}
.dark-select {
color: #333 !important;
}
span.wpcf7-not-valid-tip {
background: #2DCCD3 !important;
}
div.wpcf7-validation-errors {
background: none !important;
border: 2px solid #2DCCD3;
color: #2DCCD3 !important;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
}
input.wpcf7-form-control.wpcf7-submit, .cm-submit {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
padding: 16px 35px;
letter-spacing: 0.5px;
box-shadow: none !important;
background: #2DCCD3;
color: #fff;
text-shadow: none !important;
font-size: 18px;
line-height: 18px;
margin-top: 25px;
border: 3px solid #2DCCD3;
-webkit-appearance: none;
display: block;
width: auto;
margin-left: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
transition: all 0.4s ease;
text-transform: uppercase;
}
.form-half input.wpcf7-form-control.wpcf7-submit {
margin: 0 0 0 15px !important;
background: #fff !important;
border-color: #fff !important;
}
.coral-bg .form-half input.wpcf7-form-control.wpcf7-submit {
color: #F8485E !important;
}
.teal-bg .cm-submit {
background: #fff !important;
border-color: #fff !important;
}
.teal-bg .form-half input.wpcf7-form-control.wpcf7-submit, .teal-bg .cm-submit {
color: #2DCCD3 !important;
}
.yellow-bg .form-half input.wpcf7-form-control.wpcf7-submit {
color: #F1B434 !important;
}
.form-half input.wpcf7-form-control.wpcf7-submit:hover, .teal-bg .cm-submit:hover {
background: transparent !important;
border-color: #fff !important;
color: #fff !important;
}
.site-footer input.wpcf7-form-control.wpcf7-submit {
background: transparent !important;
border-color: #fff !important;
color: #fff;
}
.site-footer input.wpcf7-form-control.wpcf7-submit:hover {
background: #2DCCD3 !important;
border-color: #2DCCD3 !important;
color: #244C5A !important;
}
.wpcf7 {
margin: 10px 0 0 0 !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .cm-input {
width: 100%;
padding: 15px;
border-radius: 0;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="email"]:focus, .cm-input:focus{
background: #fff;
border-color: #244C5A;
color: #244C5A !important;
}
.wpcf7-submit, .cm-submit{
cursor: pointer;
transition: all 0.3s ease;
}
.wpcf7-submit:hover, .cm-submit:hover{
background: transparent !important;
color: #2DCCD3 !important
}
span.wpcf7-not-valid-tip{
text-shadow: none;
font-size: 12px;
color: #fff;
background: #ff0000;
padding: 5px;
}
div.wpcf7-validation-errors { 
text-shadow: none;
background: #f9cd00;
padding: 15px 20px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 16px;
font-weight: 700;
}
div.wpcf7-mail-sent-ok{
text-align: center;
text-shadow: none;
padding: 15px 20px;
font-size: 16px;
color: #2DCCD3;
margin: 0;
margin-top: 10px;
border: 2px solid #2DCCD3 !important;
font-weight: 700;
}
.site-footer div.wpcf7-mail-sent-ok{
color: #fff !important;
border-color: #fff !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
max-height: 120px;
}
.site-footer .wpcf7 input[type="text"], .site-footer .wpcf7 textarea, .site-footer .wpcf7 input[type="tel"], .site-footer .wpcf7 input[type="email"], .grey-bg .wpcf7 input[type="text"], .grey-bg .wpcf7 textarea, .grey-bg .wpcf7 input[type="tel"], .grey-bg .wpcf7 input[type="email"]{
background: #fff !important;
}
.site-footer .wpcf7 select {
background: #fff !important;
}
.site-footer .wpcf7 input[type="text"]:focus, .site-footer .wpcf7 textarea:focus, .site-footer .wpcf7 input[type="tel"]:focus, .site-footer .wpcf7 input[type="email"]:focus{
background: transparent !important;
border-color: #fff !important;
color: #fff !important;
}
.site-footer .wpcf7 input:focus::placeholder {
color: #fff !important
}
.site-footer .wpcf7 input:focus::-webkit-input-placeholder {
color: #fff !important
}
.site-footer .wpcf7 input:focus :-moz-placeholder {
color: #fff !important
}
.site-footer .wpcf7 input:focus ::-moz-placeholder {
color: #fff !important
}
.site-footer .wpcf7 input:focus :-ms-input-placeholder {
color: #fff !important
}
.site-footer .wpcf7 textarea:focus::placeholder {
color: #fff !important
}
.site-footer .wpcf7 textarea:focus:focus::-webkit-input-placeholder {
color: #fff !important
}
.site-footer .wpcf7 textarea:focus :-moz-placeholder {
color: #fff !important
}
.site-footer .wpcf7 textarea:focus ::-moz-placeholder {
color: #fff !important
}
.site-footer .wpcf7 textarea:focus :-ms-input-placeholder {
color: #fff !important
}
.wpcf7-form-control-wrap {
position: initial !important;
display: block;
margin: 0;
}
.section .wpcf7 input[type="text"], .section .wpcf7 input[type="email"], .section .wpcf7 input[type="tel"] { } .site-footer {
background: #244C5A;
overflow: hidden;
position: relative;
clear: both;
}
.site-footer-container {
margin: 0 auto;
display: block;
overflow: hidden;
font-size: 16px;
color: #fff;
padding: 70px 30px;
}
.site-footer a {
color: #fff;
}
.footer-left a {
display: block;
margin-bottom: 4px;
}
.site-footer a:hover, .bottom-footer a:hover {
color: #2DCCD3;
transition: all 0.3s ease;
}
.copyright a {
color: #fff !important
}
.copyright a:hover {
color: #244C5A !important
}
.copyright a::after {
display: none !important;
}
.site-footer a:after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
padding-left: 8px;
color: transparent;
transition: all 0.3s ease;
}
.site-footer a:hover:after {
color: #244C5A !important;
}
.site-footer h5 {
font-size: 20px;
}
#footerContent {
overflow: hidden;
}
.fcol {
display: inline-block;
float: left;
margin-right: 3%;
width: 48.5%
}
.fcol a {
clear:both;
display: block;
padding-bottom: 9px;
}
.address, .address ul {
margin: 0 0 1.5em 0;
list-style: none;
padding-left: 0;
line-height: 1.7em;
font-size: 16px;
}
#fc2, #fc4 {
margin-right: 0;
}
.footer-posts {
list-style: none;
padding-top: 4px;
padding: 0;
margin: 0;
}
.footer-posts li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #393939;
}
.footer-posts li a {
display: block;
}
.footer-posts li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.social-links {
margin: 30px 0 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.social-links li {
float:left;
margin-right:20px;
}
.social-links a {
float:left;
background: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: 40px;
height: 32px;
padding-top: 8px;
text-align: center;
vertical-align: middle;
clear: none !important;
transition: all 0.3s ease;
}
.social-links a:hover {
background: #2DCCD3;
}
.social-links a:after {
display: none !important;
}
.social-links i {
font-size: 25px;
text-align: center;
transition: all 0.3s ease;
color: #244C5A;
}
.site-footer .social-links a:hover i {
background: #2DCCD3;
color: #244C5A;
}
.social-links li:last-of-type {
margin-right: 0 !important;
}
.bottom-footer {
background: #4d6776;
font-size: 16px;
overflow: hidden;
margin: 0 auto;
padding: 0 30px;
position: relative;
}
.bottom-footer-container {
margin: 0 auto;
max-width: 1048px;
padding: 40px 0 75px;
overflow: hidden;
}
.bottom-footer a, .bottom-footer {
color: #fff;
}
.bottom-footer a::after {
content: none !important;
display: none !important;
}
.bf-container {
float: left;
}
.footer-menu {
float: right;
}
.copyright {
color: #fff;
transition: all 0.3s ease;
text-align: left;
display: inline-block;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
}
.reg-address {
font-size: 12px;
display: block;
padding-top: 4px;
}
.disclaimer {
font-size: 14px;
float: right;
max-width: 500px;
text-align: right;
}
.footer-logo {
display: block;
max-width: 260px;
margin-bottom: 45px;
}
.dpm {
transition: all 0.3s ease;
text-align: right !important;
display: inline-block;
right: 0 !important;
float:right;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
letter-spacing: 2px;
}
.dpm:hover{
color:#2DCCD3 !important;
} .divide {
border-bottom: 2px solid #2DCCD3;
margin-top: 20px;
margin-bottom: 20px;
display: block;
overflow: hidden;
max-width: 100px;
}
.divide-center {
margin-top: 20px !important;
margin-bottom: 50px !important;
margin: 0 auto;
display: block;
overflow: hidden;
max-width: 160px;
}
.divide-center div {
height: 6px;
display: inline-block;
float: left;
width: 33.3334%;
}
.full-divide {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 25px;
margin-bottom: 25px;
overflow: hidden;
}
.left-gradient {
background: -webkit-linear-gradient(left, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
background: -o-linear-gradient(left, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
background: -moz-linear-gradient(left, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
background: linear-gradient(to right, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 30%;
}
.right-gradient {
background: -webkit-linear-gradient(right, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
background: -o-linear-gradient(right, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0)); 
background: -moz-linear-gradient(right, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
background: linear-gradient(to left, rgba(18, 38, 45, 0.6) 35%, rgba(18, 38, 45, 0));
position: absolute;
top: 0;
bottom: 0;
left: 30%;
right: 0;
}
.video-container {
width: 58%;
float: left;
margin-right: 4%;
}
.video-side {
width: 38%;
float: left;
padding-right: 20px;
box-sizing: border-box;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #2DCCD3;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
position: absolute; 
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fadeInBlock {
opacity:0;
} .bg-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 1;
transition: all 0.3s ease;
}
.image-links h3 {
position: absolute;
left: 20px;
bottom: 20px;
margin-bottom: 0;
text-transform: none;
letter-spacing: 0;
font-size: 21px;
font-weight: 400;
color: #fff;
}
.image-links li {
height: 0;
padding-bottom: 30%;
}
.image-links li:hover h3 {
color: #2DCCD3;
}
.image-links li:hover .bg-overlay {
opacity: 1;
}
.team-link {
background-size: cover;
background-position: 50% 50%;
position: relative;
} #affiliates {
background: #ffffff;
width: 100%;
position: relative;
display: block;
clear:both;
overflow: hidden;
}
#affiliate-cont {
padding: 5px;
overflow:hidden;
}
#affiliate-imgs {
max-width: 800px;
margin: 0 auto;
display: block;
}
.al-img {
display: inline-block;
padding-right: 2%;
width: 18.4%;
overflow:hidden;
float: left;
}
#al-last {
padding-right: 0 }
#al-img4 {
padding-right: 0;
float: none !important;
}
.al-img img {
display: block;
max-width: 150px;
margin: 0 auto;
width: 100%;
height: auto;
}
.testimonial-author {
color: #2DCCD3;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
font-size: 16px;
}
.body-ul {
overflow: hidden;
}
.body-ul li {
padding-bottom: 15px;
padding-left: 15px;
}
.white-ul.body-ul li {
padding-bottom: 10px;
padding-left: 15px;
}
.body-ul li:last-child {
padding-bottom: 0 !important;
}
.team-float, .single-custom-post-image {
background: #244C5A;
float: left;
margin-bottom: 10px;
margin-right: 30px;
width: 50%;
height: auto;
}
.single-custom-post-image img {
width: 100%;
height: auto;
display: block;
}
.single .blog-return {
float: left;
}
.single .post-social {
padding-top: 40px;
overflow: hidden;
}
.share-links {
float: left;
border-spacing: 10px 0px;
border-collapse: separate;
display: table;
}
.post-social-link {
color: #787480;
padding: 0 8px !important;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 39px;
border-radius: 50%;
font-size: 21px;
}
.share-twitter {
color: #00b6f1 !important;
}
.share-twitter:hover {
color: #2DCCD3 !important;
}
.share-facebook {
color: #3b5998 !important;
}
.share-facebook:hover {
color: #2DCCD3 !important;
}
.client-results .result h3 {
color: #244C5A;
}
.story {
float: left;
width: 32%;
margin-right: 2%;
display: block;
position: relative;
overflow: hidden;
}
.story:nth-of-type(3n) {
margin-right: 0 !important;
}
.story img {
width: 100%;
height: auto;
display: block 
}
.custom-post-image {
transition: all 0.3s ease;
}
.results-headline {
color: #787480;
margin-bottom: 0 !important;
}
.results-main, .events-main {
padding-top: 100px;
transition: all 0.3s ease;
}
.single-events .site-header, .single-breweries .site-header, .single-stories .site-header, .page-template-template-nobanner .site-header, .search .site-header, .single-team .site-header, .woocommerce.archive .site-header, .single-jobs .site-header, .single-analysis .site-header, .single-services .site-header, .single-product .site-header  {
}
.single-results .single-results-headline {
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
color: #2DCCD3 !important;
}
.single-results .post-social, .single-events .post-social {
padding-top: 20px !important;
}
.single-results .share-links, .single-events .share-links {
margin-left: -10px;
}
.single-results #menu-item-91 a {
color: #2DCCD3 !important;
border-color: #2DCCD3 !important;
}
.page-template-template-events h3 {
letter-spacing: 0 !important;
text-transform: none !important;
}
.event-image {
height: 0;
padding-bottom: 100%;
overflow: hidden;
background-size: cover;
background-position: 50% 25%;
background-repeat: no-repeat
}
.story-image {
height: 0;
padding-bottom: 70%;
overflow: hidden;
background-size: cover;
background-position: 50% 25%;
background-repeat: no-repeat
}
.single-events .event-logo {
width: 100%;
height: auto;
max-width: 200px;
display: block;
margin-bottom: 15px;
}
.other-event {
float: left;
width: 32%;
margin-right: 2%;
overflow: hidden;
}
.other-event img {
width: 100%;
height: auto;
display: block;
}
.other-event:nth-of-type(3n) {
margin-right: 0 !important;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer-signup-box {
margin: 0;
overflow: hidden;
clear: both;
padding: 20px;
max-width: 935px;
margin: 0 auto;
}
.footer-signup-box h3 {
margin-bottom: 15px !important;
color: #fff !important;
font-size: 15px !important;
float: left;
padding-right: 30px;
padding-top: 10px;
}
.site-footer #mc_embed_signup {
float: left;
width: auto;
}
.footer-email-container {
float: left;
display: block;
}
.footer-submit-container {
float: left;
clear: none !important;
display: inline-block !important
}
.footer-signup-email {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
-webkit-appearance: none;
box-shadow: none;
border: 0;
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 0 !important;
background: #333333;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
font-size: 14px !important;
color: #fff;
text-align: left;
outline: none;
margin: 0;
}
.footer-signup-email::placeholder, .footer-signup-email::-webkit-input-placeholder {
color: #cdd2db !important
}
.footer-signup-email :-moz-placeholder {
color: #cdd2db !important
}
.footer-signup-email ::-moz-placeholder {
color: #cdd2db !important
}
.footer-signup-email :-ms-input-placeholder {
color: #cdd2db !important
}
.search-barfooter-signup-email {
color: #cdd2db !important
}
.footer-signup-submit {
font-family: "Font Awesome 5 Pro";
box-sizing: border-box;
padding: 10.5px 15.65px;
-webkit-appearance: none;
border: 0;
box-shadow: none;
font-size: 16px;
margin: 0;
background: #2DCCD3;
color: #fff !important;
transition: all 0.3s ease;
cursor: pointer;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-top-left-right: 0;
-moz-border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
}
.footer-signup-submit:hover {
background: #fff;
color: #2DCCD3 !important;
}
#mce-responses {
clear: none !important;
display: none;
}
.newsletter-signup {
border-top: 1px solid #363636;
position: relative;
display: block;
clear: both;
overflow: hidden;
}
.pagination {
clear: both;
position: relative;
text-align: center;
padding-top: 20px;
font-weight: 700;
}
.contact-phone, .contact-email {
color: #2DCCD3;
font-size: 18px;
margin-top: 8px;
display: inline-block;
text-align: right;
}
.contact-times {
display: block;
font-size: 11px;
}
.search-container {
margin: 0 auto;
display: block;
max-width: 400px;
margin-bottom: 40px;
}
.search-bar {
box-sizing: border-box;
display: inline-block;
float: left;
width: 80%;
}
.search-bar input {
-webkit-appearance: none;
font-size: 15px;
width: 100%;
padding: 15px;
margin-right: 0;
background: #fff;
color: #244C5A;
border: 0;
margin: 0;
outline: none;
transition: all 0.3s ease;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
height: 60px;
border: 2px solid #2DCCD3;
border-right-width: 0;
font-weight: 700;
}
.search-bar ::placeholder, .search-bar ::-webkit-input-placeholder {
color: #2DCCD3 !important
}
.search-bar :-moz-placeholder {
color: #2DCCD3 !important
}
.search-bar ::-moz-placeholder {
color: #2DCCD3 !important
}
.search-bar :-ms-input-placeholder {
color: #2DCCD3 !important
}
.search-bar ::-ms-input-placeholder {
color: #2DCCD3 !important
}
.search-bar input:focus {
}
.search-submit {
font-family: "Font Awesome 5 Pro";
padding: 15px;
font-size: 18px;
-webkit-appearance: none;
background: #2DCCD3;
color: #fff;
height: 60px;
border: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin: 0;
width: 20%;
margin-left: 0;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 700;
}
.search-submit:hover {
background: #244C5A;
color: #fff;
}
.results-found {
clear: both;
position: relative;
display: block;
padding-bottom: 30px;
}
.spacer {
padding: 0 15px;
}
.support-services img {
max-width: 100px;
margin-bottom: 15px;
}
.support-services li:hover img {
transform: rotate(51deg) 
}
.footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.image-left-gradient {
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
background: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
}
.image-right-gradient {
background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
background: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.image-left-gradient-dark {
background: -webkit-linear-gradient(left, rgba(46, 1, 65, 1) 25%, rgba(46, 1, 65, 0));
background: -o-linear-gradient(right, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
background: -moz-linear-gradient(right, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
background: linear-gradient(to right, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
}
.image-right-gradient-dark {
background: -webkit-linear-gradient(right, rgba(46, 1, 65, 1) 25%, rgba(46, 1, 65, 0));
background: -o-linear-gradient(left, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
background: -moz-linear-gradient(left, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
background: linear-gradient(to left, rgba(46, 1, 65, 1), rgba(46, 1, 65, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right:0;
}
.image-left-gradient-highlight {
background: -webkit-linear-gradient(left, rgba(233, 72, 52, 1) 25%, rgba(233, 72, 52, 0));
background: -o-linear-gradient(right, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
background: -moz-linear-gradient(right, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
background: linear-gradient(to right, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
position: absolute;
top: 0;
bottom: 0;
left:0;
right: 50%;
}
.image-right-gradient-highlight {
background: -webkit-linear-gradient(right, rgba(233, 72, 52, 1) 25%, rgba(233, 72, 52, 0));
background: -o-linear-gradient(left, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
background: -moz-linear-gradient(left, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
background: linear-gradient(to left, rgba(233, 72, 52, 1), rgba(233, 72, 52, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.help-padding {
padding: 25px 20px;
}
.help-menu li {
border-right: 1px solid #fff;
font-weight: 600;
color: #fff;
margin-right: 0;
margin-bottom: 0 !important;
width: 33.3334%;
padding: 0 10px;
}
.help-menu li:last-of-type {
border-right: 0 !important;
}
.help-menu li a {
color: #fff !important;
}
.help-menu li a:hover {
color: #244C5A !important;
}
.stories li, .story {
background: #244C5A;
}
.stories li:hover, .story:hover {
background: #2DCCD3;
}
.stories li h3, .stories li span, .story h3, .story span {
color: #fff;
display: block;
margin-bottom: 0;
}
.stories li span, .three-column li .tc-box span, .third, .story span {
font-size: 17px;
}
.stories li span, .story span {
color: #2DCCD3;
}
.stories li:hover span, .story:hover span {
color: #fff;
}
.tc-box {
padding: 30px;
}
.customer-stories .tc-box {
}
.illustration-content {
width: 70%;
float: left;
}
.illustration-content-container {
max-width: 800px;
display: block;
margin: 0 auto;
}
.illustration-sidebar {
width: 30%;
float: left;
}
.illustration-sidebar-container {
position: absolute;
bottom: 0;
width: 30%;
}
.illustration-sidebar-container img {
width: 100% !important;
height: auto;
display: block;
}
.divide-bottom:after {
content: "";
background: #d7d1e1;
position: absolute;
bottom: 0;
left: 0;
height: 0.46vw;
width: 70%;
}
.page-id-22 .cta-section {
display: none;
}
.social-sidebar li {
display: inline-block;
line-height: 1.6;
margin-right: 10px;
font-size: 21px;
}
.social-sidebar .sm-text {
font-size: 13px;
padding-top: 0 !important;
}
.social-sidebar li:last-of-type {
margin-right: 0 !important;
}
.social-sidebar a {
color: #2DCCD3 !important;
}
.social-sidebar a:hover {
color: #244C5A !important;
}
#responsive-menu-additional-content .search-container {
float: none !important;
display: block !important;
}
#responsive-menu .search-container {
display: block !important;
}
#responsive-menu-additional-content a {
display: block;
color: #fff !important;
font-size: 16px;
line-height: 1.8;
}
#responsive-menu-additional-content .fa {
color: #2DCCD3 !important;
}
#responsive-menu-additional-content a:last-of-type {
margin-bottom: 15px !important;
}
#responsive-menu-additional-content a:hover {
color: #244C5A !important;
}
#responsive-menu-additional-content .search-field {
padding: 7px 4px 7px 10px !important;
}
#responsive-menu-additional-content .search-submit {
font-family: "Font Awesome 5 Pro";
font-size: 14px;
padding: 11px 10px !important;
background: #2DCCD3 !important;
color: #fff !important;
}
#responsive-menu-additional-content .search-submit:hover {
background: #244C5A !important;
color: #2DCCD3 !important;
}
#responsive-menu-additional-content .contact-phone {
font-size: 20px !important;
display: block;
margin-bottom: 12px !important;
}
.team-image {
padding-bottom: 65%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.team-link:hover .job-title {
color: #244C5A;
}
.team-contact {
display: block;
}
.team-contact a {
color: #fff !important;
}
.team-contact a:hover {
color: #2DCCD3 !important;
}
.single-team h2 {
margin-bottom: 1.2em;
}
.section blockquote {
font-size: 150%;
margin: 0 0 10px 0;
}
.quote-author {
margin-bottom: 20px;
display: block;
color: #244C5A;
font-weight: 600;
}
.job-type, .job-salary, .job-location {
display: block;
}
.search .third:hover {
background: none !important;
}
.search .third:hover h3 {
color: #2DCCD3 !important;
}
.search .post-image {
margin-bottom: 15px;
}
.post-type {
text-transform: capitalize;
}
.story-image {
max-height: 350px;
overflow: hidden;
padding-bottom: 69%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all 0.3s ease;
}
.page-id-492 .highlight-bg, .page-id-492 ::selection {
background: #95c11f;
}
.page-id-492 .highlight, .page-id-492 .cta-section .button {
color: #95c11f !important
}
.page-id-492 .cta-section .button:hover {
color: #fff !important
}
.page-id-492 .post a:link, .page-id-492 .post a:visited {
color: #95c11f;
}
.page-id-492 .post a:hover {
color: #244C5A !important;
}
.page-id-492 .image-left-gradient-highlight {
background: -webkit-linear-gradient(left, rgba(149, 193, 31, 1) 25%, rgba(149, 193, 31, 0));
background: -o-linear-gradient(right, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
background: -moz-linear-gradient(right, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
background: linear-gradient(to right, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
position: absolute;
top: 0;
bottom: 0;
left:0;
right: 50%;
}
.page-id-492 .image-right-gradient-highlight {
background: -webkit-linear-gradient(right, rgba(149, 193, 31, 1) 25%, rgba(149, 193, 31, 0));
background: -o-linear-gradient(left, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
background: -moz-linear-gradient(left, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
background: linear-gradient(to left, rgba(149, 193, 31, 1), rgba(149, 193, 31, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.page-id-494 .highlight-bg, .page-id-494 ::selection {
background: #fcbf00;
}
.page-id-494 .highlight, .page-id-494 .cta-section .button {
color: #fcbf00 !important
}
.page-id-494 .cta-section .button:hover {
color: #fff !important
}
.page-id-494 .post a:link, .page-id-494 .post a:visited {
color: #fcbf00;
}
.page-id-494 .post a:hover {
color: #244C5A !important;
}
.page-id-494 .image-left-gradient-highlight {
background: -webkit-linear-gradient(left, rgba(252, 191, 0, 1) 25%, rgba(252, 191, 0, 0));
background: -o-linear-gradient(right, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
background: -moz-linear-gradient(right, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
background: linear-gradient(to right, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
position: absolute;
top: 0;
bottom: 0;
left:0;
right: 50%;
}
.page-id-494 .image-right-gradient-highlight {
background: -webkit-linear-gradient(right, rgba(252, 191, 0, 1) 25%, rgba(252, 191, 0, 0));
background: -o-linear-gradient(left, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
background: -moz-linear-gradient(left, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
background: linear-gradient(to left, rgba(252, 191, 0, 1), rgba(252, 191, 0, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.page-id-498 .highlight-bg, .page-id-498 ::selection {
background: #e5007d;
}
.page-id-498 .highlight, .page-id-498 .cta-section .button {
color: #e5007d !important
}
.page-id-498 .cta-section .button:hover {
color: #fff !important
}
.page-id-498 .post a:link, .page-id-498 .post a:visited {
color: #e5007d;
}
.page-id-498 .post a:hover {
color: #244C5A !important;
}
.page-id-498 .image-left-gradient-highlight {
background: -webkit-linear-gradient(left, rgba(229, 0, 125, 1) 25%, rgba(229, 0, 125, 0));
background: -o-linear-gradient(right, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
background: -moz-linear-gradient(right, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
background: linear-gradient(to right, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
position: absolute;
top: 0;
bottom: 0;
left:0;
right: 50%;
}
.page-id-498 .image-right-gradient-highlight {
background: -webkit-linear-gradient(right, rgba(229, 0, 125, 1) 25%, rgba(229, 0, 125, 0));
background: -o-linear-gradient(left, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
background: -moz-linear-gradient(left, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
background: linear-gradient(to left, rgba(229, 0, 125, 1), rgba(229, 0, 125, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.page-id-500 .highlight-bg, .page-id-500 ::selection {
background: #00ace9;
}
.page-id-500 .highlight, .page-id-500 .cta-section .button {
color: #00ace9 !important
}
.page-id-500 .cta-section .button:hover {
color: #fff !important
}
.page-id-500 .post a:link, .page-id-500 .post a:visited {
color: #00ace9;
}
.page-id-500 .post a:hover {
color: #244C5A !important;
}
.page-id-500 .image-left-gradient-highlight {
background: -webkit-linear-gradient(left, rgba(0, 172, 233, 1) 25%, rgba(0, 172, 233, 0));
background: -o-linear-gradient(right, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
background: -moz-linear-gradient(right, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
background: linear-gradient(to right, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
position: absolute;
top: 0;
bottom: 0;
left:0;
right: 50%;
}
.page-id-500 .image-right-gradient-highlight {
background: -webkit-linear-gradient(right, rgba(0, 172, 233, 1) 25%, rgba(0, 172, 233, 0));
background: -o-linear-gradient(left, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
background: -moz-linear-gradient(left, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
background: linear-gradient(to left, rgba(0, 172, 233, 1), rgba(0, 172, 233, 0));
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.highlight-bg a {
color: #244C5A;
}
.highlight-bg a:hover {
color: #fff;
}
.dark-bg a:hover {
color: #fff;
}
.has-cookie-bar #catapult-cookie-bar {
padding: 8px 20px 8px !important;
font-size: 15px !important;
background: #4d6776;
}
button#catapultCookie {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-transform: uppercase;
}
.search-box {
display: none;
}
#search-button {
-webkit-appearance: none;
padding: 0;
border: 0;
box-shadow: none;
background: none;
font-size:19px;
cursor: pointer;
}
#search-button:focus, #search-button:hover {
outline:0;
color: #2DCCD3
}
#search-input {
font-size: 16px;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
background: #fff;
box-shadow: 0 !important;
padding: 10px 12px !important;
width: auto;
border: 1px solid #fff !important;
outline: none;
color: #244C5A;
-webkit-appearance: none;
resize: none;
transition: all 0.4s ease;
float: left;
margin: 0;
height: 44px;
}
#search-input::-webkit-input-placeholder {
color: #909bb0 !important;
}
#search-input:-moz-placeholder {
color: #909bb0 !important;
}
#search-input::-moz-placeholder {
color: #909bb0 !important;
}
#search-input:-ms-input-placeholder {
color: #909bb0 !important;
}
#search-input::-ms-input-placeholder {
color: #909bb0 !important;
}
#search-input::placeholder {
color: #909bb0 !important;
}
#search-input:focus {
background: transparent;
color: #fff;
}
#search-input:focus::placeholder {
color: #fff !important;
}
.search-box input[type=submit] {
font-family: "Font Awesome 5 Pro";
letter-spacing: 0;
font-weight: 400;
padding: 0 5px !important;
box-shadow: none !important;
background: transparent;
color: #2DCCD3;
text-shadow: none !important;
font-size: 19px;
border: 0 !important;
border-left-width: 0 !important;
-webkit-appearance: none;
display: inline-block;
width: auto;
transition: all 0.4s ease;
margin: 0;
}
.search-box input[type=submit]:focus {
outline:0;
}
.search-box input[type=submit]:hover {
background: transparent;
border-color: #fff !important;
}
#search-container {
margin-right: 25px;
display: inline-block;
}
#google_translate_element {
display: inline-block;
}
.top-footer-container {
text-align: center;
padding: 15px;
border-bottom: 1px solid #393939;
}
.top-footer-container h4 {
display: inline-block;
vertical-align: top;
margin: 0 !important;
padding-top: 5px;
padding-right: 20px;
}
.top-footer-container .newsletter-button::after {
display:none !important;
content: "" !important;
}
.top-footer-container #mc_embed_signup {
float: none !important;
display: inline-block;
padding-left: 20px;
}
.sm-text {
font-size: 11px;
vertical-align: top;
padding-top: 6px;
padding-left: 2px;
display: inline-block;
color: #2DCCD3 !important;
transition: all 0.3s ease;
}
.social-links li:hover .sm-text {
color: #fff !important;
}
.section .button:first-of-type {
margin-right: 10px;
}
.home-tiles {
list-style: none;
margin: 0;
padding: 0;
}
.home-tiles li {
background-color: #244C5A;
position: relative;
background-repeat: no-repeat;
background-size: cover !important;
transition: all 0.3s ease;
background-position: 50% 50%;
float: left;
}
.home-tiles li > a {
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: block;
position: absolute;
}
.home-tiles li .tile-box {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
margin: 0 !important;
transition: all 0.4s ease;
}
.home-tiles li:hover .tile-box {
bottom: 30px;
left: 30px;
}
.tile-text {
font-size: 16px;
color: #59707c;
margin-bottom: 0 !important;
}
.home-tiles li:hover .box-overlay {
opacity: 0.95 !important;
}
.box-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: all 0.4s ease;
}
.tile-overlay {
background: -webkit-linear-gradient(bottom, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: -o-linear-gradient(top, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: -moz-linear-gradient(top, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: linear-gradient(to top, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
position: absolute;
top: 60%;
bottom: 0;
left: 0;
right: 0;
}
.map-responsive{
overflow:hidden;
min-height: 500px;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.single-events .container, .single-breweries .container, .single-stories .container, .page-template-template-nobanner .container, .search .container, .single-team .container, .woocommerce.archive .container, .single-jobs .container, .single-analysis .container, .single-services .container {
}
.woocommerce .container {
max-width: 1048px;
}
.woocommerce #container {
padding: 30px
}
.woocommerce.search #sidebar, .woocommerce #sidebar {
display: none !important;
}
.post .woocommerce {
max-width: 1280px;
margin: 0 auto;
}
.woocommerce-cart .woocommerce {
max-width: 1048px;
margin: 0 auto;
padding: 30px;
}
.post .woocommerce .button, .woocommerce .container .button {
font-weight: 400 !important;
background: #2DCCD3 !important;
color: #fff !important;
padding: 10px 18px 11px !important;
border: 1px solid #2DCCD3 !important;
}
.woocommerce .container .button:hover {
background: transparent !important;
color: #2DCCD3 !important;
}
.post .woocommerce .button:hover {
background: #2DCCD3 !important;
color: #fff !important;
}
.woocommerce .cta-section .button {
border: 1px solid #fff !important;
background: #fff !important;
font-weight: 400 !important;
border-radius: 0 !important;
position: absolute !important;
padding: 14px 27px 16px !important;
color: #2DCCD3 !important;
}
.woocommerce .cta-section .button:hover {
background: transparent !important;
color: #fff !important;
}
.woocommerce .top-footer .footer-signup-submit {
background: #2DCCD3 !important;
padding: 10.5px 15.65px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
font-size: 16px;
}
.woocommerce .top-footer .footer-signup-submit:hover {
background: #244C5A !important;
color: #2DCCD3 !important;
} .product_cat_courses .site-header {
position: relative !important;
}
.product_cat_courses .container {
padding: 0 !important;
}
.product_cat_courses #container {
padding: 0 !important;
}
.product_cat_courses .woocommerce-breadcrumb {
display: none;
}
.product_cat_courses .course-breadcrumb .woocommerce-breadcrumb {
display: block !important;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: #2DCCD3;
}
.product_cat_courses .woocommerce-message {
margin-top: 30px;
}
.woocommerce-product-details__short-description {
margin-bottom: 1.618em;
}
.course-image {
padding-bottom: 35%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
mark {
background: #2DCCD3;
color: #fff;
padding: 2px 4px;
}
.woocommerce form .form-row .required, .woocommerce a.remove {
color: #2DCCD3 !important;
}
.woocommerce a.remove {
line-height: 0.82em !important;
padding-left: 1px
}
.woocommerce a.remove:hover {
background: #2DCCD3 !important;
color: #fff !important
}
#sagepaydirect-cc-form select {
font-size: 16px !important;
}
#sagepaydirect-cc-form input {
font-size: 15px !important; 
}
.added_to_cart {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
letter-spacing: 1.5px;
padding-left: 10px;
font-size: 15px;
}
.woocommerce-checkout-review-order-table td, .woocommerce-Price-amount {
font-weight: 400 !important;
}
.woocommerce-MyAccount-navigation {
background: #f3f4f6;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 30px;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
padding-bottom: 8px;
}
.search-box {
background: #244C5A;
padding: 20px;
position: absolute;
top: 81px;
right: 0;
display: none;
}
#search-button {
-webkit-appearance: none;
padding: 0;
border: 0;
box-shadow: none;
background: none;
font-size: 17px;
cursor: pointer;
}
#search-button:focus, #search-button:hover {
outline:0;
color: #2DCCD3
}
#search-input {
font-size: 15px;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
background: #fff;
box-shadow: 0 !important;
padding: 10px 12px !important;
width: auto;
border: 1px solid #fff !important;
outline:none;
color: #244C5A;
-webkit-appearance: none;
resize: none;
transition: all 0.4s ease;
float: left;
margin: 0;
height: 44px;
}
#search-input:focus {
background: transparent;
color: #fff;
}
#search-input:focus::placeholder {
color: #fff !important;
}
.search-box input[type=submit] {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
padding: 12px 12px !important;
box-shadow: none !important;
background: #2DCCD3;
color: #fff;
text-shadow: none !important;
font-size: 14px;
line-height: 18px;
border: 1px solid #2DCCD3 !important;
border-left-width: 0 !important;
-webkit-appearance: none;
display: inline-block;
width: auto;
transition: all 0.4s ease;
float: left;
margin: 0;
height: 44px;
}
.search-box input[type=submit]:focus {
outline:0;
}
.search-box input[type=submit]:hover {
background: transparent;
border-color: #fff !important;
}
.woocommerce-Tabs-panel {
display: block;
font-size: 17px;
padding: 30px !important;
}
.woocommerce-Tabs-panel ul li {
padding-bottom: 6px;
}
.woocommerce-tabs {
background: #f3f4f6;
}
.tabs {
padding: 0 !important;
margin-bottom: 0 !important;
border-bottom: 1px solid #244C5A;
background: #fff;
}
.tabs::before {
border: 0 !important;
content: none !important;
}
.tabs li {
background: none !important;
border: 0 !important;
box-shadow: none !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
margin: 0 !important;
padding: 0 !important;
}
.tabs li a {
font-weight: 400 !important;
color: #fff !important;
padding: 10px 14px !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #909ab0;
}
.tabs li.active a, .tabs li a:hover {
background: #244C5A !important;
color: #fff !important;
}
.tabs li::before {
content: none !important;
display: none !important;
width: 0 !important;
border: 0 !important;
z-index: 1;
}
.tabs li::after {
right: 0 !important;
border-bottom-left-radius: 0 !important;
border-width: 0 !important;
box-shadow: none !important;
border: 0 !important;
bottom: 0 !important;
display: none !important;
width: 0 !important;
height: 0 !important;
content: none !important;
}
.home-products .products li {
text-align: center !important;
background: #fff;
box-shadow: 0 0 30px #ccc;
transition: all 0.4s ease;
}
.home-products .products li:nth-child(4n) {
margin-right: 0 !important;
}
.home-products .products li:hover {
background: #244C5A;
}
.home-products .products li:hover h2 {
color: #fff !important 
}
.home-products .products li .button {
display: none !important;
}
.home-products .products li.product a img, .home-products .products li.product .price {
margin-bottom: 20px !important;
}
.home-products .products li.product .price { 
padding: 0 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding-top: 0 !important;
}
.home-products .woocommerce-loop-product__title {
padding: 0 10px 5px 10px !important;
}
.shop-categories .woocommerce ul.products li.product a img {
margin-bottom: 0;
}
.shop-categories .woocommerce ul.products li.product .woocommerce-loop-category__title {
padding: 0;
position: absolute;
bottom: 0;
left: 0;
}
.woocommerce div.product .out-of-stock {
color: #2DCCD3;
}
.products img {
transition: all 0.4s ease;
}
.product a:hover img {
opacity: 0.7;
}
.summary .product_title {
margin-bottom: 0 !important;
}
.sku_wrapper {
display: none !important;
}
.posted_in, .tagged_as {
display: block;
font-size: 14px;
}
.tagged_as {
padding-top: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
transition: all 0.4s ease;
}
.woocommerce .container, .woocommerce-checkout .container, .woocommerce-page .container {
max-width: 1400px;
padding: 115px 30px 45px 30px;
overflow: hidden;
}
.single-product #container, .woocommerce-checkout .container {
max-width: 1280px;
margin: 0 auto;
}
.single-product #container {
padding-top: 0;
}
.woocommerce-cart .container {
max-width: none;
padding:0;
}
.woocommerce-cart .woocommerce a, .woocommerce-cart .woocommerce .woocommerce-Price-amount {
color: #244C5A !important;
}
.woocommerce-cart .woocommerce a:hover {
color: #2DCCD3 !important;
}
.woocommerce-shipping-calculator p {
margin-bottom: 0 !important;
}
.woocommerce-info, .woocommerce-message, .woocommerce-Message {
border-color: #244C5A !important;
}
.woocommerce-info:before, .woocommerce-message:before, .woocommerce-Message:before {
color: #244C5A !important;
}
.price {
color: #2DCCD3 !important;
}
.summary .price {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 25px;
margin-bottom: 20px !important;
}
.onsale {
font-weight: 400 !important;
background-color: rgba(44, 44, 79, 0.9) !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
height: 50px;
width: 50px;
text-align: center;
top: 5px !important;
left: 5px !important;
min-width: none !important;
min-height: none !important;
}
.woocommerce ul.products li.product .onsale {
margin: 0 !important;
}
.woocommerce-Price-amount {
color: #2DCCD3 !important;
}
.div.woocommerce-variation-description {
margin-bottom: 20px
}
.qty {
min-height: 24px;
font-size: 16px;
margin: 0 !important;
}
.woocommerce-variation {
margin-bottom: 20px;
}
.courses-container .price {
}
ins, del {
display: inline-block !important;
padding-right: 5px;
color: #2DCCD3 !important;
font-weight: 400 !important;
}
ins {
text-decoration: none;
}
.woocommerce #sidebar {
display: none !important;
}
.woocommerce-breadcrumb {
font-size: 14px !important;
}
.related.products {
clear: both;
border-top: 1px solid #cbcbd2;
padding-top: 40px;
}
.related.products h2 {
margin-bottom: 20px;
}
.shop-categories .products h2 {
color: #fff;
background: -webkit-linear-gradient(bottom, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: -o-linear-gradient(bottom, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: -moz-linear-gradient(bottom, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
background: linear-gradient(to top, rgba(9, 175, 237, 0.9), rgba(9, 175, 237, 0));
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20% 20px 20px !important;
}
.shop-categories  ul.products li.product .woocommerce-loop-category__title {
padding-top: 20% !important;
}
.shop-categories .products li:nth-last-of-type(-n+3) {
margin-bottom: 0 !important;
}
.product_cat_courses .related.products {
padding: 40px 30px;
}
.woocommerce-cart .button, .woocommerce-checkout .button, .woocommerce-page .woocommerce-Button {
background: #2DCCD3 !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #fff !important;
padding: 12px 18px !important;
letter-spacing: 0 !important;
}
.woocommerce-cart .button:hover, .woocommerce-checkout .button:hover, .woocommerce-page .woocommerce-Button:hover {
background: #244C5A !important;
}
.woocommerce-account fieldset {
margin-bottom: 30px;
}
.woocommerce-account fieldset .woocommerce form .form-row label {
line-height: 1.4 !important;
margin-bottom: 10px;
}
.woocommerce-cart .actions .button {
font-size: 12px !important;
padding: 8px 16px !important;
}
#coupon_code {
line-height: 1.45;
font-size: 12px;
padding: 6px 10px;
min-width: 120px;
}
#calc_shipping_country_field {
font-size: 16px;	
}
.shipping-calculator-button {
font-size: 15px;
color: #2DCCD3 !important
}
.input-text {
font-size: 15px;
padding: 7px 0;
outline: 0;
}
.select2-selection {
border-color: #eee !important;
}
.woocommerce-message .button, .woocommerce-Message .button, .woocommerce-info .button, .woocommerce-error .button {
background: transparent !important;
font-size: 11px !important;
border: 1px solid #2DCCD3 !important;
color: #2DCCD3 !important;
font-weight: 400 !important;
font-size: 14px !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
padding: 8px 16px !important;
}
.woocommerce .summary .button {
background: #2DCCD3 !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
clear: both;
font-weight: 400;
transition: all 0.4s ease;
display: inline-block;
border: 1px solid #2DCCD3 !important;
color: #fff !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
font-size: 18px !important;
padding: 14px 28px !important;
}
.woocommerce .summary .button:hover {
background: transparent !important;
color: #2DCCD3 !important
}
.woocommerce .products .button {
background: transparent !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
clear: both;
font-weight: 400;
transition: all 0.4s ease;
display: inline-block;
border: 1px solid #2DCCD3 !important;
color: #2DCCD3 !important;
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
font-size: 14px;
padding: 12px 18px;
margin-top: 15px !important
}
.comment-form .submit {
background: transparent !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
clear: both;
font-weight: 400 !important;
transition: all 0.4s ease;
display: inline-block;
border: 1px solid #244C5A !important;
color: #244C5A !important;
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
font-size: 14px;
padding: 12px 18px !important;
margin-top: 8px !important
}
.product_meta {
border-top: 1px solid #cbcbd2;
padding-top: 30px;
}
.variations .label {
padding-right: 5px !important;
}
.variations label {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
text-transform: capitalize;
margin-top: 3px;
display: block 
}
.shop_attributes p {
margin-bottom: 0 !important;
}
hr {
vertical-align: middle;
}
.woocommerce select {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px;
border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
background: transparent;
border: 1px solid #cbcbd2;
color: #244C5A !important;
outline: none;
margin: 0;
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/dropdown.png) no-repeat right transparent;
}
.reset_variations {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 14px;
color: #244C5A !important
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before {
border-color: #fff !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after {
background-color: #fff !important;
}
.summary .quantity {
margin-bottom: 30px !important;
}
.summary .quantity input {
padding: 7.5px 10px;
font-size: 16px;
width: auto !important;
max-width: 40px;
}
.summary .quantity::before {
content: 'Quantity';
display: inline-block;
padding-right: 19px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
text-transform: capitalize;
}
.woocommerce .button:hover {
background: #2DCCD3 !important;
color: #fff !important;
}
.woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-account input, .woocommerce-account textarea, .woocommerce-page input, .woocommerce-page textarea {
}
ul.page-numbers {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
border-color: #244C5A !important;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.woocommerce nav.woocommerce-pagination ul li {
border-color: #244C5A !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
background: #244C5A !important;
color: #fff !important
}
.woocommerce nav.woocommerce-pagination ul li span {
color: #244C5A !important;
}
.comment-form-rating {
margin: 20px 0;
}
.comment-form-rating label {
display: inline-block;
padding-right: 10px;
}
.stars {
display: inline-block;
margin-bottom: 0 !important;
line-height: 1.1em
}
.profiles {
overflow: hidden;
}
.team-section h3 {
margin-bottom: 20px;
}
.profiles .position {
color: #2DCCD3;
}
.team-link .position {
color: #2DCCD3;
}
.team-link:hover .position {
color: #fff;
}
.breadcrumbs {
font-size: 14px;
margin-bottom: 20px;
}
.sidebar input#file-upload.wpcf7-form-control.wpcf7-file {
display: inline-block;
float: left;
width: auto;
max-width: 200px;
font-size: 13px !important;
font-weight: 300;
padding: 11px 0;
margin: 0;
border: 0;
}
.sidebar .upload-text {
padding-right: 10px;
padding-top: 8px;
font-size: 13px;
float: left;
display: inline-block
}
.sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 input[type="tel"], .sidebar .wpcf7 input[type="email"], .sidebar .wpcf7 textarea {
background: #fff !important;
font-size: 16px;
}
.sidebar input.wpcf7-form-control.wpcf7-submit {
padding: 12px 28px !important;
font-size: 16px !important;
}
.single-analysis table, .single-services table {
margin: 0;
width: 100%;
border-collapse: collapse;
background: #f3f4f6;
}
.single-analysis table p, .single-services table p {
margin-bottom: 0 !important;
}
.single-analysis table a, .single-services table a {
display: block;
}
.single-analysis tr h3, .single-services tr h3 {
margin-bottom: 0 !important;
}
.single-analysis tr:nth-child(odd), .single-services tr:nth-child(odd) {
background-color:#f3f4f6;
}
.single-analysis tr:nth-child(even), .single-services tr:nth-child(even) {
background-color:#dee1e7;
}
.single-analysis td, .single-services td { 
padding: 8px;
}
.single-analysis table a, .single-services table a {
color: #2DCCD3;
}
.single-analysis table a:hover, .single-services table a:hover {
color: #244C5A;
}
.single-analysis tr:first-of-type td, .single-services tr:first-of-type td {
background: #244C5A;
border-bottom: 1px solid #2DCCD3 !important;
}
.single-analysis tr:first-of-type td, .single-analysis tr:first-of-type td h3, .single-services tr:first-of-type td, .single-services tr:first-of-type td h3 {
color: #2DCCD3 !important;
}
.single-analysis .divide-bottom, .single-services .divide-bottom {
border-bottom: 1px solid #2DCCD3 !important;
border-bottom-color: #2DCCD3 !important;
}
.sidebar-title, .sidebar-title h4 {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-transform: none !important;
font-weight: 400;
font-size: 18px;
letter-spacing: 0;
padding-top: 0px;
color: #202428;
box-sizing: border-box;
}
.sidebar-title:hover, .sidebar-title:hover h4 {
color: #2DCCD3
}
.accordion {
background: #f3f4f6;
margin-bottom: 1.5em;
position: relative;
}
.accordion br {
display: none;	
}
.accordion-title {
padding: 20px 20px;
margin-bottom: 0 !important;
outline: 0;
border-top: 1px solid rgba(9, 175, 237,0.2);
font-size: 19px;
color: #244C5A;
}
.accordion-title:first-of-type {
border-top: 0 !important;
}
.accordion-title:hover {
background: #dee1e7;
}
.accordion-title.open {
background: #244C5A;
color: #2DCCD3 !important;
}
.accordion h3.accordion-title::after {
font-family: "Font Awesome 5 Pro";
content: '\f107';
position: absolute;
right: 18px;
}
.accordion h3.accordion-title.open::after {
content: '\f106' !important;
}
.accordion-content {
padding: 20px 20px
}
.accordion-content img {
width: 100%;
height: auto;
display: block;
margin: 20px 0;
}
.page-template-template-analysis .sidebar-title h4, .single-analysis .sidebar-title h4, .single-services .sidebar-title h4, .page-template-template-services .sidebar-title h4 {
border-bottom: 1px solid rgba(9, 175, 237, 0.2);
padding-bottom: 15px !important;
margin-bottom: 15px !important;
}
.page-template-template-analysis .sidebar-title:last-of-type h4, .single-analysis .sidebar-title:last-of-type h4, .single-services .sidebar-title:last-of-type h4, .page-template-template-services .sidebar-title:last-of-type h4 {
border-bottom: 0;
}
#alg-product-input-fields-table {
margin-bottom: 10px;
}
#alg-product-input-fields-table label {
content: 'Quantity';
display: inline-block;
padding-right: 19px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400 !important;
text-transform: capitalize;
}
input#alg_wc_pif_local_1 {
padding: 10px;
font-size: 14px;
width: auto !important;
min-width: 210px;
outline: 0;
}
.shop-tiles p {
display: none;
margin-bottom: 0 !important;
}
.courses-container .woocommerce-product-details__short-description, .courses-container .price {
display: inline-block;
}
.courses-container .woocommerce-product-details__short-description {
padding-left: 0;
position: relative;
clear: both;
display: block;
color: #244C5A;
font-size: 1.25em
}
.courses-categories .deposit-amount {
display: none !important;
margin-bottom: 0 !important;
}
.courses-categories .woocommerce-Price-amount::before {
content: 'Course fee inc VAT: '
}
.products .woocommerce-product-details__short-description, .products .woocommerce-product-details__short-description p {
margin-bottom: 15px !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-size: 95%
}
.container .no-mb-section.intro p, .container .no-mb-section.intro p {
margin-bottom: 0 !important
}
.gm-style .gm-style-iw { 
max-width: 300px;
}
.one-awards {
padding-right: 30px;
padding-bottom: 10px;
width: 50%;
max-width: 225px;
}
p:last-child, span:last-child, ul:last-child, ol:last-child {
margin-bottom: 0;
}
.subnav li a {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
text-transform: none !important;
font-weight: 400;
font-size: 18px;
letter-spacing: 0;
padding-top: 0px;
color: #202428;
box-sizing: border-box;
}
.subnav li.current-cat a {
color: #2DCCD3;
}
.results-found {
clear: both;
position: relative;
display: block;
padding-bottom: 30px;
}
#display-deposit-product {
color: #244C5A !important;
}
.product_cat_courses .price {
margin-bottom: 0 !important;
}
.product_cat_courses .woocommerce-Price-amount::before {
content: 'Course fee inc VAT: ';
}
.product_cat_courses .woocommerce-product-details__short-description p:first-of-type {
color: #2DCCD3 !important;
}
.product_cat_courses .woocommerce-variation-description p::before {
content: 'Location: ';
color: #2DCCD3 !important;
}
.product_cat_courses #display-deposit-product {
display: none !important;
}
.product_cat_courses .woocommerce-variation-description {
color: #244C5A;
}
.banner-gradient {
background: rgba(9, 175, 237, 0.85);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.banner-logo {
float: right;
max-width: 300px;
position: absolute;
right: 8%;
top: 50%;
transform: translateY(-50%);
}
.button-right {
float: right;
margin-top: 15px;
}
.three-column.events > li {
background: #fff;
border: 3px solid #fff;
font-size: 16px;
}
.two-column.events > li {
background: #fff;
border: 3px solid #fff;
font-size: 18px;
}
.events p {
color: #244C5A;
}
.events > li:hover {
background: #2DCCD3;
border-color: #2DCCD3;
color: #fff;
}
.events > li:hover h3, .events > li:hover .blog-date, .events > li:hover p, .events > li:hover a {
color: #fff !important;
}
.events > li:hover .button {
background: #fff !important;
color: #2DCCD3 !important;
}
.post-container {
padding: 20px 0;
}
.small-text {
font-size: 80%;
opacity: 0.5;
}
.top-logo {
max-height: 200px;
margin-bottom: 20px;
float: left;
padding-right: 30px;
}
.blog-date ul {
padding-left: 0 !important;
}
.single-post .content img.size-full {
width: auto;
height: auto;
display: block;
margin-bottom: 1.5em;
max-width: 100%;
}
.date-cat {
margin-top: 10px;
display: block;
color: #fff;
font-weight: 400;
}
.single-post .banner-gradient, .single-events .banner-gradient {
background: rgba(9, 175, 237, 0.95) !important;
}
.single-events .post h3 {
font-family: "Gotham A", "Gotham B", 'Open Sans', Arial, Helvetica, sans-serif !important;
margin-bottom: 1.5em !important;
}
.input-group {
padding: 15px 0px;
}
.input-group li {
padding-bottom: 0 !important;
}
.input-group li label {
padding-left: 10px;
font-size: 90%;
}
.sidebar .search-container {
width: 100%;
margin-bottom: 1.5em;
}
.single-experts .banner-title, .single-experts .gform_title {
text-transform: capitalize;
}
.research-resources br {
display: none !important; 
}
.research-resources ul {
list-style: none;
padding: 0;
margin: 0 0 3em 0;
}
.section.research-resources ul:last-child {
margin-bottom: 0 !important;
}
.research-resources ul li {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.research-resources ul li p {
margin-bottom: 0 !important;
}
.research-resources ul li:last-of-type {
border-bottom: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.research-name {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 400;
font-size: 21px;
color: #244C5A !important;
margin-bottom: 3px;
}
.access {
display: block;
font-size: 17px;
margin-bottom: 15px;
}
.subtitle {
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
}
.expert-image {
padding-bottom: 25%;
float: left;
max-width: 300px;
height: 0;
margin-right: 30px;
margin-bottom: 15px;
width: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.single-experts .content p img {
display: none !important;
}
.page-template-template-nobanner .container {
max-width: 960px;
padding-top: 145px !important;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.box-tiles {
overflow: visible !important;
display: flex;
flex-wrap: wrap;
}
.box-tiles > li {
background: #fff;
padding: 25px;
transition: all 0.4s ease;
}
.box-tiles > li:hover {
background: #244C5A !important;
}
.box-tiles > li:hover h3 {
color: #fff !important;
}
.box-tiles > li:hover .tile-text {
color: #8ca0af !important;
}
.box-tiles > li:hover .large-icon, .box-tiles > li:hover .large-icon i {
color: #2DCCD3 !important;
}
.box-tiles p:last-child {
margin-bottom: 0 !important;
}
.large-icon i {
transition: all 0.4s ease;
font-weight: 300 !important;
}
.large-icon {
font-size: 80px;
margin-bottom: 30px;
color: #2DCCD3;
transition: all 0.4s ease;
}
.highlight-icons .large-icon {
color: #244C5A !important;
}
.highlight-icons h3, .highlight-icons p {
color: #fff !important;
}
.accreditation-logo {
max-height: 50px;
max-width: 100px;
width: auto;
height: auto;
display: inline-block;
padding: 10px 30px 10px 0;
margin: 0 auto;
vertical-align: middle;
}
.accreditation-logo:first-of-type {
}
.accreditation-logo:last-of-type {
padding-right: 0 !important
}
.page-template-template-sidebar .container .content p:first-of-type {
font-size: 120%;
color: #244c5a;
}
.client-login {
font-size: 16px;
letter-spacing: -0.5px;
margin-right: 15px;
color: #244C5A;
}
.contact-button {
margin: 0 10px 0 0;
}
.client-login {
color: #244C5A !important;
}
.client-login:hover {
color: #2DCCD3 !important;
}
.site-header i {
color: #2DCCD3
}
.home-intro {
padding-top: 0;
}
.box-tiles li ul {
list-style: none;
padding: 0 0 0 30px;
font-weight: 400;
}
.box-tiles li ul li {
padding-bottom: 8px;
transition: all 0.4s ease;
font-weight: 500;
font-size: 17px;
color: #2DCCD3;
}
.box-tiles li:hover ul li {
color: #fff
}
.box-tiles li ul li::before {
font-family: "Font Awesome 5 Pro";
content: '\f058';
color: #1592ce;
margin-left: -27px;
margin-right: 10px;
font-weight: 700;
transition: all 0.4s ease;
}
.half-image-img {
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.text-container {
clear: both;
display: block;
position: relative;
overflow: hidden;
}
.footer-left {
width: 35%;
float: left;
}
.footer-right {
width: 65%;
float: right;
}
.form-half {
width: 49% !important;
float: left;
margin-bottom: 2%;
}
.newsletter-signup .form-half, .newsletter-signup .form-half input {
margin-bottom: 0 !important;
}
.fh-left {
margin-right: 2%;
}
.contact-button::after {
content: '\f107';
font-family: 'Font Awesome 5 Pro';
padding-left: 10px
}
.contact-button:active::after {
content: '\f106';
}
.two-column.box-tiles li {
padding: 40px;
color: #fff;
}
.two-column.box-tiles li p {
color: #fff !important;
}
.two-column.box-tiles li:hover .large-title {
color: #2DCCD3 !important;
}
.less-fifteen {
background: #2DCCD3 !important;
}
.more-fifteen {
background: #1592ce !important;
}
.text-container p:last-child {
margin-bottom: 1.5em;
}
.client-logos {
padding: 0;
margin: 0;
list-style: none;
align-items: center;
display: flex;
justify-content: center;
}
.client-logos li {
display: inline-block;
margin-right: 4%;
margin-bottom: 20px;
height: 75px;
vertical-align: top;
width: 16%;
display: flex;
justify-content: center;
align-items: center;
}
.client-logos li img {
max-height: 70px;
max-width: 170px;
transition: all 3s ease;
}
.client-logos li:hover img {
max-height: 99px;
max-width: 187px;
}
.client-logos li:last-of-type {
margin-right: 0 !important;
}
.quote-mark {
font-size: 60px;
color: #2DCCD3;
display: block;
margin: 0 auto;
text-align: center !important;
margin-bottom: 15px;
}
.testimonial {
max-width: 960px !important;
left: 0;
right: 0;
}
.testimonials-page .testimonial {
background: #f6f6f6;
padding: 30px !important;
}
.testimonials-page .testimonial-category {
display: block;
color: #2DCCD3;
margin-bottom: 10px;
font-weight: 700;
}
.wpmslider-prev, .wpmslider-next {
font-weight: 300 !important;
font-family: "Font Awesome 5 Pro", FontAwesome !important;
color: #244C5A !important;
}
.wpmslider-prev:hover, .wpmslider-next:hover {
color: #fff !important;
}
.white-bg .wpmslider-prev:hover, .white-bg .wpmslider-next:hover, .grey-bg .wpmslider-prev:hover, .grey-bg .wpmslider-next:hover {
color: #2DCCD3 !important;
}
.testimonial-inner {
text-align: center !important;
padding: 0 !important;
}
.testimonial-name {
color: #fff;
font-weight: 700;
font-size: 21px;
}
.testimonial-business {
font-size: 16px;
color: #fff;
margin-top: 8px;
}
.grey-bg .testimonial-name, .grey-bg .testimonial-business {
color: #244C5A;
}
.testimonial-content p {
font-size: 120%;
}
.testimonials-page .testimonial-name, .testimonials-page .testimonial-business {
color: #244C5A !important;
}
.testimonials-page .testimonial-inner {
text-align: left !important;
}
.testimonials-page .testimonial-content p {
font-size: 100% !important;
}
.testimonials-page .testimonial {
margin-bottom: 60px !important;
}
.testimonials-page .testimonial-image { float: none !important;
clear: both !important;   }
.testimonials-page .testimonial-image img {
max-width: 200px;   max-height: 80px;height: auto;width: auto;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:before {
color: #fff !important;
font-size: 16px !important;
width: 23px !important;
content: "\f111" !important;
opacity: 0.4;
transition: all 0.4s ease;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:hover:before, .strong-view.pager-style-buttons .wpmslider-pager-link.active:before {
color: #fff !important;
opacity: 1;
}
.white-bg .strong-view.pager-style-buttons .wpmslider-pager-link:before, .grey-bg .strong-view.pager-style-buttons .wpmslider-pager-link:before {
color: #244C5A !important;
}
.white-bg .strong-view.pager-style-buttons .wpmslider-pager-link:hover:before, .grey-bg .strong-view.pager-style-buttons .wpmslider-pager-link:hover:before {
color: #244C5A !important;
}
.story-tax {
display: block;
font-size: 16px;
font-weight: 700;
color: #2DCCD3;
margin-bottom: 15px;
}
.story-short {
margin-bottom: 15px;
}
.story-business {
color: #244C5A;
font-size: 18px;
margin-bottom: 30px !important;
display: block;
line-height: 1.4em
}
.customer-stories li:hover {
background: transparent !important;
}
.customer-stories li:hover .post-image {
opacity: 0.7;
}
.three-column li:hover h4 {
opacity: 0.5 !important;
}
.single .content blockquote {
font-weight: 700 !important;
color: #2DCCD3;
font-size: 120%;
}
.single .content blockquote::before {
content: '\f10d';
font-family: 'Font Awesome 5 Pro';
font-size: 40px;
margin-bottom: 15px;
display: block;
}
.contact-box-cont {
display: inline-block;
}
.contact-box {
position: absolute;
background: #2DCCD3;
padding: 20px;
text-align: left;
display: none;
font-size: 16px;
margin-left: -112px;
margin-top: -2px;
z-index: 10002
}
.contact-box a {
color: #fff
}
.contact-box a:hover {
color: #244C5A
}
.site-header .contact-box i {
color: inherit;
transition: none;
}
.site-header .contact-box .social-links {
float: none !important;
margin-bottom: 0 !important;
}
.site-header .contact-box .social-links a {
color: #fff !important;
}
.site-header .contact-box .social-links a:hover {
color: #244C5A !important;
}
.site-header .contact-box ul {
list-style: none;
padding:0;
margin: 0 0 1.5em 0;
}
.site-header .contact-box ul li {
padding-bottom: 8px;
}
.site-header .contact-box ul li:last-of-type {
padding-bottom: 0;
}
.single .content img {
max-width: 100%;
height: auto;
}
.single .content .aligncenter {
margin: 0 auto;
display: block;
}
.cookie-bar-bar .ctcc-inner {
font-size: 14px
}
button#catapultCookie{
font-weight: 700;
letter-spacing: 0;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
}
.news-stories li p, .excerpt {
font-size: 15px;
color: #244C5A;
}
.excerpt p {
margin-bottom: 0 !important;
}
.banner-container {
position: relative;
overflow: hidden;
}
.banner-container .narrow-section {
position: relative;
}
.text-container-half p {
font-size: 120%;
}
.box-tiles.blue-tiles > li {
background: #2DCCD3
}
.box-tiles.blue-tiles > li i {
color: #244C5A !important
}
.box-tiles.blue-tiles > li h3, .box-tiles.blue-tiles > li i, .box-tiles.blue-tiles > li ul li {
color: #fff;
}
.box-tiles.blue-tiles > li ul li::before {
color: #244C5A;
}
.box-tiles.blue-tiles > li:hover ul li::before {
color: #2DCCD3;
}
.cta-section {
padding-top: 0 !important;
}
.plain-columns p {
color: #244C5A;
}
.highlight-bg .plain-columns p {
color: #fff;
}
.three-column.plain-columns li p {
font-size: 16px;
}
.three-column.plain-columns li img {
width: 100%;
height: auto;
display: block;
margin-bottom: 1.5em;
}
.three-column.plain-columns li:hover {
background: transparent !important;
}
.half-image.half-image-nmh {
min-height: 0 !important;
}
.no-pt {
padding-top: 0 !important;
}
.box-tiles br {
display: none !important;
}
.team-boxes li:hover, .team-boxes li:hover h3 {
color: #fff !important;
}
.team-boxes .job-title, .team-boxes .team-bio {
transition: none !important;
}
.team-boxes .job-title {
font-weight: 700;
color: #2DCCD3;
display: block;
margin-bottom: 12px;
transition: all 0.4s ease;
}
.team-boxes li:hover .job-title {
color: #244C5A !important;
}
.team-bio {
font-size: 15px !important;
}
.highlight-bg .box-tiles li p {
color: #244C5A;
}
.blue-tiles li p, .blue-tiles li span {
color: #fff;
}
.highlight-bg .box-tiles li:hover p {
color: #fff;
}
.module p {
margin-bottom: 0 !important;
}
.module p:last-of-type {
margin-bottom: 1.5em !important;
}
.contact-pref, .what-improve {
margin: 20px 0;
font-size: 85%;
}
.banner-play {
bottom: 0;
right: 0;
position: absolute;
font-weight: 700;
padding: 0 30px 30px 0;
}
.banner-play a {
color: #fff !important;
text-shadow: 0 0 30px #244C5A;
}
.banner-play a:hover {
color: #244C5A !important;	
}
.banner-overlay .bullets-section ul li {
font-weight: 700;
color: #fff !important;
display: inline-block;
margin-right: 40px;
}
.banner-overlay .bullets-section ul li:last-of-type {
padding-bottom: 0 !important;
margin-right: 0 !important;
}
.banner-overlay .bullets-section ul li::before, .highlight-bullets-section ul li::before {
color: #244C5A !important;
}
.brochure-image {
display: block;
padding-top: 30px;
padding-left: 30px;
width: 35%;
float: left;
}
.brochure-text {
float: right;
width: 62%;
}
.resp-image {
width: 100%;
height: auto;
display: block;
}
.wp-caption-text {
padding-top: 10px;
font-size: 15px !important;
}
.accreditations img {
display: inline-block;
max-height: 100px;
width: auto;
margin: 15px;
}
.accreditations p, .column-title p, h1 p {
margin-bottom: 0 !important;
}
.column-title p, h1 p {
font-size: 100% !important;
line-height: 1.25em !important;
}
.wpcf7-list-item-label {
font-size: 14px;
line-height: 1.5em;
}
#fancybox-content {
border-width: 30px !important;
}
#fancybox-wrap {
width: auto !important;
}
#fancybox-content .wpcf7-form-control-wrap {
margin-bottom: 12px;
}
#fancybox-content .wpcf7-form-control-wrap.your-consent {
margin-bottom: 20px;
}
.ebd_link::before {
content: 'Download:';
font-weight: 700 !important;
color: #244C5A;
margin-top: 30px;
display: inline-block;
padding-right: 5px;
}
.ebd_link {
font-weight: 700;
display: inline-block;
color: #2DCCD3;
text-decoration: none;
}
.blog-filters {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
margin-bottom: 40px
}
.blog-filters li {
display: inline-block;
padding-right: 25px;
font-weight: 700;
color: #244C5A;
font-size: 16px;
letter-spacing: -0.5px;
color: #244C5A;
transition: all 0.4s ease;
}
.blog-filters li a {
color: #244C5A;
}    
.blog-filters li:hover, .blog-filters li:hover a {
color: #2DCCD3 !important;
}
.wpgmza_markerbox a.highlight-button, .wpgmza_markerbox a {
color: #2DCCD3 !important;
}
.wpgmza_markerbox a.highlight-button:hover, .wpgmza_markerbox a:hover {
color: #fff !important;
}
.strong-view.controls-type-sides-outside {
padding: 0 !important;
box-sizing: border-box !important;
}
.grey-bg .wpmslider-next:hover, .white-bg .wpmslider-next:hover {
color: #2DCCD3 !important;
} .dark-bg .wpmslider-controls-direction a {
color: #fff !important;
}
.dark-bg .wpmslider-controls-direction a:hover {
color: #2DCCD3 !important;
}
.inline-bullets {
font-weight: 700;
}
.inline-bullets ul li {
margin-right: 50px;
display: inline-block;
font-size: 110% !important;
}
.box-testimonials .section-container {
padding-left: 45px !important;
padding-right: 45px !important;
}
.cta-box {
position: relative;
background-color: #1592ce;
background-size: cover;
background-repeat: no-repeat;
background-position: 65% 40%;
padding: 40px;
overflow: hidden;
transition: all 0.4s ease;
}
.cta-box:hover {
opacity: 0.8;
}
.cta-box-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cta-box h4 {
font-size: 65px;
float: left;
width: 68%;
margin-bottom: 0 !important;
line-height: 1.05em;
letter-spacing: -1.5px;
}
.cta-box .button-container {
width: 30%;
position: absolute;
bottom: 40px;
right: 40px;
}
.cta-box .button-container .button {
float: right;
color: #244C5A !important;
}
.cta-box .button-container .button:hover {
color: #fff !important;
}
.testimonials-page .box-tiles li p {
font-weight: 400;
margin-bottom: 0 !important;
}
.stats li > br {
display: none;
}
.big-stat {
font-weight: 700;
font-size: 70px !important;
line-height: 1.2em;
display: block;
}
.stats .big-stat {
color: #2DCCD3;
margin-bottom: 5px;
}
.stat-description {
font-weight: 400;
}
.box-tiles > li:hover .highlight-bg-button {
background: #fff !important;
border-color: #fff !important;
color: #2DCCD3 !important;
}
#responsive-menu-button {
border: 3px solid #244C5A !important;
font-family: 'Rubik', 'Roboto', Arial, sans-serif !important;
font-weight: 700;
}
#responsive-menu-button:hover {
background: #244C5A !important;
color: #fff !important;
}
.responsive-menu-button-text {
transition: none !important;
}
#responsive-menu-button:hover .responsive-menu-label {
color: #fff !important;
}
#responsive-menu-button:hover .responsive-menu-inner, #responsive-menu-button:hover .responsive-menu-inner::before, #responsive-menu-button:hover .responsive-menu-inner::after {
background: #fff !important;
}
.responsive-menu-label {
text-transform: uppercase;
letter-spacing: 1px;
}
.responsive-menu-box {
}
.responsive-menu-box {
width: 0px !important;
overflow:hidden;
}
#responsive-menu-button:hover .responsive-menu-box {
width: 28px !important;
}
.osc-link {
margin-top: 40px;
font-size: 28px;
display: block;
}
body > #responsive-menu-button {
display: none !important
}
.side-logos::before {
content: "";
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/side-logos.png);
background-position: 100% 0%;
background-repeat: no-repeat !important;
left: -15%;
width: 30%;
display: block;
position: absolute;
top: 3%;
height: 97%;
background-size: cover;
}
.side-logos::after {
content: "";
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/side-logos.png);
background-position: 0% 50%;
background-repeat: no-repeat !important;
right: -15%;
width: 30%;
display: block;
position: absolute;
top: 0;
height: 100%;
background-size: cover;
}
.side-logos-small::before {
content: "";
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/side-logos.png);
background-position: 100% 50%;
background-repeat: no-repeat !important;
left: -12%;
width: 20%;
display: block;
position: absolute;
top: 0;
height: 100%;
background-size: cover;
margin-top: 20px;
}
.side-logos-small::after {
content: "";
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/side-logos.png);
background-position: 0% 50%;
background-repeat: no-repeat !important;
right: -12%;
width: 20%;
display: block;
position: absolute;
top: 0;
height: 100%;
background-size: cover;
}
.logo-left {
position: absolute;
top: -5%;
bottom: 0;
left: -15%;
width: 35%;
height: 100%;
}
.logo-left img {
height: auto;
display: block;
max-height: 550px;
}
.site-footer .side-logos {
position: relative;
}
.site-footer .side-logos::before {
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/footer-side-logos.png);
left: -10%;
width: 21.5%;
background-position: 100% 65% !important;
background-size: cover !important;
margin-top: 0;
height: 70%;
top: 0;
bottom: 0;
}
.site-footer .side-logos::after {
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/footer-side-logos.png);
right: -10%;
width: 21.5%;
background-position: 0% 35% !important;
background-size: cover !important;
margin-top: 0;
height: 70%;
top: 0;
bottom: 0;
}
#responsive-menu-wrapper {
position: relative; }
.close-button {
position: absolute;
top: 0;
right: 15px;
}
.close-button i {
font-size: 40px;
}
.news-stories li {
background: #fff;
}
.link-button {
text-transform: uppercase;
margin-top: 20px;
font-weight: 700;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
color: #244C5A;
transition: all 0.4s ease;
}
.link-button i {
vertical-align: middle;
padding-right: 6px;
}
.link-button.white {
color: #fff !important;
}
.news-stories li:hover .link-button, .link-button:hover {
opacity: 0.5;
}
.colour-box {
overflow: hidden;
margin-bottom: 40px;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.colour-box:last-of-type {
margin-bottom: 0 !important;
}
.colour-box .extra-padding {
width: 50%;
box-sizing: border-box;
float: left;
}
.full-bg-box {
height: 480px;
position: relative;
}
.full-bg-box .extra-padding {
width: 50%;
box-sizing: border-box;
position: absolute;
right: 0;
}
.colour-box .box-image {
width: 50%;
background-size: 110% !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
float: left;
padding-bottom: 40%;
position: relative;
transition: all 2s ease !important;
overflow: hidden;
}
.colour-box:hover .box-image {
background-size: 120% !important;
}
.team-boxes .colour-box {
display: flex;
}
.team-boxes .colour-box .box-image {
background-size: cover !important;	
}
.team-boxes .colour-box .box-image::before { 
content:"";
position:absolute; top:0;right:0;bottom:0;left:0;
background:inherit;
transition:inherit;
}
.team-boxes .colour-box .box-image:hover::before { 
transform: scale(1.2);
}
.team-boxes .colour-box:hover .box-image {
background-size: cover !important;
}
.colour-box .diagonal-left::after {
content: '';
position: absolute;
left: -1px;
display: block;
top: -1px;
border-style: solid;
border-width: 0 0 600px 150px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.colour-box .diagonal-right::after {
content: '';
position: absolute;
right: -1px;
display: block;
top: -1px;
border-style: solid;
border-width: 0 150px 600px 0px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.colour-box.coral-bg .diagonal-left::after, .colour-box.coral-bg .diagonal-right::after {
border-color: transparent transparent #F8485E transparent;
}
.colour-box.yellow-bg .diagonal-left::after, .colour-box.yellow-bg .diagonal-right::after {
border-color: transparent transparent #F1B434 transparent;
}
.colour-box.teal-bg .diagonal-left::after, .colour-box.teal-bg .diagonal-right::after {
border-color: transparent transparent #2DCCD3 transparent;
}
.bi-right .extra-padding {
float: right;
}
#ff-stream-1, #ff-stream-1 .ff-popup, #ff-stream-1 .ff-search input {
background-color: transparent !important;
}
.ff-header {
display: none !important;
}
.ff-stream-wrapper {
margin-top: 0 !important;
}
.ff-item-bar {
border-top: 0 !important;
padding-top: 0 !important;
opacity: 0.9 !important;
}
.ff-sc-label2 .ff-icon:before, .ff-sc-label2 .ff-instagram .ff-icon:before {
border-color: transparent #F8485E transparent !important;
}
.section-container .ff-loadmore-wrapper .ff-btn {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
font-size: 18px;
padding: 17px 27px;
font-family: 'Rubik', 'Roboto', Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
border: 3px solid #244C5A;
color: #244C5A;
background: transparent !important;
transition: all 0.4s ease;
}
.section-container .ff-loadmore-wrapper .ff-btn:hover {
color: #fff;
background: #2DCCD3 !important
}
.hover-box {
z-index: 99999;
position: absolute;
padding: 45px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
opacity: 0;
transition: all 0.4s ease;
}
.cs-border {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 auto;
display: block;
overflow: hidden;
width:100%;
}
.cs-border div {
height: 20px;
display: inline-block;
float: left;
width: 50%;
}
.cs-border.cs-three div {
height: 20px;
display: inline-block;
float: left;
width: 33.3334%;
}
.cs-border-full div {
width: 100%;
height: 20px;
display: inline-block;
float: left;
}
.customer-stories .bg-overlay, .hover-boxes .bg-overlay {
opacity: 0;
transition: all 0.4s ease;
}
.customer-stories li:hover .hover-box, .customer-stories li:hover .bg-overlay, .post-image:hover .hover-box {
opacity: 1;
}
.post-image:hover .bg-overlay {
opacity: 0.85;
}
.customer-stories li:hover .post-image {
opacity: 1 !important
}
.customer-stories li .bg-overlay {
bottom: 20px !important;
}
.responsive-menu-subarrow {
margin-right: -30px !important;
margin-top: 6px !important;
}
.responsive-menu-submenu li a::after {
content: ' -'
}
.responsive-menu-submenu {
margin: -6px 0 10px 0 !important;
}
#responsive-menu-container .responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
line-height: 1em !important;
}
.coral-nav:hover a, .responsive-menu-current-item.coral-nav a {
color: #F8485E !important;
}
.yellow-nav:hover a, .responsive-menu-current-item.yellow-nav a {
color: #F1B434 !important;
}
.teal-nav:hover a, .responsive-menu-current-item.teal-nav a {
color: #2DCCD3 !important;
}
.banner-half {
width: 50%;
float: right;
padding-bottom: 35%;
position: relative;
background-size: cover;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.banner-half .diagonal-left::after {
content: '';
position: absolute;
left: 0;
display: block;
top: 0;
border-style: solid;
border-width: 0 0 600px 150px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
border-color: transparent transparent #F8485E transparent;
}
.coral-bg .banner-half .diagonal-left::after {
border-color: transparent transparent #F8485E transparent;
}
.teal-bg .banner-half .diagonal-left::after {
border-color: transparent transparent #2DCCD3 transparent;
}
.yellow-bg .banner-half .diagonal-left::after {
border-color: transparent transparent #F1B434 transparent;
}
.banner-half .diagonal-right::after {
content: '';
position: absolute;
right: 0;
display: block;
top: 0;
border-style: solid;
border-width: 0 150px 600px 0px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
border-color: transparent transparent #F8485E transparent;
}
.banner-half.coral-bg .diagonal-left::after, .banner-half.coral-bg .diagonal-right::after {
border-color: transparent transparent #F8485E transparent;
}
.banner-half.yellow-bg .diagonal-left::after, .banner-half.yellow-bg .diagonal-right::after {
border-color: transparent transparent #F1B434 transparent;
}
.banner-half.teal-bg .diagonal-left::after, .banner-half.teal-bg .diagonal-right::after {
border-color: transparent transparent #2DCCD3 transparent;
}
.page-half-img {
float: right;
width: 48.5%;
padding: 0 0 15px 30px;
}
.half-page-img {
float: left;
width: 48.5%;
padding: 0 30px 15px 0;
}
body:not(.home) section.side-logos .narrow-section, body:not(.home) section.side-logos-small .narrow-section, body:not(.home) section.side-logo-right .narrow-section {
width: 70%;
}
.hover-boxes .post-image {
position: relative;
padding-bottom: 80%;
opacity: 1 !important;
}
.side-logo-right::after {
content: "";
background: url(https://www.sunderlandoursmartcity.com/wp-content/uploads/side-logos.png);
background-position: 0% 50%;
background-repeat: no-repeat !important;
right: -5%;
width: 33%;
display: block;
position: absolute;
top: 0;
height: 85%;
background-size: cover;
}
.side-logo-right .narrow {
width: 70%;
}
.banner-overlay h1 {
color: #fff;
}
.blog .body-container, .author .body-container, .archive .body-container {
background: #f3f4f6;
}
.flex-container {
display: block;
}
.map-map {
width: 100%;
padding: 0 !important;
margin-bottom: 30px;
}
.map-side {
width: 100%;
padding: 0 !important;
}
.blog-posts {
display: flex;
flex-wrap: wrap;
}
.sss-slider.flexslider {
border: 0 !important;
}
.banner-cont, .banner-cont .slides, .banner-cont .slides li {
max-height: 650px;
}
.sss-slider.flexslider .flex-control-nav {
z-index: 99;
bottom: 30px;
text-align: left;
left: 39px;
}
.sss-slider.flexslider .flex-control-paging li a {
background: #999 !important;
background: rgba(255,255,255,0.5) !important;
width: 14px;
height: 14px;
}
.sss-slider.flexslider .flex-control-paging li a.flex-active, .sss-slider.flexslider .flex-control-paging li:hover a  {
background: #fff !important;
background: rgba(255,255,255,0.9) !important;
}
.sss-slider.flexslider .slides > li:first-child {
display: block;
-webkit-backface-visibility: visible;
} @media only screen and (min-width:2100px) {
.illustration-content-container {
padding: 80px 30px 90px;
}
.banner, .banner-half {
height: 750px;
padding-bottom: 0 !important;
}
.banner-half .diagonal-left::after {
border-width: 0 0 800px 150px !important;
}
.banner-half .diagonal-right::after {
border-width: 0 150px 800px 0px !important;
}
.blog-banner-image {
min-height: 400px;
}
.split-banner .banner-overlay {
left: 8%;
}
.banner-cont, .slides {
max-height: 600px !important;
}
.site-footer .side-logos::after {
background-position: 0 100% !important;
height: 90% !important;
}
}
@media only screen and (min-width:1865px) and (max-width:2099px) {
.banner, .banner-half {
height: 675px;
padding-bottom: 0 !important;
}
.banner-half .diagonal-left::after {
border-width: 0 0 700px 150px !important;
}
.banner-half .diagonal-right::after {
border-width: 0 150px 700px 0px !important;
}
.split-banner .banner-overlay {
left: 6%;
}
.blog-banner-image {
min-height: 400px;
}
.illustration-content-container {
padding: 60px 30px 70px;
}
}
@media only screen and (min-width:1865px) {
.half-image {
min-height: 700px !important;
}
}
@media only screen and (min-width:1601px) and (max-width:1864px) {
.illustration-content-container {
padding: 50px 30px 60px;
}
}
@media only screen and (min-width:1601px) {
.banner-cont, .slides {
max-height: 750px !important;
} }
@media only screen and (max-width:1600px) {
.illustration-content-container {
padding: 40px 30px 50px;
}
}
@media only screen and (min-width:1401px) { }
@media only screen and (min-width:1101px) and (max-width:1440px) {
.banner {
height: 500px;
}
}
@media only screen and (min-width:1251px) and (max-width:1440px) {
.site-footer .side-logos::before, .site-footer .side-logos::after {
width: 15% !important;
}
.site-footer .side-logos::before, .side-logos-small::before {
top: auto !important
}
.site-footer .side-logos::after, .side-logos-small::after {
bottom: auto !important
}
}
@media only screen and (min-width:1101px) and (max-width:1250px) {
.colour-box .extra-padding {
padding: 50px 40px 20px !important;
}
}
@media only screen and (min-width:961px) and (max-width:1100px) {
.colour-box .extra-padding {
padding: 40px 40px 15px !important;
}
}
@media only screen and (min-width:961px) and (max-width:960px) {
.colour-box .extra-padding {
width: 55% !important;
padding: 30px 30px 15px !important;
}
.colour-box .box-image {
width: 45% !important;
}
}
@media only screen and (max-width:1250px) {
.side-logo-right::after {
right: -10%;
width: 30%;
height: 50%;
}
.site-footer .side-logos::after {
width: 15% !important;
bottom: auto !important;
right: 6% !important;
height: 65% !important;
}
.side-logos-small::after {
width: 30% !important;
top: 0 !important;
bottom: 0 !important;
right: -12% !important;
height: 50% !important;
}
.site-footer .standard, body:not(.home) section.side-logos .narrow-section, .site-footer .standard, body:not(.home) section.side-logos-small .narrow-section, .site-footer .standard, body:not(.home) section.side-logo-right .narrow-section {
margin: 0 !important;
}
.site-footer .side-logos::before, .side-logos-small::before {
display: none !important;
}
}
@media only screen and (min-width:801px) and (max-width:1100px) {
.banner {
height: 420px;
}
}
@media only screen and (min-width:1201px) {
.banner-overlay {
}
.metaslider .flex-control-nav {
left: 45px !important;
bottom: 45px !important;
}
body:not(.home) section .narrow-section {
width: 70%;
}
}
@media only screen and (min-width:501px) and (max-width:1200px) {
.metaslider .flex-control-nav {
left: 30px !important;
bottom: 30px !important;
}
}
@media only screen and (min-width:701px) and (max-width:1200px) {
.container {
}
}
@media only screen and (min-width:1048px) {
#menu-item-2070 .sub-menu {
right: 0 !important;
}
}
@media only screen and (max-width:1047px) {
.navigation {
display:none;
}
.site-header-right {
padding-top: 17px !important;
}
.site-logo {
}
.header-active.site-header + .body-container {
padding-top: 107px;
}
}
@media only screen and (min-width:701px) and (max-width:1047px) {
.site-logo img, .logo-dark {
max-width: 200px !important;
}
}
@media only screen and (max-width:1100px) {
h2, .medium-title {
font-size: 35px !important;
}
.colour-box p {
font-size: 17px;
}
.wpmslider-prev, .wpmslider-next {
display: none !important;
}
.results-main, .events-main {
padding-top: 60px !important;
}
.disclaimer {
text-align: left !important;
float: none !important;
clear: both;
display: block;
padding-top: 15px !important;
}
}
@media only screen and (max-width:1090px) {
.video-side.middle {
position: relative;
top: 0 !important;
transform: none !important;
padding-right: 0 !important;
}
.home-ip .video-side.middle {
width: auto !important;
margin-top: 30px !important;
}
}
@media only screen and (max-width:1380px) {
.home-ip .video-side.middle {
position: relative;
top: 0 !important;
transform: none !important;
padding-right: 0 !important;
}
}
@media only screen and (max-width:1047px) {
.site-header-container {
padding: 20px 30px !important;
}
#responsive-menu a::before {
padding-right: 15px !important;
clear: none !important;
display: inline-block !important;
padding-top: 6px !important;
text-align: left !important;
}
.single-events .container, .single-breweries .container, .single-stories .container, .page-template-template-nobanner .container, .search .container, .single-team .container, .woocommerce.archive .container, .single-jobs .container, .single-analysis .container, .single-services .container {
padding: 0 0 0 0 !important;
}
.page-template-template-nobanner .container {
padding: 0 25px 25px !important;
}
}
@media only screen and (min-width:1011px) and (max-width:1194px) {
.single-events .container, .single-breweries .container, .single-stories .container, .page-template-template-nobanner .container, .search .container, .single-team .container, .woocommerce.archive .container, .single-jobs .container, .single-analysis .container, .single-services .container {
padding: 0 0 0 0 !important;
}
.page-template-template-nobanner .container {
padding: 0 25px 25px !important;
}
}
@media only screen and (min-width:1281px) {
.text-sidebar {
width: 27%;
float: left;
}
.text-content {
width: 70%;
float: right;
}
.text-sidebar-wider {
width: 35%;
float: left;
}
.text-content-wider {
width: 61%;
float: right;
}
.text-sidebar-half {
width: 52%;
float: left;
}
.text-content-half {
width: 44%;
float: right;
}
.text-sidebar-right {
width: 27%;
float: right;
}
.text-content-right {
width: 70%;
float: left;
}
.text-sidebar-right .button {
float: right;
margin-right: 0 !important;
}
}
@media only screen and (min-width:961px) and (max-width:1280px) {
.text-sidebar {
width: 35%;
float: left;
}
.text-content {
width: 61%;
float: right;
}
.text-sidebar-wider {
width: 38%;
float: left;
}
.text-content-wider {
width: 55%;
float: right;
}
.text-sidebar-half {
width: 56%;
float: left;
}
.text-content-half {
width: 40%;
float: right;
}
.text-sidebar-right {
width: 34%;
float: right;
}
.text-sidebar-right .button {
float: right;
margin-right: 0 !important;
}
.text-content-right {
width: 61%;
float: left;
}
}
@media only screen and (min-width:961px) and (max-width:1150px) {
.site-footer .email-container, .site-footer .submit-container {
width: 100% !important;
}
.site-footer .email-container input, .site-footer .submit-container input {
border-radius: 0 !important;
text-align: center !important;
}
}
@media only screen and (max-width:973px) {
.footer-signup-box h3 {
padding-top: 0 !important;
}
}
@media only screen and (min-width:961px) {
.banner-cont .slides li img {
margin-top: -5%;
}
.flex-container {
display: flex;
flex-wrap: wrap;
}
.map-map {
order: 2;
margin-left: auto;
align-self: baseline;
width: 50%;
margin-bottom: 0
}
.map-side {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
}
.page-solving-your-challenges .half-image {
width: 40% !important;
}
.page-solving-your-challenges .half-text {
width: 60% !important;
}
.home .content {
width: 65.5% !important;
}
.home .sidebar {
width: 34.5% !important;
}
.four-column > li:nth-child(4n), .four-column.box-tiles a:nth-of-type(4n) li {
margin-right: 0;
}
.box-tiles a:nth-last-of-type(-n+4) li, .kpis .four-column > li:nth-last-of-type(-n+4) {
margin-bottom: 0 !important;
}
.kpis .four-column > li:nth-last-of-type(-n+4) {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width:1000px) {
.colour-box br {
display:none !important
}
}
@media only screen and (max-width:960px) {
#responsive-menu-container {
padding: 30px !important;
}
#responsive-menu-container li.responsive-menu-item .responsive-menu-item-link {
font-size: 21px !important;
}
.copyright {
float: none !important;
}
.footer-menu {
float: none !important;
clear: both !important;
display: block !important;
margin-top: 20px !important;
}
h1, .large-title, .single-events h1 {
font-size: 50px;
}
.testimonials-page .testimonial {
padding: 20px !important;
}
.page-half {
width: 100% !important;
margin-right: 0 !important;
}
.video-half {
margin-bottom: 30px;
}
.footer-left {
width: 100% !important;
margin-bottom: 30px;
}
.footer-right {
width: 100% !important;
}
.text-container div:last-of-type {
margin-bottom: 1.5em;
}
.illustration-content, .illustration-sidebar {
width: 100% !important;
}
.content, .sidebar {
width: 100% !important;
}
.sidebar-container {
overflow: hidden;
}
.main {
padding: 0 !important;
}
.blog-container, .content-container {
padding: 30px 30px 30px 30px;
}
.smalltitle, .bantitle {
font-size: 23px !important;
line-height: 26px !important;
}
.blog-content, .sidebar, .single .content {
width: 100% !important;
}
.main {
padding: 0 !important;
}
}
@media only screen and (min-width:1001px) and (max-width:1150px) {
.half-image {
min-height: 550px !important;
}
}
@media only screen and (min-width:901px) and (max-width:1000px) {
.half-image {
min-height: 600px !important;
}
}
@media only screen and (min-width:901px) and (max-width:920px) {
.site-footer .email {
max-width: 189px;
}
}
@media only screen and (min-width:1251px) {
.five-column > li {
width: 18.4%;
margin-right: 2%;
margin-bottom: 2%;
}
.five-column > li:nth-child(5n) {
margin-right: 0;
}
.five-column > li:nth-child(5n+1) {
clear: left;
}
.five-column > li:nth-last-of-type(n+6) { 
}
}
@media only screen and (min-width:901px) {
.level-boxes > li {
padding-bottom: 100%;
margin-bottom: -100%;
}
.three-column li:nth-of-type(3n), .third:nth-of-type(3n) {
margin-right: 0;
}
.three-column li:nth-of-type(3n+1), .third:nth-of-type(3n+1) {
clear:left;
}
.two-column li {
margin-bottom: 3%;
}
.three-column li, .third, .story { 
margin-bottom: 2%;
}
.half-left.half-text .middle {
margin-right: 50%;
}
.dropdown a::after {
content: "\f107";
font-family: "Font Awesome 5 Pro";
display: inline-block;
padding-left: 7px;
}
}
@media screen and (max-width:900px) {
.stat-box, .bullet-box {
padding: 30px !important; 
max-width: none !important;
margin-bottom: 30px !important;
margin-left: 0 !important;
}
.big-stat {
font-size: 50px !important;	
}
.stat-box img {
margin: 10px auto !important;
max-width: 100px !important;
max-height: 110px !important;
}
.image-left-gradient, .image-right-gradient, .image-left-gradient-dark, .image-right-gradient-dark, .image-left-gradient-highlight, .image-right-gradient-highlight {
display: none !important;
}
.half-image {
float: none;
margin: 0 auto;
width: 100% !important;
display: block;
min-height: 400px !important; 
background-position-y: 38%;
}
.half-text {
width: 100% !important;
display: block;
padding-bottom: 0px;
margin: 0 auto !important;
float:none !important;
overflow: hidden;
}
.half .middle {
position: relative !important;
top: 0 !important;
display: block;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.video-container {
width: 100%;
float: left;
margin-right: 0;
}
.video-side {
margin-top: 30px;
width: 100%;
float: left;
}
.fcol {
width: 47% !important;
margin-right: 6% !important;
}
#fc1 {
margin-bottom: 20px;
}
#fc2, #fc5 {
width: 100% !important;
}
#footerleftcol, #footerrightcol {
clear: both;
float: left;
width: 100%;
padding-bottom: 30px;
}
.fcol:nth-child(2n) {
margin-right: 0 !important;
}
}
@media only screen and (min-width:1028px) and (max-width:1280px) {
.banner-title {
font-size: 68px !important;
}
}
@media only screen and (min-width:831px) and (max-width:1027px) {
.banner-title {
font-size: 50px !important;
}
.single .banner-title {
font-size: 47px;
}
}
@media only screen and (max-width:880px) {
.top-footer-container h4 {
padding-top: 0 !important;
padding-bottom: 15px !important;
}
.top-footer-container #mc_embed_signup {
padding-left: 0 !important;
}
}
@media only screen and (min-width:801px) {
.events-home .float-left {
max-width: 72%;
}
.flowchart-desktop {
display: block;
}
.flowchart-mobile {
display: none !important;
}
}
@media only screen and (min-width:1048px) and (max-width:1250px) {
.latest-successes .post-image {
padding-bottom: 80% !important;
}
}
@media only screen and (min-width:961px) and (max-width:1047px) {
.latest-successes .post-image {
padding-bottom: 100% !important;
}
}
@media only screen and (min-width:801px) and (max-width:960px) {
.latest-successes .post-image {
padding-bottom: 130% !important;
}
}
@media only screen and (min-width:651px) and (max-width:800px) {
.latest-successes .post-image {
padding-bottom: 150% !important;
}
}
@media only screen and (max-width:800px) {
.hover-box {
padding: 30px !important;
}
.colour-box .box-image {
width: 100%  !important;
padding-bottom: 65% !important;
}
.colour-box .extra-padding {
width: 100%  !important;
}
.colour-box .diagonal-left::after {
border-width: 0 800px 50px 0 !important
}
.colour-box .diagonal-right::after {
border-width: 0 0 50px 800px !important
}
.team-boxes .colour-box {
display: block;
}
.team-boxes .colour-box .diagonal-right::after {
top: auto !important;
bottom: -1px !important;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
.team-boxes .colour-box .diagonal-left::after {
border-width: 0 800px 50px 0;
}
.team-boxes .colour-box .extra-padding {
padding: 25px !important;
}
.full-bg-box {
height:420px;
}
.colour-box.navy-bg .logo-left {
position: absolute;
top: auto !important;
left: auto !important;
bottom: 0;
right: -15%;
width: 45%;
height: 45%;
}
.colour-box.navy-bg .logo-left img { 
width: 100% !important;
}
.home-intro.side-logos::before {
display: none !important;
}
.home-intro.side-logos::after {
right: -5% !important;
}
.home-intro .most-narrow {
margin: 0 !important;
width: 65% !important
}
.flowchart-desktop {
display: none !important;
}
.flowchart-mobile {
display: block !important;
}
.banner-play {
top: 6%;
bottom: auto !important;
right: 0 !important;
padding: 0 15px 0 0 !important;
font-size: 12px !important;
}
.brochure-image {
padding-top: 0 !important;
width: 75% !important;
float: none !important;
padding-left: 0 !important;
max-width: 450px !important;
margin: 0 auto !important;
}
.brochure-text {
width: 100% !important;
float: none !important;
}
.brochure-text .middle {
position: relative !important;
top: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.banner-title::after {
padding-bottom: 15px !important;
margin-bottom: 15px !important;
}
.banner-overlay {
width: 55% !important;
}
.banner {
height: 375px !important;
}
.home .banner { }
.home-intro {
padding-top: 20px !important;
}
.button-right {
float: none !important;
margin-top: 0 !important;
margin-bottom: 45px !important;
}
h5 {
font-size: 18px !important;
}
.right, .left {
width: 100%;
}
.left {
position: relative;
top: 0 !important;
display: block;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
}
@media only screen and (min-width:755px) and (max-width:800px) {
h1, .single-events h1 {
font-size: 28px;
}
.single h1 {
font-size: 40px !important;
}
}
@media only screen and (min-width:701px) and (max-width:1047px) {
.search-container {
margin-bottom: 0 !important;
}
.site-header-right {
padding-top: 6px !important;
}
}
@media only screen and (min-width:701px) {
.map-container > div:first-of-type{
width: 30% !important;
}
.map-container > .wpgmza_map {
width: 70% !important;
}
}
@media only screen and (max-width:700px) {
.page-half-img, .half-page-img {
width: 100% !important;
padding: 0 !important;
margin-bottom: 1.5em;
}
.hover-boxes .post-image {
padding-bottom: 110%;
}
.side-logo-right .narrow {
width: 70%;
}
.side-logo-right::after {
width: 35%;
height: 30%;
}
.gm-style-iw {
max-height: 225px !important;
max-width: 225px !important;
}
.map-container {
max-height: 700px !important;
}
.map-container > div:first-of-type {
width: 100% !important;
max-height: 233px !important;
}
.map-container > .wpgmza_map {
width: 100% !important;
}
}
@media only screen and (min-width:401px) and (max-width:760px) {
.single-events .container, .single-breweries .container, .single-stories .container, .page-template-template-nobanner .container, .search .container, .single-team .container, .woocommerce.archive .container, .single-jobs .container, .single-analysis .container, .single-services .container {
padding: 0 0 0 0 !important;
}
.page-template-template-nobanner .container {
padding: 0 25px 25px !important;
}
}
@media only screen and (max-width:760px) {
.small-top-logos img.top-logo {
float: left !important;
max-height: 30px !important;
height: 35px !important;
}
}
@media only screen and (min-width:751px) {
.result:nth-of-type(3n+1) {
clear:left;
}
}
@media only screen and (max-width:750px) {
.copyright {
text-align: left;
clear: both;
}
.dpm {
display:block !important;
text-align:center !important;
float:none !important;
margin:0 auto;
}
}
@media only screen and (max-width:736px) {
.video-banner {
background-position: 70% !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.video-banner iframe {
}
}
@media only screen and (min-width:721px) {
.text-right {
position: absolute;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 30px;
padding-left: 50px
}
}
@media only screen and (max-width:720px) {
.image-left {
width: 100%;
padding-top: 300px;
}
.text-right {
position: absolute;
}
}
@media only screen and (min-width:701px) and (max-width:900px) {
.image-links li {
padding-bottom: 35%;
}
}
@media only screen and (min-width:701px) {
.cta-section p.text {
margin-bottom: 0 !important;
}
#responsive-menu-additional-content .resp-menu-options {
display: none !important;
}
.enquiry-text {
max-width: 64%;
}
.right-button {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
}
}
@media only screen and (max-width:700px) {
.fade-left {
width: 100% !important;
padding: 0!important;
float:none !important;
}
.container {
padding: 0 0 0 0
}
.woocommerce .cta-section .button {
position: relative !important;
}
.enquiry-text {
margin-bottom: 20px !important;
display: block;
position: relative
}
.image-links li {
padding-bottom: 60%;
}
.blog-container, .content-container {
padding: 30px 30px !important;
}
.site-header-right {
padding: 0 !important;
}
button#responsive-menu-button {
width: 120px !important;
height: 47px !important;
font-size: 16px !important;
}
.responsive-menu-label {
font-size: 16px !important;
}
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
width: 23px !important;
}
.header-active.site-header + .body-container {
padding-top: 87px;
}
.site-logo img, .logo-dark {
max-width: 140px !important;
}
.container {
padding: 0 0 0 0
}
}
@media only screen and (min-width:501px) and (max-width:960px) {
.four-column > li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.four-column > li:nth-child(2n), .four-column.box-tiles a:nth-of-type(2n) li {
margin-right: 0;
}
.box-tiles a:nth-last-of-type(-n+2) li, .kpis .four-column > li:nth-last-of-type(-n+2) {
margin-bottom: 0 !important;
}
.kpis .four-column > li:nth-last-of-type(-n+2) {
margin-bottom: 0 !important;
}
}
@media only screen and (min-width:685px) {
.site-footer .email {
width: auto;
}
.fname, .lname {
max-width: 150px;
}
}
@media only screen and (max-width:684px) {
.site-footer .footer-email-container:nth-of-type(2n) {
margin-right: 0 !important;
}
.site-footer .footer-signup-box h3 {
width: 100%;
text-align: center;
padding-top: 0 !important
}
.site-footer .site-footer #mc_embed_signup {
width: 100%;
max-width: 400px !important;
margin: 0 auto;
display: block;
float: none !important;
min-width: 280px !important
}
}
@media only screen and (min-width:701px) and (max-width:1250px) {
.five-column > li {
width: 32% !important;
margin-right: 2% !important;
margin-bottom: 20px;
}
.five-column > li:nth-of-type(3n) {
margin-right: 0 !important;
}
.five-column > li:nth-child(3n+1) {
clear: left;
}
.five-column > li:nth-last-of-type(n+4) {
}
}
@media only screen and (min-width:769px) {
.shop-categories .products li {
width: 32.5% !important;
margin-right: 1.25% !important;
margin-bottom: 1.25% !important;
}
.shop-categories .products li:nth-of-type(3n) {
margin-right: 0 !important;
}
.shop-categories .products h2 {
font-size: 120% !important;
}
.courses-categories .products li:nth-last-of-type(-n+4) {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width:768px) {
.shop-categories li {
margin-bottom: 4% !important;
}
}
@media only screen and (min-width:651px) and (max-width:1048px) {
.banner-logo {
max-width: 240px !important;
}
}
@media only screen and (min-width:651px) and (max-width:768px) {
.extra-padding {
padding: 60px 30px
}
.support-services img {
max-width: 80px;
}
}
@media screen and (min-width:651px){
.single .content, .blog .blog-main, .archive .blog-main, .category .blog-main, .author .blog-main, .page-template-default .content, .page-template-default section:first-of-type, .intro-top, .page-template-template-modules section:first-of-type, .single-modules section:first-of-type { }
.home.page-template-default .content, .home.page-template-default section:first-of-type {
padding-top: 0 !important;
}
.two-column li:nth-of-type(2n) {
margin-right: 0;
}
.two-column li:nth-of-type(n+3) { 
margin-bottom: 2%;
}
.two-column li:nth-last-of-type(-n+2) {
margin-bottom: 0 !important;
}
}
@media screen and (min-width:961px) and (max-width:1400px){
.cta-box h4 {
font-size: 50px !important;
}
}
@media screen and (min-width:651px) and (max-width:960px){
.cta-box h4 {
font-size: 40px !important;
}
.client-logos li img {
max-height: 60px !important;
max-width: 110px !important;
}
}
@media screen and (max-width:650px){
.client-logos, .client-logos li, .client-logos img {
display: block !important;
}
.client-logos li {
width: 30% !important;
display: inline-block !important;
margin-right: 5% !important;
margin-bottom: 5% !important;
height: 55px;
}
.client-logos li:nth-of-type(3n) {
margin-right: 0 !important;
}
.client-logos li:nth-of-type(-n+3) {
margin-bottom: 0 !important;
}
.client-logos li img { 
max-width: 100% !important;
height: auto;
display: block;
}
.cta-box {
padding: 25px !important;
}
.cta-box h4 {
font-size: 30px !important;
letter-spacing: -0.5px !important;
width: 100% !important;
margin-bottom: 20px !important;
}
.cta-box .button-container {
width: 100% !important;
position: relative !important;
bottom: 0 !important;
right: 0 !important;
}
.cta-box .button-container .button {
float: left !important;
}
.two-column.box-tiles li {
padding: 30px !important;
}
.client-logos li {
margin-right: 15px !important;
margin-bottom: 15px !important;
}
.client-logos li img {
max-height: 35px !important;
}
.testimonial-content p {
font-size: 110% !important;	
}
.testimonial-inner, .testimonials .large-title, .testimonials .quote-mark, .strong-view.nav-position-outside .wpmslider-controls {
text-align: left !important;	
}
.testimonials .wpmslider-pager {
margin: 0 0 0 -4px !important;
}
.large-icon {
font-size: 65px !important;
}
.social-links {
display: block;
margin-top: 30px;
position: relative;
clear: both;
}
.expert-image {
width: 100% !important;
max-width: none !important;
padding-bottom: 56.25% !important;
margin-bottom: 30px;
display: block;
margin-right: 0 !important;
}
.home-tiles li:hover .tile-box {
bottom: 24px !important;
left: 24px !important;
}
.banner-logo {
top: 100px !important;
right: auto !important;
left: 20px !important;
max-width: 180px !important;
}
.ip-tile {
width: 100% !important;
padding-bottom: 100% !important;
margin-bottom: 4%;
}
.ip-tile  .tile-text {
max-height: 1000px;
overflow: auto;
margin-bottom: 1.5em !important;
}
.pathways-tile {
width: 100% !important;
padding-bottom: 48% !important;
margin-bottom: 4% !important
}
.skills-tile {
width: 48% !important;
padding-bottom: 48% !important;
margin-right: 4% !important;
margin-bottom: 4% !important
}
.information-tile {
width: 48% !important;
padding-bottom: 48% !important;
margin-bottom: 4% !important
}
.online-tile {
width: 48% !important;
padding-bottom: 48% !important;
margin-bottom: 4% !important;
margin-right: 4% !important
}
.events-tile {
width: 48% !important;
padding-bottom: 48% !important;
margin-right: 0 !important;
margin-bottom: 4% !important;
}
.experts-tile {
width: 100% !important;
padding-bottom: 48% !important;
}
.gm-style .gm-style-iw { 
max-width: 240px;
}
.map-responsive{
min-height: 300px !important;
}
.two-column li { 
width: 100% !important;
margin-right: 0 !important;
}
.two-column li:nth-last-of-type(n+2) { 
margin-bottom: 25px;
}
.latest-successes .post-image {
padding-bottom:100% !important;
}
.support-services img {
max-width: 60px !important;
margin-bottom: 10px !important;
}
.narrow-container {
width: 100% !important;
}
.extra-padding {
padding: 50px 25px !important;
}
.padding {
padding: 30px 30px !important;
}
.padding-left {
padding-left: 30px !important;
}
.padding-right {
padding-right: 30px !important;
}
}
@media only screen and (min-width:621px) and (max-width:830px) {
.banner-title {
font-size: 48px;
padding-bottom: 0;
}
.single .banner-title {
font-size: 30px;
}
.banner-text {
font-size: 16px;
margin-bottom: 0 !important;
}
}
@media only screen and (max-width:620px) {
.banner-title {
font-size: 45px;
padding-bottom: 0;
letter-spacing: -1.5px;
}
.single .banner-title {
font-size: 34px;
}
.banner-text {
font-size: 14px;
display: block;
line-height: 1.4em;
margin-top: 5px;
}
.banner-scroll {
padding-bottom: 5px !important;
}
}
@media only screen and (min-width:601px) and (max-width:1021px) {
.fifth {
width: 32%;
margin-bottom:30px;
}
}
@media only screen and (min-width:751px) and (max-width:960px) {
.illustration-sidebar {
min-height: 120px !important;
}
}
@media only screen and (min-width:601px) and (max-width:750px) {
.illustration-sidebar {
min-height: 80px !important;
}
}
@media only screen and (min-width:601px) and (max-width:1400px) {
.banner-half {
padding-bottom: 45% !important;
}
}
@media only screen and (min-width:601px) and (max-width:960px) {
.sidelink {
width: 49%;
float: left;
margin-right: 2%;
}
.sidelink:nth-of-type(2n) {
margin-right: 0 !important
}
.sidelink:nth-of-type(2n+1) {
clear: left;
}
.illustration-sidebar-container {
width: 40% !important;
right: 0;
}
.divide-bottom:after {
height: 0.6vw !important;
width: 60% !important;
}
}
@media only screen and (min-width:601px) and (max-width:608px) {
.image-left {
padding-top: 330px !important;
}
}
@media only screen and (max-width:600px) {
.banner-container:not(.no-img-banner) .banner-overlay {
position: relative;
right: 0 !important;
top: auto;
transform: none !important;
margin: 0 !important;
max-width: none !important;
width: auto !important;
left: 0 !important;
padding: 30px;
overflow: hidden;
}
.sss-slider.flexslider .flex-control-nav {
left: 19px !important;
}
.banner-container.no-img-banner .banner {
max-height: 340px;
}
.banner-half {
width: 100%;
padding-bottom: 55% !important;
}
.banner-half .diagonal-left::after {
top: auto !important;
bottom: 0 !important;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
border-width:0 0 45px 650px !important;
}
.contact-info .coral {
display: none !important
}
.contact-info a {
display: block !important;
}
.home-intro.side-logos::after {
right: 0% !important;
width: 28% !important;
height: 65% !important;
}
.blog .post, .category .post, .author .post, .archive .post, .category .post, .search .post {
width: 100% !important;
}
.accordion-title {
font-size: 17px !important;
}
.courses-tile, .graduates-tile, .breweries-tile {
width: 100% !important;
padding-bottom: 100% !important;
margin-bottom: 2% !important;
}
.analysis-tile {
width: 49% !important;
padding-bottom: 49% !important;
margin-right: 2% !important;
}
.resources-tile {
width: 49% !important;
padding-bottom: 49% !important;
margin-right: 0 !important;
}
.analysis-tile {
width: 100% !important;
padding-bottom: 49% !important;
margin-right: 0 !important;
}
.home-tiles li h3 {
font-size: 16px !important;
}
.home-tiles li h3.large-title {
font-size: 23px !important;
}
.home-tiles li h3.medium-title {
font-size: 20px !important;
}
.resources-tile h3:before {
margin-right: 5px !important;
}
.analysis-tile h3:before {
margin-right: 10px !important;
}
.team-float, .single-custom-post-image {
width: 100%;
padding-right: 0 !important;
margin-bottom: 25px;
}
.single-events .single-custom-post-image {
overflow: hidden;
height: 0;
padding-bottom: 65%;
margin-bottom: 15px;
}
.single-events .single-custom-post-image img {
width: 100% !important;
clear: both;
padding-right: 0 !important;
position: relative;
max-width: none !important
}
.illustration-sidebar {
min-height: 120px !important;
}
.illustration-sidebar-container {
width: 60% !important;
right: 0;
}
.divide-bottom:after {
height: 1vw !important;
width: 40% !important;
}
#fc3, #fc4 {
width: 100% !important;
margin-right: 0 !important;
}
#fc4 {
margin-top: 30px !important;
}
#footerrightcol {
padding-bottom: 0 !important;
}
.threecol-ul li {
width: 100% !important;
padding: 0 !important;
max-width: 400px;
margin: 0 auto !important;
float: none !important;
}
.tc-img {
margin-bottom: 10px !important;
}
.tcoverlay {
bottom:20px !important;
}
.single ol {
padding: 0 30px !important;
}
.threecol-ul-home li {
width: 100% !important;
padding: 0 !important;
max-width: 400px;
margin: 0 auto !important;
float: none;
}
.breadcrumbs {
font-size: 13px;
}
.wpcf7 input, .wpcf7 textarea, wpcf7 select {
font-size: 14px !important;
}
.wpcf7-submit {
margin-top: 10px !important;
}
.section-container {
padding: 45px 30px;
}
.help-padding {
padding: 20px 20px;
}
.illustration-content-container {
padding: 30px 30px !important;
}
body, .stories li span, .wpcf7 input, .wpcf7 textarea {
font-size: 16px;
}
.single .post p {
font-size: 17px;
}
.small-spaced {
font-size: 21px !important;
}
.fifth {
width: 48%;
margin-right:4%;
margin-bottom: 20px
}
.banner-overlay {
width:65% !important;
left: 25px;
}
.bo-container {
padding: 0;
}
.banner-title {
}
.metaslider .flex-control-nav {
left: 20px !important;
bottom: 20px !important;
}
.subtle-overlay {
background: rgba(50, 50, 50, 0.75) !important;
}
}
@media only screen and (min-width:551px) and (max-width:900px) {
.three-column li, .third { 
width: 48.5% !important;
margin-right: 3%;
}
.three-column li:nth-of-type(2n), .third:nth-of-type(2n) { 
margin-right: 0;
}
.three-column li:nth-of-type(2n+1), .third:nth-of-type(2n+1) { 
clear: left;
}
.three-column li, .third, .story { 
margin-bottom: 3% !important;
}
}
@media only screen and (min-width:551px) and (max-width:650px) {
.help-menu li {
width: 32% !important;
}
.help-menu li:nth-of-type(3n) { 
margin-right: 0 !important
}
}
@media only screen and (max-width:550px) {
.spacer-hide {
display: none !important;
}
.copyright {
display: block;
}
.reg-address {
padding-top: 15px !important;
}
.large-button {
font-size: 15px !important;
padding: 13px 20px 16px !important;
}
.banner-button {
font-size: 12px !important;
padding: 13px 18px 13px !important;
}
.three-column li, .third { 
width: 100% !important;
margin-right: 0!important;
margin-bottom: 25px;
}
.story {
margin-bottom: 25px;
}
.help-menu li {
width: 100%;
border-right: 0;
padding-bottom: 12px;
text-align: left 
}
.help-menu li:last-of-type {
padding-bottom: 0;
}
}
@media only screen and (min-width:511px) and (max-width:1285px) {
.single-image {
padding-bottom: 0 !important;
min-height: 450px;
}
}
@media only screen and (min-width:511px) {
.single .banner-image {
min-height: 450px;
}
}
@media only screen and (min-width:651px) and (max-width:830px) {
.banner {
height: 375px;
}
}
@media only screen and (max-width:510px) {
.spaced-uppercase {
font-size: 13px !important;
}
.single .banner-image {
height: 0;
padding-bottom: 100%;
}
.single .banner-image img {
width: 250%;
margin-left: -50%
}
.single-image {
padding-bottom: 100% !important;
}
.post-overlay {
opacity: 0;
}
h1, .large-title, .single-events h1 {
font-size: 30px !important;
}
h2, .medium-title {
font-size: 26px !important;
}
h3 {
font-size: 21px !important;
}
.single h3 {
font-size: 21px !important;
}
h4 {
font-size: 18px !important;
}
.intro p {
text-align: left !important;
}
.banner-title {
margin-top: 0;
font-size: 40px !important;
}
.single .banner-title {
font-size: 35px !important;
}
#home-banner {
background-position: 25% 50%;
}
#about-banner {
background-position: 67% 50%;
}
.banner-scroll {
display: none;
}
}
@media only screen and (min-width:501px) and (max-width:754px) {
h1, .large-title, .single-events h1 {
font-size: 40px;
}
.single h1 {
font-size: 30px !important;
}
.single h3 {
font-size: 18px !important;
}
}
@media only screen and (min-width:501px) and (max-width:750px) {
.story {
width: 48% !important;
margin-right:4% !important;
margin-bottom: 4% !important;
}
.story:nth-of-type(3n) {
margin-right: 4% !important;
}
.story:nth-of-type(2n) {
margin-right: 0 !important;
}
}
@media only screen and (max-width:500px) {
.five-column > li {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 15px;
}
.accreditation-logo {
max-height: 38px !important;
max-width: 75px !important;
padding: 10px 25px 10px 0 !important;
}
.four-column > li {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 30px !important;;
}
.product_cat_courses .woocommerce-product-details__short-description {
padding-left: 0 !important;
font-size: inherit !important;
}
.product_cat_courses .price {
margin-bottom: 10px !important;
}
.one-awards {
padding-bottom: 20px !important;
max-width: 125px !important;
width: 100% !important;
clear: both;
position: relative;
display: block;
float: none !important;
}
.disclaimer a {
display: block;
clear: both;
padding-top: 10px;
}
.disclaimer .spacer {
display: none !important;
}
.section .button:first-of-type {
margin-bottom: 5px;
}
#google_translae_element {
clear: both;
display: block;
margin-bottom: 10px;
}
.left-gradient {
right: 10% !important;
}
.story, .other-event {
width: 100%;
margin-right: 0%;
margin-bottom: 30px;
}
.single .category-link {
font-size: 14px;
}
.single .date {
font-size: 14px !important;
}
.video-wrapper {
}
.banner-cont, .banner-slider, .metaslider, #metaslider_container_45, .flexslider, .slides, .slides li, .slides li img {
max-height: 65vh !important;
min-height: 65vh !important;
}
.slides li img {
width: auto !important;
margin-left: -42%;
}
.header-active.site-header + .body-container {
padding-top: 77px;
}
.site-header-container {
padding: 15px 20px !important;
}
.single-info .date {
padding-left: 10px;
margin-left: 10px;
}
.single-info .float-right {
float: left !important;
padding-top: 10px;
clear:both;
font-size: 13px;
}
.half-image {
min-height: 240px !important;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
}
}
@media screen and (max-width:460px) {
.bf-container {
text-align: left !important;
float: none !important;
margin: 0 auto;
width: 100%;
}
.footer-logo {
float:none !important;
display:block;
max-width: 210px !important;
margin-bottom: 40px !important;
}
}
@media only screen and (max-width:472px) {
.share-links {
margin-left: -10px;
margin-top: 15px;
}
}
@media only screen and (max-width:450px) {
.al-img {
max-width: 250px !important;
padding-right: 3% !important;
width: 47% !important;
}
#affiliate-cont {
padding: 15px 10px 5px 15px !important;
}
#al-last {
margin: 0 auto !important;
float: none !important;
display: block;
}
input.wpcf7-form-control.wpcf7-submit {
background: #2DCCD3 !important;
color: #fff !important;
}
.tcoverlay {
font-size: 20px !important;
}
.fifth {
margin-right: 0;
width: 100% !important;
margin-bottom: 20px !important
}
.topleft, .topright, .bottomleft, .bottomright {
width: 100%;
margin-right: 0;
}
}
@media only screen and (min-width:425px) and (max-width:480px) {
.image-left {
padding-top: 350px !important;
}
}
@media only screen and (max-width:420px) {
.site-footer .footer-email-container {
min-width: 200px;
}
}
@media only screen and (min-width:501px) and (max-width:700px) {
.five-column > li {
width: 48.5% !important;
margin-right: 3% !important;
margin-bottom: 3%;
}
.five-column > li:nth-of-type(2n) {
margin-right: 0 !important;
}
.five-column > li:nth-child(2n+1) {
clear: left;
}
.five-column > li:nth-last-of-type(n+3) { 
margin-bottom: 15px;
}
}
@media only screen and (max-width:400px) {
button#responsive-menu-button {
top: 0 !important
}
.single-events .container, .single-breweries .container, .single-stories .container, .page-template-template-nobanner .container, .search .container, .single-team .container, .woocommerce.archive .container, .single-jobs .container, .single-analysis .container, .single-services .container {
padding: 0 0 0 0 !important;
}
.illustration-sidebar {
min-height: 90px !important;
}
.slides li img {
margin-left: -50% !important;
}
.banner-overlay {
}
}
@media only screen and (min-width:341px) and (max-width:424px) {
.image-left {
padding-top: 420px !important;
}
}
@media only screen and (max-width:340px) {
.hover-box {
padding: 25px !important;
}
.hover-boxes .post-image {
padding-bottom: 140% !important;
}
.header-active.site-header + .body-container {
padding-top: 70px;
}
.site-logo img {
max-width: 115px !important;
}
button#responsive-menu-button {
width: 110px !important;
height: 40px !important;
font-size: 16px !important;
}
.large-button {
font-size: 14px !important;
}
.banner-logo {
top: 80px !important;
right: auto !important;
max-width: 150px !important;
} .spaced-uppercase {
font-size: 11px !important;
}
.banner-title {
font-size: 34px !important;
}
.single .banner-title {
font-size: 29px !important;
}
.image-left {
padding-top: 450px !important;
}
}
.blog .post:hover .post-image, .team-link:hover .post-image {
opacity: 0.7;
}
.post-image {
max-height: 350px;
overflow: hidden;
padding-bottom: 65%;
background-size: cover;
background-position: 50% 40%;
background-repeat: no-repeat;
transition: all 0.3s ease;
}
.custom-post-image {
transition: all 0.3s ease;
}
.result:hover .custom-post-image, .other-event:hover .custom-post-image {
opacity: 0.7 !important;
}
.team-section .post-image {
padding-bottom: 65%;
}
.profiles .team-link:last-of-type {
margin-bottom: 0;
}
.stat-box {
padding: 40px;
text-align: center;
margin: 0 auto;
max-width: 400px;
display: block;
font-weight: 700;
width: 100%;
box-sizing: border-box;
}
.stat-box p {
margin-bottom: 0 !important;
}
.bullet-box {
padding: 40px;
margin: 0 auto;
max-width: 400px;
display: block;
width: 100%;
box-sizing: border-box;
margin-top: 40px;
}
.bullet-box p {
margin-bottom: 0 !important;
}
.stat-box img {
width: 100%;
height: auto;
margin: 20px auto;
max-width: 150px;
max-height: 175px;
width: auto;
}
.stat-second {
padding: 40px;
text-align: center;
}
.small-stat {
font-size: 19px;
}
.bullets-section ul {
list-style: none;
padding: 0 0 0 30px;
margin: 10px 0 1.5em 0;
}
.banner-overlay .bullets-section ul {
margin-bottom: 0 !important;
}
.bullets-section ul li {
padding-bottom: 8px;
transition: all 0.4s ease;
font-size: 17px;
line-height: 1.5em;
}
.bullets-section ul li::before {
font-family: "Font Awesome 5 Pro";
content: '\f058';
color: #2DCCD3;
margin-left: -27px;
margin-right: 10px;
font-weight: 700;
transition: all 0.4s ease;
}
.page-half {
float: left;
width: 48.5%;
}
.page-half:nth-of-type(2) { }
.page-half:nth-of-type(2n-1) {
margin-right: 3%;
}
.box-tiles > li.orders-tile:hover {
background: #E61B54 !important;
}
.box-tiles > li.planning-tile:hover {
background: #1592ce !important;
}
.box-tiles > li.operations-tile:hover {
background: #7dbb42 !important;
}
.box-tiles > li.invoicing-tile:hover {
background: #8B6CAD !important;
color: #fff !important
}
.box-tiles > li.customerservice-tile:hover {
background: #FAC54F !important;
color: #fff !important
}
.box-tiles > li.invoicing-tile:hover .large-icon, .box-tiles > li.operations-tile:hover .large-icon, .box-tiles > li.planning-tile:hover .large-icon, .box-tiles > li.orders-tile:hover .large-icon, .box-tiles > li.customerservice-tile:hover .large-icon {
color: #fff !important;
}
.box-tiles li.invoicing-tile:hover ul li::before, .box-tiles > li.operations-tile:hover ul li::before, .box-tiles > li.planning-tile:hover ul li::before, .box-tiles > li.orders-tile:hover ul li::before, .box-tiles > li.customerservice-tile:hover ul li::before {
color: #244C5A !important;
}
.map-container {
position: relative;
display: block;
overflow: hidden;
background: #2DCCD3;
max-height: 600px;
}
.map-container > div:first-of-type{
float: left;
margin-top: 0 !important;
color: #fff;
position: relative;
overflow: scroll !important;
height: 600px !important;
}
.map-container > .wpgmza_map {
float: left;
}
.wpgmza_cat_checkbox_item_holder_13, .wpgmza_cat_checkbox_item_holder_8 {
padding-bottom: 25px !important;
border-bottom: 1px solid #fff;
margin-bottom: 25px !important;
}
.wpgmza_cat_checkbox_holder {
height: auto !important;
}
.wpgmza_cat_ul > li.wpgmza_cat_checkbox_item_holder_13 > label:first-of-type, .wpgmza_cat_ul > li.wpgmza_cat_checkbox_item_holder_8 > label:first-of-type, .wpgmza_cat_ul > li.wpgmza_cat_checkbox_item_holder_43 > label:first-of-type {
font-size: 25px;
font-weight: 700;
color: #244C5A;
display: block
}
.wpgmza_cat_ul {
padding: 4px 0;
}
.wpgmza_cat_ul > li.wpgmza_cat_checkbox_item_holder_1 > label:first-of-type::after, .wpgmza_cat_ul > li.wpgmza_cat_checkbox_item_holder_2 > label:first-of-type::after {
}
.map-container li {
padding-bottom: 8px;
}
.map-container li:last-of-type {
padding-bottom: 0 !important;
border-bottom: 0 !important;
} .gm-style, .gm-style .gm-style-iw {
font-family: "Gotham A", "Gotham B", 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
}
.gm-style-iw {
overflow: scroll !important;
max-height: 400px;
}
.wpgmza_gd {
display: none !important;
}
.wpgmza_infowindow_description {
margin-bottom: 0 !important;
}
p#wpgmza_filter_1 {
display: none !important;
}
.gm-style .gm-style-iw {
max-width: 300px;
padding-right: 12px !important;
}
.wpgmza_filter_container {
min-width: 0;
width: 100%;
}
#wpgmza_filter_2 {
display: none !important;
}
.no-known-issues {
background: #7BCC70;
color: #fff;
}
.known-outage {
background: #FF6666;
color: #fff;
}
.known-issue {
background: #FF6666;
color: #fff;
}
.status-box {
padding: 30px;
margin-bottom: 30px;
}
.status-box:last-of-type {
margin-bottom: 0 !important;
}
.no-known-issues h2, .known-outage h2, .known-issue h2 {
color: #fff;
}
.no-known-issues i, .known-outage i, .known-issue i {
font-size: 35px;
margin-right: 15px;
float: left;
}
.status-desc {
display: block;
margin-top: 20px;
}
.status-box span:empty{
display: none;
}
.no-bullet-ul li {
padding-bottom: 6px;
}
.live-chat-btn{
position: fixed;
bottom: 15px;
right: 8px;
width: 60px;
line-height: 60px;
text-align: center;
background: #fff;
border-radius: 50%;
box-shadow: rgba(0,0,0,0.3) 0px 4px 8px;
z-index: 10;
}
.live-chat-btn svg,
.live-chat-btn img {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
.live-chat-btn img {
display: none;
width: 28px;
height: 28px;
}
.mod-hide{
display: none !important;
}
.mod-show{
display: inline-block !important;
}
.live-chat-btn path{
fill: rgb(0, 173, 239);
}
.live-chat-btn:after{
display: none;
}.resource-filter {
text-align: center;
}
.resource-filter select {
padding: 10px;
width: 180px;
margin: 20px;
border: 2px solid #244c59;
}
.resource-filter button {
padding: 11px 20px;
border: 2px solid #244c59;
border-left: 0;
margin-left: -4px;
background: #244c59;
color: #fff;
}
.resource-hub {
margin: 30px auto;
display: grid;
grid-template-columns: 1fr;
-moz-column-gap: 40px;
column-gap: 40px;
row-gap: 40px;
padding: 0 40px;
}
@media (min-width: 1024px) {
.resource-hub {
padding: 0;
grid-template-columns: 1fr 1fr;
}
}
.resource-hub .resource-item {
display: flex;
flex-direction: column;
}
.resource-hub .resource-item__col--1 {
text-align: center;
margin-bottom: 20px;
}
.resource-hub .resource-item__category {
font-weight: bold;
font-size: 0.9rem;
}
.resource-hub .resource-item__break {
margin: 0;
margin-top: 14px;
margin-bottom: 8px;
border-color: #707070 !important;
}
.resource-hub .resource-item__content {
font-size: 1rem;
}
.resource-hub .resource-item__title {
font-size: 1.2rem;
}
.resource-hub .resource-item__link {
display: inline-block;
border: 2px solid #000;
color: #000;
padding: 9px 24px;
margin-top: 20px;
font-size: 0.8rem;
}
@media (min-width: 768px) {
.resource-hub .resource-item {
flex-direction: row;
}
.resource-hub .resource-item__col--1 {
padding: 0 10px 0 0;
}
.resource-hub .resource-item__col--2 {
padding: 0 0 0 10px;
}
}
.search-button {
border: none;
background: none;
float: left;
margin: 12px 15px 0 0;
}
.search-button svg {
width: 25px;
height: 25px;
fill: #244C5A;
color: #244C5A;
}
.search-row {
display: none;
width: calc(100% - 20px);
background: #f2f3f5;
padding: 10px;
}
.search-row--active {
display: block;
}
.search-row .search-container {
margin: 0 auto;
}
.colour-box {
display: block;
}
.colour-box .button-container {
color: #254c5a;
background: white;
display: inline-block;
padding: 15px 20px;
text-transform: uppercase;
font-weight: bold;
}
.colour-box .button-container a {
color: #254c5a;
}@font-face {
font-family: 'flexslider-icon';
src: url(//www.sunderlandoursmartcity.com/wp-content/themes/sunderlandsmartcity/css/fonts/flexslider-icon.eot);
src: url(//www.sunderlandoursmartcity.com/wp-content/themes/sunderlandsmartcity/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//www.sunderlandoursmartcity.com/wp-content/themes/sunderlandsmartcity/css/fonts/flexslider-icon.woff) format('woff'), url(//www.sunderlandoursmartcity.com/wp-content/themes/sunderlandsmartcity/css/fonts/flexslider-icon.ttf) format('truetype'), url(//www.sunderlandoursmartcity.com/wp-content/themes/sunderlandsmartcity/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}