@charset 'UTF-8';
#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}.container                                  { width: 1280px; position: relative; margin: 0 auto; padding: 0;}
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px;  }
.row                                        { margin-bottom: 20px; }
{ margin-left: 0; margin-right: 0; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 60px; }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }
.container .thirteen.columns                { width: 1020px; }
.container .fourteen.columns                { width: 1100px; }
.container .fifteen.columns                 { width: 1180px; }
.container .sixteen.columns                 { width: 1260px; }
.container .one-third.column                { width: 406.666px; }
.container .two-thirds.column               { width: 833.333px; } .container .offset-by-one                   { padding-left: 80px; }
.container .offset-by-two                   { padding-left: 160px; }
.container .offset-by-three                 { padding-left: 240px; }
.container .offset-by-four                  { padding-left: 320px; }
.container .offset-by-five                  { padding-left: 400px; }
.container .offset-by-six                   { padding-left: 480px; }
.container .offset-by-seven                 { padding-left: 560px; }
.container .offset-by-eight                 { padding-left: 640px; }
.container .offset-by-nine                  { padding-left: 720px; }
.container .offset-by-ten                   { padding-left: 800px; }
.container .offset-by-eleven                { padding-left: 880px; }
.container .offset-by-twelve                { padding-left: 960px; }
.container .offset-by-thirteen              { padding-left: 1040px; }
.container .offset-by-fourteen              { padding-left: 1120px; }
.container .offset-by-fifteen               { padding-left: 1200px; } .ie8 .container                                  {width: 960px;}
.ie8 .container .column,
.ie8 .container .columns                         { margin-left: 10px; margin-right: 10px; }
.ie8 .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.ie8 .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.ie8 .alpha.omega    
.ie8 .container .one.column,
.ie8 .container .one.columns                     { width: 40px;  }
.ie8 .container .two.columns                     { width: 100px; }
.ie8 .container .three.columns                   { width: 160px; }
.ie8 .container .four.columns                    { width: 220px; }
.ie8 .container .five.columns                    { width: 280px; }
.ie8 .container .six.columns                     { width: 340px; }
.ie8 .container .seven.columns                   { width: 400px; }
.ie8 .container .eight.columns                   { width: 460px; }
.ie8 .container .nine.columns                    { width: 520px; }
.ie8 .container .ten.columns                     { width: 580px; }
.ie8 .container .eleven.columns                  { width: 640px; }
.ie8 .container .twelve.columns                  { width: 700px; }
.ie8 .container .thirteen.columns                { width: 760px; }
.ie8 .container .fourteen.columns                { width: 820px; }
.ie8 .container .fifteen.columns                 { width: 880px; }
.ie8 .container .sixteen.columns                 { width: 940px; }
.ie8 .container .one-third.column                { width: 300px; }
.ie8 .container .two-thirds.column               { width: 620px; } .ie8 .container .offset-by-one                   { padding-left: 60px;  }
.ie8 .container .offset-by-two                   { padding-left: 120px; }
.ie8 .container .offset-by-three                 { padding-left: 180px; }
.ie8 .container .offset-by-four                  { padding-left: 240px; }
.ie8 .container .offset-by-five                  { padding-left: 300px; }
.ie8 .container .offset-by-six                   { padding-left: 360px; }
.ie8 .container .offset-by-seven                 { padding-left: 420px; }
.ie8 .container .offset-by-eight                 { padding-left: 480px; }
.ie8 .container .offset-by-nine                  { padding-left: 540px; }
.ie8 .container .offset-by-ten                   { padding-left: 600px; }
.ie8 .container .offset-by-eleven                { padding-left: 660px; }
.ie8 .container .offset-by-twelve                { padding-left: 720px; }
.ie8 .container .offset-by-thirteen              { padding-left: 780px; }
.ie8 .container .offset-by-fourteen              { padding-left: 840px; }
.ie8 .container .offset-by-fifteen               { padding-left: 900px; } @media only screen and (max-width: 1300px) {
.container                                  {width: 960px;}
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega    
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; } .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 28px; }
.container .two.columns                     { width: 76px; }
.container .three.columns                   { width: 124px; }
.container .four.columns                    { width: 172px; }
.container .five.columns                    { width: 220px; }
.container .six.columns                     { width: 268px; }
.container .seven.columns                   { width: 316px; }
.container .eight.columns                   { width: 364px; }
.container .nine.columns                    { width: 412px; }
.container .ten.columns                     { width: 460px; }
.container .eleven.columns                  { width: 508px; }
.container .twelve.columns                  { width: 556px; }
.container .thirteen.columns                { width: 604px; }
.container .fourteen.columns                { width: 652px; }
.container .fifteen.columns                 { width: 700px; }
.container .sixteen.columns                 { width: 748px; }
.container .one-third.column                { width: 236px; }
.container .two-thirds.column               { width: 492px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
}  @media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } body {
background: #fff;
font: 14px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}
* { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
}
.clear {clear:both;}
img[src*=".svg"] {
width: 100%;
height: auto;
} h1, h2, h3, h4, h5, h6 {
color: #181818;
font-family: "Georgia", "Times New Roman", serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } @-moz-document url-prefix() {
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
} a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; } ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; } img.scale-with-grid {
max-width: 100%;
height: auto; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
border: 1px solid #666;
background: #ccc; background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); }
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-font-smoothing: antialiased;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;}
select {
padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
min-height: 60px; }
label,
legend {
display: block;
font-weight: bold;
font-size: 13px;  }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444; } .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.cta-new-outdoors.cta-button.cta-button-outdoors {
background: #e4e88a;
color: #3b532e;
margin-right: 15px;
}
.cta-new-outdoors.cta-button.cta-button-outdoors:hover {
opacity: 0.7;
}
.cta-new-outdoors.cta-button.cta-button-outdoors p {
color: #3b532e !important;
}
.tribe-events-calendar-month__day {
border-right: 1px solid black;
border-bottom: 1px solid black;
} .tribe-events-calendar-month__day:nth-child(7n) {
border-right: none;
} .tribe-events-calendar-month__day:last-child,
.tribe-events-calendar-month__day:nth-last-child(-n + 7) {
border-bottom: none;
} html {
overflow-y: scroll;
}
body {
background-color: #fff;
margin: 0px;
animation: fadein 1s;
-moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; overflow: hidden;
} @keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein { from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein { from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein { from {
opacity: 0;
}
to {
opacity: 1;
}
} #wpadminbar span.display-name {
color: #fff;
}
#wpadminbar .ab-top-menu > li.hover > .ab-item span,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus span,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item span,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus span {
color: #00b9eb;
}
img {
display: block;
max-width: 100%;
height: auto;
}
.band {
min-width: 100%;
position: relative;
}
.hide-desktop {
display: none !important;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fade-2 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#cn-notice-text {
font-size: 16px !important;
}
.cn-button.bootstrap {
background-color: #a0f3ed !important;
color: #000 !important;
}
#cn-close-notice {
display: none;
}
.inititiave-accordion ul li {
list-style-type: disc;
color: #410099;
}
.inititiave-accordion ul {
margin-left: 25px;
}
.inititiave-accordion strong {
font-weight: 900;
color: #410099;
margin-bottom: 5px;
}  .aimsv2.aims .introduction p {
font-family: "Barlow", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
}
.aimsv2.aims {
background: #fff !important;
}
.objective-benefits .benefit-item .icon {
position: relative !important;
width: 117px !important;
top: auto !important;
margin-bottom: 2rem;
}
.key-oppur ul li {
color: #410099 !important;
}
.key-oppur strong {
color: #410099 !important;
}
.aims.aimsv2 .icon {
width: 117px !important;
margin: 0px auto 32px auto;
}
.normal-bullets .bodycopy.pink-bullets ul li {
background: none;
list-style-type: outside;
list-style: none;
}
.normal-bullets ul li {
padding-left: 12px !important;
}
.band-okbenefits.objective-benefits .sixteen.columns > h3 {
max-width: 1000px;
margin: 0px auto 0px auto;
}
.get-involved.get-involved-2025 .intro p {
font-size: 60px !important;
text-transform: initial;
}
#town-downloads .intro {
max-width: 46%;
text-align: center;
margin: auto;
margin-bottom: 5rem;
}
@media only screen and (max-width: 768px) {
#town-downloads .intro {
max-width: 100%;
}
}
#town-downloads .intro ul li p {
color: #410099 !important;
}
#town-downloads li {
color: #410099 !important;
margin-bottom: 2rem;
}
.full-width-image-neigh {
margin-top: 100px;
}
.aims-wrap.neigh-wrap {
padding-top: 60px !important;
}
.aims-wrap.neigh-wrap .local h2 {
font-family: "Barlow", sans-serif !important;
font-weight: 400;
font-style: normal;
text-transform: initial;
background: none;
padding: 18px 0px 0px 0px;
}
.aims-wrap.neigh-wrap .local p {
padding: 0px 0% 0% 0px;
}
.aims-wrap.neigh-wrap .local {
background: none;
}
.get-involved.get-involved-2025 {
background: none;
}
.top-banner-2.full-width-neigh {
min-height: auto;
height: 50vh !important;
}
.neigh-hero-text {
width: 37% !important;
}
.aims-wrap.neigh-wrap .neigh-hero img {
object-fit: contain !important;
}
.neigh-hero {
width: 63% !important;
}
.have-your-say .okfind-main .left {
max-width: 405px;
}
.cta-btns-town {
display: flex;
flex-direction: column;
gap: 0rem;
max-width: 332px;
margin: auto;
}
.ok-banner-button-2 {
background: #ff8080 !important;
}
.ok-banner-button-2:hover {
background: #fff !important;
}
@media only screen and (max-width: 768px) {
.neigh-hero {
width: 100% !important;
}
.ok-banner-button-2 {
margin-top: 0px !important;
}
.benefits-btm {
padding-top: 0px !important;
}
.aims-wrap.neigh-wrap {
padding-top: 0px !important;
}
.top-banner-2.town-top .text {
top: 53%;
}
.top-banner-2.subpage.town-top {
height: 60vh;
margin-top: 59px;
}
.band-okbenefits.objective-benefits {
text-align: center;
padding-bottom: 30px !important;
}
.neigh-hero-text {
width: 100% !important;
}
.aims-wrap.neigh-wrap .local h2 {
min-height: auto !important;
}
}
.neighbourhoods ul li {
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
padding: 0px 0% 0% 100px;
color: #231f20;
font-size: 20px;
line-height: 24px;
}
.aims-wrap.neigh-wrap .local img {
position: relative;
object-fit: cover;
width: 100%;
height: 100%;
top: 0px;
}
.neighbourhood-single {
display: flex;
gap: 3rem;
margin-bottom: 5rem;
}
.neighbourhood-single div {
width: 50%;
}
.neigh-img {
width: 50%;
}
.bodycopy.neighbourhood-single ul {
list-style-type: disc; padding: 0px 0% 0% 20px;
}
.bodycopy.neighbourhood-single ul li {
background: none;
background-size: initial;
list-style-position: outside; padding-left: 0px;
}
.economic-town-centre.sub-intro {
background: #410099 !important;
}
.download-town-centre .download-prompt.two .icon-link {
width: 100%;
padding-right: 0px;
}
.content-wrap.flex.download-town-centre .flex-half {
width: 100%;
}
.have-your-say .have-title {
text-transform: initial;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
text-decoration: none;
margin-bottom: 5px;
display: block;
color: #410099 !important;
}
.have-your-say a {
text-transform: initial !important;
color: #410099 !important;
font-weight: bold !important;
}
.have-your-say a:hover {
text-transform: initial !important;
color: #410099 !important;
border-color: #410099 !important; }
.have-your-say ul {
list-style-type: disc; padding: 0px 0% 0% 20px;
}
.economic-2025.sub-intro {
background: #410099 !important;
}
.economic-town-centre h2.small-header {
color: #ff8080 !important;
}
.economic-town-centre h3.txt-green {
color: #ff8080 !important;
}
.economic-2025 h2.small-header {
color: #ff8080 !important;
}
.economic-2025 h3 {
color: #ff8080 !important;
}
.have-your-say h2 {
color: #410099 !important;
}
.have-your-say ul li {
background: none;
background-size: initial;
list-style-position: outside; padding-left: 0px;
}
.have-your-say .okfind-main .left strong {
color: #410099 !important;
}
@media only screen and (max-width: 768px) {
.neighbourhood-single {
display: flex;
gap: 0.5rem;
flex-direction: column;
}
.neighbourhood-single div {
width: 100%;
}
.bodycopy.neighbourhood-single ul {
list-style-type: disc;
padding: 0px 0% 0% 20px;
}
.top-banner-2.subpage.neigh-img-wrap {
height: auto;
}
.get-involved.get-involved-2025 .intro p {
font-size: 42px !important;
text-transform: initial;
}
} .top-info-banner {
display: flex;
background: black;
color: #fff;
position: fixed;
padding: 20px;
justify-content: center;
top: 0;
width: 100%;
left: 0;
align-items: center;
z-index: 99994;
top: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-info-banner.sticky {
top: -76.67px;
}
.band.have-your-say {
padding: 20px 0px 60px 0px !important;
}
.info-icon {
width: 19px !important;
margin-right: 10px;
}
.top-info-banner p {
font-family: soleil, sans-serif;
font-weight: 800;
margin: 0px !important;
font-size: 16px;
}
.pop-up.close {
width: 24px;
margin-left: 17px;
cursor: pointer;
position: absolute;
right: 32px;
top: 23px;
}
.top-info-banner .ar-g-15 {
stroke: #ffffff !important;
} .cookie-notice-container {
background: white;
border-radius: 10px;
font-family: soleil, sans-serif;
}
.cn-button-onestockport {
background: #ff8189;
color: #410099;
text-align: center;
display: block;
width: 100px;
padding: 10px 20px;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
margin-right: 50px;
font-size: 16px;
line-height: 16px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-left: 0px;
margin-bottom: 10px;
}
.cn-button-onestockport:focus,
.cn-button-onestockport:hover {
background: #ff8189;
color: #fff;
}
.cn-text-container {
margin: 0 0 16px 0;
} li.with-sub {
position: relative;
}
li.with-sub.current a:not(.sub-nav a) {
color: #ff8189;
}
body ul.sub-nav {
position: absolute;
background: #41009a;
left: 50%;
transform: translateX(-50%);
padding: 50px 20px 30px 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
display: none;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
margin-top: 0px;
min-width: 300px;
margin-left: -15px;
}
body ul.mobile-sub-nav {
margin: 0;
background: #41009a;
display: none; }
ul.mobile-sub-nav a {
color: #fff;
background: none;
}
ul.sub-nav::before {
content: "";
width: 1px;
height: 40px;
margin: 0px auto 20px auto;
background: #ff8189;
display: block;
}
ul.sub-nav li {
display: block;
margin-bottom: 20px;
}
ul.sub-nav li:last-child {
margin-bottom: 0;
}
ul.sub-nav li a {
margin: 0;
}
.ok-text * {
font-size: inherit !important;
line-height: 1.2 !important;
}
.ok-size-1 {
font-size: 95px;
}
.ok-size-2 {
font-size: 70px;
}
.ok-size-3 {
font-size: 60px;
}
.ok-size-4 {
font-size: 35px;
}
.ok-size-5 {
font-size: 31px;
}
.ok-size-6 {
font-size: 26px;
}
.ok-size-7 {
font-size: 24px;
}
.ok-size-8 {
font-size: 22px;
}
.ok-size-9 {
font-size: 20px;
}
.ok-size-10 {
font-size: 18px;
}
.ok-size-11 {
font-size: 15px;
}
.barlow {
font-family: "Barlow", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
}
.barlow.barlow-bold {
font-weight: 700 !important;
}
.zooja {
font-family: zooja-pro, sans-serif !important;
font-weight: 300 !important;
font-style: normal !important;
}
.soleil {
font-family: soleil, sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
}
.barlow * {
font-family: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
line-height: 1 !important;
}
.zooja *,
.soleil * {
font-family: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
line-height: 1.2 !important;
}
.barlow strong,
.zooja strong,
.soleil strong {
font-weight: 700 !important;
}
.top-banner-2.ourkind-banner {
height: auto !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
min-height: 800px;
padding: 250px 0 200px 0;
}
.top-banner-2 .shape {
position: absolute;
}
.top-banner-2.ourkind-banner .text {
width: 100%;
max-width: 650px;
text-align: left;
top: auto;
position: relative;
z-index: 2;
transform: none;
width: 53%;
}
.top-banner-2.ourkind-banner .text h2 {
font-family: "soleil", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.2 !important;
}
.top-banner-2.ourkind-banner .banner-icon {
width: 443px;
margin-bottom: 60px;
}
.top-banner-2.ourkind-banner .arrow {
position: static;
left: auto;
bottom: auto;
transform: none;
margin-top: 60px;
width: 50px;
}
.top-banner-2.ourkind-banner .shape-1 {
width: 930px;
top: -500px;
left: -300px;
}
.top-banner-2.ourkind-banner .shape-2 {
right: -100px;
bottom: 170px;
width: 900px;
max-width: 55%;
}
.top-banner-2.ourkind-banner .shape-2 img {
width: 100%;
}
.top-banner-2.ourkind-banner .band-curve {
bottom: -50px;
width: 100%;
left: 0;
}
.top-banner-2.ourkind-banner .band-curve img,
.top-banner-2.ourkind-banner .band-curve svg {
height: 300px;
width: 100%;
display: block;
}
.band-intro.band-okintro {
text-align: center;
padding-bottom: 100px;
}
.band-okintro .ok-text {
max-width: 780px;
margin: 0px auto;
}
.band-okintro .ok-text strong {
color: inherit;
}
.breaker-icon {
width: 32px;
margin: 0px auto;
}
.breaker-icon.top {
margin-bottom: 30px;
}
.breaker-icon.bottom {
margin-top: 50px;
}
h3.barlow {
margin-bottom: 50px;
}
.band.band-volunteerweek {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/our-kind/volunteers-week-banner-bg.jpg) no-repeat
center center;
background-size: cover;
display: block;
padding: 50px 0;
}
.band.band-volunteerweek .sixteen.columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
-ms-align-items: center;
flex-direction: row;
-ms-flex-direction: row;
}
.band.band-volunteerweek .left {
max-width: 585px;
margin-right: 50px;
}
.band.band-volunteerweek span {
display: block;
line-height: 1;
}
.band.band-volunteerweek .right {
margin-left: 50px;
}
.band.band-volunteerweek .badge {
width: 316px;
}
.band.band-volunteerweek .zooja {
margin-bottom: -21px;
position: relative;
}
.band.band-volunteerweek .barlow-bold {
margin-bottom: 5px;
}
.band.band-volunteerweek .week-link {
position: relative;
display: flex;
align-items: center;
padding-top: 30px;
}
.band.band-volunteerweek .week-link p {
margin: 0;
line-height: 1 !important;
padding-bottom: 5px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.band-volunteerweek .week-link:hover p {
border-color: #fff;
}
.band.band-volunteerweek .week-link p strong {
color: inherit;
}
.band.band-volunteerweek .week-link .arrow {
width: 30px;
margin-left: 15px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.band-volunteerweek .week-link:hover .arrow {
margin-left: 25px;
}
.band.band-volunteerweek .badge {
position: relative;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.band.band-volunteerweek .badge:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.ok-interviews.featured-news {
position: relative;
padding-bottom: 400px;
}
.ok-interviews .caption .barlow {
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
}
.ok-interviews .caption .soleil {
text-align: center;
line-height: 1.2;
margin-bottom: 0;
}
.ok-interviews .shape {
position: absolute;
width: 780px;
left: -300px;
top: 0;
}
.ok-interviews.featured-news .feed .full {
display: block;
cursor: auto;
}
.ok-interviews p.barlow {
text-align: center;
margin-bottom: 50px;
}
.ok-interviews.featured-news .feed .full .item {
width: 100%;
cursor: auto;
}
.ok-interviews.featured-news .arrow {
width: 40px;
top: 50%;
position: absolute;
transform: translateY(-50%);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.ok-interviews.featured-news .arrow:hover {
opacity: 0.7;
}
.ok-interviews.featured-news .arrow.arrow-left {
left: 0px;
}
.ok-interviews.featured-news .arrow.arrow-right {
right: 0px;
}
.ok-interviews .sixteen.columns {
position: relative;
}
.featured-news.ok-interviews .feed {
display: flex;
width: 80%;
margin: 0px auto;
}
.featured-news.ok-interviews .feed .full .item {
width: 100%;
height: 600px;
display: block;
}
.ok-interviews .band-curve {
bottom: 0px;
width: 100%;
left: 0;
position: absolute;
}
.ok-interviews .band-curve img {
height: 250px;
}
.band.band-voluteertypes {
padding: 0px 0 100px 0;
overflow: visible;
z-index: 3;
position: relative;
}
.band.band-voluteertypes .container {
margin-top: -50px;
}
.band-voluteertypes .small-header {
text-align: left;
margin-bottom: 40px;
}
.band-voluteertypes h3 {
max-width: 900px;
position: relative;
}
.band-voluteertypes .flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.band-voluteertypes .left {
width: 40%;
}
.band-voluteertypes .right {
width: 60%;
padding-left: 100px;
margin-top: -100px;
}
.band-voluteertypes strong {
color: inherit;
}
.types .tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
}
.content-wrap.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
.content-wrap.flex .flex-half {
width: 50%;
}
.types .tab-item {
padding: 30px 50px;
background: #410099;
color: #fff !important;
max-width: 505px;
margin: 0px 50px;
border-radius: 10px;
text-align: center;
position: relative;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.types .tab-item.active,
.types .tab-item:hover {
background: #fff;
color: #410099 !important;
}
.types .tab-item .icon {
position: absolute;
top: -15px;
width: 36px;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.types .tab-item path {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.types .tab-item.active path,
.types .tab-item:hover path {
fill: #410099;
}
.types .tab-content {
background: #ffd799;
border-radius: 10px;
margin-top: -50px;
min-height: 400px;
}
.types .tab-content .content-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 140px 80px 80px 80px;
display: none;
}
.types .tab-content .content-item .left {
width: 50%;
}
.types .tab-content .content-item .right {
width: 50%;
padding-left: 50px;
margin: 0;
}
.types .tab-content .content-item h3 {
margin-bottom: 30px;
}
.types .tab-content .content-item.active {
display: block;
}
.types .tab-content .content-item .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.band-okbenefits {
text-align: center;
padding: 100px 0;
}
.band-okbenefits .sixteen.columns > h3 {
max-width: 1000px;
margin: 0px auto 70px auto;
}
.band-okbenefits .desc {
max-width: 750px;
margin: 0 auto;
}
.band-okbenefits .desc * {
line-height: 1.2;
}
.band-okbenefits .benefits {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-evenly;
padding-top: 70px;
}
.band-okbenefits .benefit-item {
background: #410099;
border-radius: 10px;
width: 30%;
position: relative;
padding: 70px 40px 40px 40px;
}
.benefit-item .icon {
width: 70px;
left: 50%;
transform: translateX(-50%);
top: -30px;
position: absolute;
}
.benefit-item h3 {
margin-bottom: 20px;
}
.band-okbenefits .smallprint {
margin-top: 50px;
}
.band-okbenefits .smallprint a {
color: inherit;
}
.band-okmyths {
padding: 100px 0;
}
.band-okmyths .title {
max-width: 830px;
margin: 0 auto 70px auto;
}
.band-okmyths .accordion {
max-width: 940px;
margin: 0px auto;
}
.accordion-head,
.accordion-head-has-link a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-ms-flex-pack: justify;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-align-items: center;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
cursor: pointer;
background: rgba(0, 0, 0, 0);
}
.accordion-head:hover {
background: rgba(0, 0, 0, 0.1);
}
.accordion-item {
border-bottom: 1px solid #41008f;
}
.accordion-item:last-child {
border-bottom: none;
}
.accordion-head,
.accordion-head-has-link a {
padding: 40px 50px;
}
.open .accordion-head .uuid-723b1005-45df-4798-a75b-715cd1646929[x="18.46"] {
display: none;
}
.accordion-head p {
line-height: 1;
font-weight: 700 !important;
margin: 0;
}
.accordion-head .plus {
width: 50px;
}
.accordion-content {
padding: 30px 50px 30px 50px;
display: none;
}
.accordion-content p {
line-height: 1.2;
margin-bottom: 20px;
}
.accordion-head-has-link {
padding: 0 !important;
}
.accordion-head-has-link a {
text-decoration: none;
width: 100%;
}
.band-okmyths a {
color: inherit;
font-size: inherit;
}
.band-okmyths em {
font-style: italic !important;
}
.band.band-okfind {
padding: 100px 0px;
}
.band-okfind .volunteer-tag {
position: absolute;
width: 306px;
top: -10px;
right: 100px;
z-index: 2;
}
.band-okfind .find-shape {
position: absolute;
width: 1900px;
max-width: 100vw;
left: -200px;
top: -300px;
}
.band-okfind .small-header {
color: #fff;
}
.band-okfind h3 {
text-align: center;
max-width: 650px;
margin: 0px auto 50px auto;
}
.okfind-main {
max-width: 959px;
margin: 0px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 50px;
}
.okfind-main .left {
max-width: 356px;
}
.okfind-main .left strong {
color: inherit;
}
.okfind-main .volunteer-links {
padding-left: 100px;
}
.okfind-main .link {
margin-bottom: 30px;
display: block;
}
.okfind-main .link-item a {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
text-decoration: none;
margin-bottom: 5px;
display: block;
color: #fff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.okfind-main .link-item a:hover,
.okfind-main .link-item a span {
color: #6bcbb8;
}
.ok-testimonials.frogs-testimonials {
padding-bottom: 400px;
}
.ok-testimonials p.barlow {
text-transform: none !important;
font-size: inherit !important;
}
.ok-testimonials .item {
padding-bottom: 5px;
}
.ok-testimonials .item p,
.ok-testimonials .item span span,
.ok-testimonials .item span.source {
font-size: inherit !important;
}
.ok-testimonials .item span.source {
margin-top: 5px;
}
.ok-testimonials .arrow {
margin-top: -50px;
}
.band-oktoolkit {
padding-bottom: 150px;
position: relative;
overflow: visible !important;
}
.band-oktoolkit .band-curve {
position: absolute;
top: -300px;
width: 100%;
left: 0;
}
.band-oktoolkit .band-curve img {
height: 300px;
}
.band-oktoolkit .sixteen.columns {
margin-top: -100px;
position: relative;
z-index: 2;
}
.band-oktoolkit h2.small-header {
text-align: left;
}
.band-oktoolkit h3 {
max-width: 580px;
line-height: 1 !important;
margin-bottom: 90px;
}
.band-oktoolkit .desc {
max-width: 400px !important;
margin-bottom: 90px;
}
.band-oktoolkit .desc strong {
color: inherit;
}
.band-oktoolkit .toolkit-download {
width: 200px;
margin-top: 50px;
}
.band-oktoolkit .toolkit-download a.img {
width: 50px;
height: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.band-oktoolkit .toolkit-download a.text {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
line-height: 1;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #410099;
text-decoration: none;
}
.band-oktoolkit path,
.band-oktoolkit polygon,
.band-oktoolkit rect {
stroke: #410099;
}
.band-oktoolkit .toolkit-image {
width: 700px;
position: absolute;
top: -80px;
right: 150px;
}
.band-oktoolkit strong span {
text-decoration: underline;
}
@media all and (max-width: 1300px) {
header.promo-header {
top: 85px;
}
.ok-size-1 {
font-size: 85px;
}
.ok-size-2 {
font-size: 65px;
}
.ok-size-3 {
font-size: 55px;
}
.ok-size-4 {
font-size: 30px;
}
.ok-size-5 {
font-size: 26px;
}
.ok-size-6 {
font-size: 24px;
}
.ok-size-7 {
font-size: 22px;
}
.ok-size-8 {
font-size: 20px;
}
.ok-size-9 {
font-size: 18px;
}
.ok-size-10 {
font-size: 18px;
}
.ok-size-11 {
font-size: 15px;
}
.top-banner-2.ourkind-banner .shape-2 {
right: -12%;
bottom: 110px;
width: 800px;
max-width: 65%;
}
.top-banner-2.ourkind-banner .banner-icon {
width: 350px;
}
.top-banner-2.ourkind-banner .band-curve img,
.top-banner-2.ourkind-banner .band-curve svg {
height: 250px;
}
.band.band-volunteerweek .badge {
width: 300px;
}
.featured-news.ok-interviews .feed .full .item {
height: 450px;
}
.ok-interviews .shape {
top: 60px;
}
.band-voluteertypes .right {
padding-left: 50px;
margin: 0px;
}
.types .tab-item {
margin: 0px 20px;
}
.types .tab-content .content-item {
padding: 100px 40px 40px 40px;
}
.band-okfind .volunteer-tag {
width: 250px;
top: 0;
right: 0;
}
.band-oktoolkit .toolkit-image {
width: 600px;
top: 0;
right: 0px;
}
.band-oktoolkit .band-curve {
top: -250px;
}
.band-oktoolkit .band-curve img {
height: 250px;
}
.band-okmyths .title {
max-width: 600px;
}
.top-info-banner {
height: 65px;
}
}
@media all and (max-width: 770px) and (min-width: 719px) {
header.promo-header {
top: 86px;
}
}
@media all and (max-width: 959px) and (min-width: 768px) {
.top-info-banner p {
font-family: soleil, sans-serif;
font-weight: 800;
margin: 0px !important;
font-size: 14px;
line-height: 18px;
}
.top-banner-2.ourkind-banner .shape-2 {
bottom: 80px;
}
.ok-size-1 {
font-size: 70px;
}
.ok-size-2 {
font-size: 50px;
}
.ok-size-3 {
font-size: 40px;
}
.ok-size-4 {
font-size: 30px;
}
.ok-size-5 {
font-size: 22px;
}
.ok-size-6 {
font-size: 20px;
}
.ok-size-7 {
font-size: 20px;
}
.ok-size-8 {
font-size: 20px;
}
.ok-size-9 {
font-size: 18px;
}
.ok-size-10 {
font-size: 18px;
}
.ok-size-11 {
font-size: 15px;
}
.top-banner-2.ourkind-banner .band-curve img,
.top-banner-2.ourkind-banner .band-curve svg,
.ok-interviews .band-curve img,
.band-oktoolkit .band-curve img {
height: 200px;
}
.band-oktoolkit .band-curve {
top: -200px;
}
.band.band-volunteerweek .badge {
width: 200px;
}
.featured-news.ok-interviews .feed .full .item {
height: 350px;
}
.band-voluteertypes .sixteen.columns,
.types .tab-content .content-item,
.types .tab-content .content-item .inner {
flex-wrap: wrap;
padding-bottom: 0;
}
.band-voluteertypes .left,
.band-voluteertypes .right,
.types .tab-content .content-item .left,
.types .tab-content .content-item .right {
width: 100%;
margin: 0px 0px 50px 0px;
}
.types .tab-item {
font-size: 20px;
}
.band-okbenefits .benefits {
flex-wrap: wrap;
}
.band-okbenefits .benefit-item {
width: 100%;
max-width: 600px;
margin: 0px auto 70px auto;
}
.band-okbenefits .benefit-item:last-child {
margin-bottom: 0px;
}
.band-okfind .breaker-icon.top {
margin: 0 0 30px 0;
}
.band-okfind .small-header,
.band-okfind h3 {
text-align: left;
}
.band-okfind h3 {
margin: 0 0 40px 0;
max-width: 400px;
}
.okfind-main {
flex-wrap: wrap;
padding: 0;
}
.okfind-main .left,
.okfind-main .right {
max-width: 100%;
width: 100%;
}
.okfind-main .right {
padding: 30px 0 0 0;
}
.band-okfind .find-shape {
top: -100px;
}
}
@media all and (max-width: 767px) {
.economic-2023.film .play-button h2 {
font-size: 28px;
}
header.promo-header {
top: 109px;
}
.top-info-banner p {
font-family: soleil, sans-serif;
font-weight: 800;
margin: 0px !important;
font-size: 14px;
line-height: 18px;
}
.ok-size-1 {
font-size: 50px;
}
.ok-size-2 {
font-size: 40px;
}
.ok-size-3 {
font-size: 30px;
}
.ok-size-4 {
font-size: 25px;
}
.ok-size-5 {
font-size: 22px;
}
.ok-size-6 {
font-size: 20px;
}
.ok-size-7 {
font-size: 20px;
}
.ok-size-8 {
font-size: 20px;
}
.ok-size-9 {
font-size: 18px;
}
.ok-size-10 {
font-size: 18px;
}
.ok-size-11 {
font-size: 15px;
}
.top-banner-2.ourkind-banner.subpage {
display: block;
padding-bottom: 50px;
padding-top: 180px;
min-height: auto;
height: auto;
}
.top-banner-2.ourkind-banner .shape-1 {
width: 500px;
top: -200px;
left: -200px;
}
.top-banner-2.ourkind-banner .shape-2 {
margin-right: -100px;
bottom: 100px;
width: 500px;
max-width: 140%;
margin-top: -70px;
position: static;
float: right;
}
.top-banner-2.ourkind-banner .arrow {
margin-bottom: 40px;
margin-top: 30px;
}
.top-banner-2.ourkind-banner .banner-icon {
width: 220px;
}
.top-banner-2.ourkind-banner .text {
width: 100%;
}
.top-banner-2.ourkind-banner .band-curve {
bottom: 0;
}
.top-banner-2.ourkind-banner .band-curve img,
.top-banner-2.ourkind-banner .band-curve svg {
height: 150px;
}
.ok-interviews.featured-news {
padding-bottom: 100px;
}
.featured-news.ok-interviews .feed .full .item {
height: 220px;
margin-bottom: 20px;
padding-bottom: 0px;
}
.ok-interviews .slider-arrows {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100px;
}
.ok-interviews .shape {
width: 500px;
left: -200px;
}
.ok-interviews .band-curve img {
height: 150px;
}
.band.band-volunteerweek .sixteen.columns {
display: block;
}
.band.band-volunteerweek .left,
.band.band-volunteerweek .right {
width: 100%;
}
.band.band-volunteerweek .right {
margin: 0 !important;
}
.band.band-volunteerweek .badge {
width: 250px;
margin: 50px auto 0 auto !important;
}
.types .tab-content .content-item,
.types .tabs {
flex-wrap: wrap;
padding-bottom: 0;
}
.types .tabs .tab-item {
width: 90%;
margin: 0px auto 0px auto;
pointer-events: none;
}
.types .tabs .tab-item:last-child {
margin: 0px auto 0px auto;
}
.band-voluteertypes .left,
.band-voluteertypes .right,
.types .tab-content .content-item .left,
.types .tab-content .content-item .right {
width: 100%;
margin: 0px 0px 50px 0px;
}
.types .tab-content .content-item .inner {
flex-wrap: wrap;
}
.band.band-voluteertypes .sixteen.columns {
flex-wrap: wrap;
}
.band.band-voluteertypes .left,
.band.band-voluteertypes .right {
width: 100%;
}
.band-voluteertypes .right {
padding-left: 0;
margin-bottom: 0;
}
.types .tab-content .content-item .right {
padding: 0;
}
.okfind-main {
flex-wrap: wrap;
padding: 0;
}
.okfind-main .left,
.okfind-main .right {
max-width: 100%;
width: 100%;
}
.okfind-main .right {
padding: 30px 0 0 0;
}
.band.band-voluteertypes .container {
margin-top: 0;
}
.band-okbenefits .benefits {
flex-wrap: wrap;
justify-content: center;
}
.band-okbenefits .benefit-item {
width: 90%;
padding: 50px 25px 25px 25px;
margin-bottom: 50px;
min-width: 300px;
}
.benefit-item .icon {
width: 50px;
transform: translateX(-50%);
top: -24px;
}
.band-okbenefits .smallprint {
margin-top: 0;
}
.band-okmyths .title {
max-width: 350px;
margin-bottom: 30px;
}
.accordion-head,
.accordion-head-has-link a {
padding: 20px 20px;
}
.accordion-head .plus {
width: 35px;
flex-shrink: 0;
margin-left: 20px;
}
.accordion-head .plus svg {
display: block;
}
.accordion-content {
padding: 0px 20px 20px 20px;
}
.accordion-head p {
font-size: 20px;
}
.accordion-content * {
font-size: 16px !important;
}
.band.band-okfind {
padding-top: 200px;
}
.band-okfind .find-shape {
max-width: 100vw;
left: -100px;
top: 0px;
}
.band-okfind .volunteer-tag {
width: 250px;
}
.band-okfind .breaker-icon.top {
margin-left: 0;
}
.band-okfind .small-header,
.band-okfind h3 {
text-align: left;
}
.band-okfind h3 {
margin-bottom: 30px;
}
.okfind-main .right {
padding-top: 20px;
}
.ok-testimonials.frogs-testimonials {
padding-bottom: 200px;
}
.frogs-testimonials.ok-testimonials .arrow.prev {
left: calc(50% - 30px);
bottom: -10px;
transform: translate(-50%, 0px);
top: auto;
}
.frogs-testimonials.ok-testimonials .arrow.next {
right: calc(50% - 50px);
bottom: -10px;
transform: translate(-50%, 0px);
top: auto;
}
.band-oktoolkit {
padding-bottom: 100px;
}
.band-oktoolkit .band-curve {
top: -150px;
}
.band-oktoolkit .band-curve img {
height: 150px;
}
.band-oktoolkit .sixteen.columns {
margin-top: -50px;
}
.band-oktoolkit h3 {
margin-bottom: 30px;
}
.band-oktoolkit .toolkit-image {
width: 400px;
top: 0;
right: 0px;
position: relative;
margin-top: -200px;
display: block;
float: right;
}
.band-oktoolkit .toolkit-download {
margin-top: 0;
}
}
@media all and (max-width: 426px) and (min-width: 385px) {
}
@media all and (max-width: 479px) {
.band-okfind .volunteer-tag {
width: 200px;
}
.top-banner-2.ourkind-banner .shape-2 {
margin-bottom: -20px;
}
.frogs-testimonials.ok-testimonials .items .item .bodycopy {
max-width: 100%;
}
.band-oktoolkit .toolkit-image {
width: 300px;
margin-top: 50px;
}
.band-oktoolkit .desc {
margin-bottom: 30px;
}
.top-info-banner p {
font-family: soleil, sans-serif;
font-weight: 800;
margin: 0px !important;
font-size: 11px;
line-height: 14px;
}
}
@media all and (max-width: 331px) {
}  .txt-white,
.top-banner-2.economic-banner .txt-white {
color: #fff;
}
.txt-pink,
.top-banner-2.economic-banner .txt-pink {
color: #ff8080;
}
.txt-peach,
.top-banner-2.economic-banner .txt-peach {
color: #ffc66e;
}
.txt-green,
.top-banner-2.economic-banner .txt-green {
color: #6bcbb8;
}
.txt-purple,
.top-banner-2.economic-banner .txt-purple,
.top-banner-2.ourkind-banner .txt-purple {
color: #410099;
}
.bg-white {
background-color: #fff !important;
}
.bg-pink {
background-color: #ff8080 !important;
}
.bg-peach {
background-color: #ffc66e !important;
}
.bg-green {
background-color: #6bcbb8 !important;
}
.bg-purple {
background-color: #410099 !important;
}
.bg-lilac {
background-color: #cb8bdb !important;
}
.top-banner-2.economic-banner {
height: auto !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
background-position-x: right !important;
background-position-y: 130px !important;
}
.top-banner-2.economic-banner .container {
position: relative;
z-index: 2;
}
.top-banner-2.economic-banner .text {
text-align: left;
position: static;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.top-banner-2.economic-banner p,
.top-banner-2.economic-banner h2 {
color: inherit;
}
.top-banner-2.economic-banner p {
font-size: 107px;
}
.top-banner-2.economic-banner h2 {
font-size: 88px;
margin-bottom: 10px;
}
.top-banner-2.economic-banner .image-grad {
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 100%;
background: linear-gradient(to right, #000, transparent);
}
.sub-intro.economic-intro {
padding: 100px 0px;
}
.band-support {
padding: 100px 0px;
}
.support-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-direction: row;
-ms-flex-direction: row;
font-family: cubano, sans-serif;
text-transform: uppercase;
}
.support-items .item-num {
position: relative;
display: inline-block;
}
.support-items .item-num p {
font-size: 290px;
margin: 0;
line-height: 1;
color: #fff;
-webkit-text-fill-color: #ff8080;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}
.support-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
-ms-align-items: end;
flex-direction: row;
-ms-flex-direction: row;
padding-left: 16%;
}
.support-item:first-child {
padding-left: 0;
}
.support-item .item-num {
padding-right: 10px;
}
.support-item .icon {
position: absolute;
}
.si1 .icon {
width: 72px;
top: 45px;
right: -20px;
}
.si2 .icon {
width: 87px;
top: 50px;
right: -30px;
}
.si3 .icon {
width: 54px;
top: 40px;
right: -10px;
}
.si4 .icon {
width: 119px;
top: 20px;
right: -65px;
}
.support-items .item-text {
width: 230px;
}
.support-items .item-text.large {
width: 250px;
}
.support-items .item-text p {
font-size: 29px;
line-height: 1.2;
margin: 0;
position: relative;
top: -30px;
}
.economic-interviews .feed {
justify-content: center;
-ms-flex-pack: center;
}
.economic-interviews .icon-link {
margin-top: 40px;
}
.time-to {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-purple-v3.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;
padding: 100px 0px;
}
.time-to.logos {
background-image: none;
}
.time-to .heading {
margin-bottom: 50px;
}
.time-to .heading h2 {
font-size: 160px;
line-height: 0.8;
font-family: zooja-pro, sans-serif;
font-weight: 300;
font-style: normal;
position: relative;
z-index: 100;
}
.time-to .ticker {
pointer-events: none;
}
.time-to .ticker ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.time-to .ticker li {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110px;
line-height: 110px;
margin: 0px 20px;
white-space: nowrap;
}
.time-to .ticker li img {
height: 80px;
width: auto;
max-width: unset;
}
.time-to.logos .ticker li {
margin: 0 40px;
}
.gallery-feed {
width: 100% !important;
}
.gallery-feed .slide .content-wrap { display: inline-block;
min-width: 100%;
}
.gallery-feed .slide {
display: block;
}
.gallery-feed .slide .half {
float: left;
}
.frogs-testimonials.economic-testimonials {
background-size: cover;
background-position: center;
position: relative;
padding: 100px 0px;
background-position-y: -200px;
position: relative;
}
.economic-testimonials .inner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 15;
}
.economic-testimonials .container {
z-index: 20;
}
.eco-testimonial-bg {
position: absolute !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
z-index: 10 !important;
padding-bottom: 0px !important;
}
.eco-testimonial-bg .item {
background-size: cover;
position: absolute !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
}
.eco-testimonial-bg .slick-list,
.eco-testimonial-bg .slick-track {
height: 100%;
max-width: 100%;
}
.featured-news.economic-gallery .feed {
width: calc(100% - 100px);
margin: 0px auto;
position: relative;
}
.featured-news.economic-gallery .feed {
width: 100% !important;
}
.featured-news.economic-gallery .arrow {
position: absolute;
width: 40px;
top: 50%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.featured-news.economic-gallery .arrow:hover {
opacity: 0.5;
}
.featured-news.economic-gallery .arrow.prev {
left: -50px;
}
.featured-news.economic-gallery .arrow.next {
right: -50px;
}
.economic-gallery .half {
width: 50%;
}
.featured-news.economic-gallery .feed .item {
cursor: default;
}
.featured-news.economic-gallery .feed .item .overlay {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.featured-news.economic-gallery .feed .item:hover .text {
opacity: 0;
bottom: 0%;
}
.featured-news.economic-gallery .feed .item:hover .overlay {
opacity: 0;
}
.featured-news.economic-gallery .feed .item:hover .overlay-hov {
opacity: 0;
}
.toolkit.economic-toolkit .one-third.column {
padding-top: 100px;
}
.toolkit.economic-toolkit .one-third.column:nth-child(even) {
padding-left: 50px;
}
.toolkit.economic-toolkit .one-third.column:last-child {
padding: 30px 0 0 0;
}
.toolkit.economic-toolkit .side-text p {
font-size: 24px;
line-height: 1.2;
}
@media all and (min-width: 2000px) {
.top-banner-2.economic-banner {
min-height: 900px;
}
.top-banner-2.economic-banner p {
font-size: 140px;
}
.top-banner-2.economic-banner h2 {
font-size: 110px;
}
}
@media all and (min-width: 1600px) {
.eco-testimonial-bg .item {
background-position-y: -200px;
}
}
@media all and (max-width: 1300px) {
.top-banner-2.economic-banner {
background-position-x: 59% !important;
}
.top-banner-2.economic-banner h2 {
font-size: 70px;
}
.top-banner-2.economic-banner p {
font-size: 90px;
}
.support-item {
padding-left: 15%;
margin-bottom: 20px;
}
.support-item:first-child {
padding-left: 0;
}
.support-items .item-num p {
font-size: 200px;
}
.si1 .icon {
width: 52px;
top: 0;
right: -20px;
}
.si2 .icon {
width: 67px;
top: 4px;
right: -30px;
}
.si3 .icon {
width: 40px;
top: 0;
right: 10px;
}
.si4 .icon {
width: 90px;
top: -8px;
right: -53px;
}
.support-items .item-text.large {
width: 200px;
}
.support-items .item-text {
width: 190px;
padding-left: 10px;
}
.support-items .item-text p {
font-size: 22px;
top: -20px;
}
.time-to .heading h2 {
font-size: 100px;
}
.time-to .ticker li {
font-size: 80px;
line-height: 1;
}
.toolkit.economic-toolkit .one-third.column:nth-child(even) {
padding-left: 0;
}
.toolkit.economic-toolkit .one-third.column {
padding-top: 30px;
}
}
@media all and (max-width: 960px) {
.top-banner-2.economic-banner {
background-position-x: 57% !important;
background-position-y: 110px !important;
min-height: 550px;
}
.top-banner-2.economic-banner p {
font-size: 75px;
}
.top-banner-2.economic-banner h2 {
font-size: 60px;
}
.top-banner-2.economic-banner .arrow {
bottom: 30px;
}
.sub-intro.economic-intro,
.band-support,
.frogs-testimonials.economic-testimonials {
padding: 50px 0px;
}
.si1 {
order: 1;
}
.si2 {
order: 2;
}
.si3 {
order: 3;
}
.si4 {
order: 4;
}
.support-item {
padding: 0px;
width: 50%;
}
.frogs-testimonials.economic-testimonials {
background-position: center;
background-repeat: no-repeat;
}
.time-to .heading h2 {
font-size: 80px;
}
.time-to .ticker li {
font-size: 60px;
}
.toolkit.economic-toolkit .side-text p {
font-size: 18px;
}
.toolkit.economic-toolkit .one-third.column:nth-child(even) {
padding-left: 30px;
}
}
@media all and (min-width: 768px) {
.featured-news.economic-gallery .feed .half.one .item,
.featured-news.economic-gallery .feed .half.two .item:last-child {
margin-bottom: 0 !important;
}
}
@media all and (max-width: 767px) {
.top-banner-2.economic-banner {
background-position-x: 70% !important;
background-position-y: 95px !important;
min-height: 420px !important;
}
.top-banner-2.economic-banner .image-grad {
width: 100%;
}
.top-banner-2.economic-banner .text {
margin-top: -50px;
}
.top-banner-2.economic-banner p {
font-size: 50px;
}
.top-banner-2.economic-banner h2 {
font-size: 43px;
margin-top: -13px;
}
.support-item {
width: auto;
margin-bottom: 30px;
}
.support-item:last-child {
margin-bottom: 0;
}
.si2,
.si4 {
margin-left: auto;
}
.time-to {
padding: 70px 0px;
}
.time-to .heading {
margin-bottom: 30px;
}
.time-to .heading h2 {
font-size: 60px;
}
.time-to .ticker li {
font-size: 38px;
margin: 0px 10px;
}
.carouselTicker__wrap {
margin-bottom: -16px;
}
.toolkit.economic-toolkit .one-third.column:nth-child(even),
.toolkit.economic-toolkit .one-third.column:nth-child(even) ul,
.toolkit.economic-toolkit .one-third.column {
padding: 0;
padding-left: 30px;
}
.toolkit.economic-toolkit br,
.featured-news.economic-gallery br {
display: none;
}
.economic-gallery .half {
width: 100%;
}
.economic-gallery.featured-news .feed .item.tall {
background-position-y: top;
}
.font-fix {
font-size: 40px !important;
}
.featured-news.economic-gallery .feed {
width: 100%;
}
.economic-gallery.featured-news .feed .arrows-wrap {
width: 100%;
position: relative;
height: 40px;
}
.economic-gallery.featured-news .feed .arrow.next {
right: calc(50% - 45px);
}
.economic-gallery.featured-news .feed .arrow.prev {
left: calc(50% - 45px);
}
.economic-gallery.featured-news .feed,
.economic-gallery.featured-news .feed .slick-list,
.economic-gallery.featured-news .feed .slick-track,
.economic-gallery.featured-news .feed .half {
height: 660px !important;
width: 100%;
}
.economic-gallery.featured-news .feed .item.tall {
height: 630px;
}
.featured-news.economic-gallery .arrows-wrap {
width: 110px;
position: relative;
height: 45px;
margin: 0px auto;
}
.featured-news.economic-gallery .arrow.prev {
left: 0;
}
.featured-news.economic-gallery .arrow.next {
right: 0;
}
.frogs-testimonials.economic-testimonials .arrow.prev,
.frogs-testimonials.economic-testimonials .arrow.next {
top: auto;
bottom: 0px;
position: absolute;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.frogs-testimonials.economic-testimonials .arrow.prev {
left: calc(50% - 40px);
}
.frogs-testimonials.economic-testimonials .arrow.next {
right: calc(50% - 40px);
}
.eco-testimonial-bg .item {
background-position: center;
}
}
@media all and (max-width: 479px) {
.top-banner-2,
.top-banner-2.subpage {
min-height: 350px !important;
}
.top-banner-2.economic-banner .text {
margin: 0;
}
.top-banner-2.economic-banner .arrow {
display: none;
}
.support-item .item-num {
padding-right: 10px;
width: 100px;
text-align: center;
}
.support-items .item-num p {
font-size: 120px;
display: inline-block;
}
.support-items .item-text p {
font-size: 18px;
top: -10px;
}
.support-items .item-text {
width: 200px !important;
}
.si1 .icon {
width: 41px;
top: -11px;
right: 6px;
}
.si2 .icon {
width: 49px;
top: -9px;
right: 2px;
}
.si3 .icon {
width: 30px;
top: 0;
right: 10px;
}
.si4 .icon {
width: 60px;
top: -25px;
right: -12px;
}
.economic-gallery.featured-news .feed,
.economic-gallery.featured-news .feed .slick-list,
.economic-gallery.featured-news .feed .slick-track,
.economic-gallery.featured-news .feed .half {
height: 500px !important;
}
.economic-gallery.featured-news .feed .item {
height: 220px;
}
.economic-gallery.featured-news .feed .item.tall {
height: 470px;
}
}  .band-banner-winter {
min-height: 800px;
padding: 160px 0 80px 0;
position: relative;
}
.band-banner-winter h1 {
line-height: 0.6;
}
.band-banner-winter h1 div:first-child {
font-family: zooja-pro, sans-serif;
font-weight: 300;
font-style: normal;
position: relative;
z-index: 100;
}
.band-banner-winter h2 {
font-family: "soleil", sans-serif !important;
font-weight: 400 !important;
font-size: 22px;
font-style: normal !important;
line-height: 1.2 !important;
margin-bottom: 40px;
}
.band-banner-winter h2 strong {
font-weight: 700 !important;
}
.band-banner-winter .band-curve {
bottom: -5px;
left: 0;
position: absolute;
transform: scaleX(-1);
width: 100%;
}
.band-banner-winter .arrow {
width: 70px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.band-banner-winter .five img {
margin: 0 auto 40px auto;
width: 50%;
}
.band-initiatives {
padding: 100px 0;
position: relative;
}
.band-initiatives-intro {
text-align: center;
}
.band-initiatives .shape1 {
position: absolute;
right: -10vw;
top: -15vw;
width: 70vw;
}
.band-initiatives .shape2 {
position: absolute;
left: -10vw;
bottom: -30vw;
width: 80vw;
}
.band-initiatives .shape1 img {
height: auto;
width: 100%;
}
.band-oktoolkit-winter {
overflow: hidden !important;
padding: 100px 0 0 0;
}
.band-oktoolkit-winter .sixteen.columns {
margin: 0;
padding-bottom: 80vh;
}
.band-oktoolkit-winter .toolkit-download a.text {
color: #ff8080;
}
.band-oktoolkit-winter .toolkit-download a svg {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.band-oktoolkit-winter .toolkit-download a:focus svg,
.band-oktoolkit-winter .toolkit-download a:hover svg {
transform: scale(1.1);
opacity: 0.8;
}
.band-oktoolkit-winter .toolkit-image {
bottom: -30px;
position: absolute;
top: auto;
width: 100%;
}
.band-oktoolkit-winter .toolkit-image img {
}
.band-oktoolkit-winter path,
.band-oktoolkit-winter polygon,
.band-oktoolkit-winter rect {
fill: #ff8080;
stroke: #ff8080;
}
.partners-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-direction: row;
-ms-flex-direction: row;
font-family: cubano, sans-serif;
text-transform: uppercase;
justify-content: center;
margin: -120px 0 0 20px;
transform: scale(0.8);
}
.partners-items .item-num {
position: relative;
display: inline-block;
}
.partners-items .item-num p {
font-size: 290px;
margin: 0;
line-height: 1;
color: #fff;
-webkit-text-fill-color: #ff8080;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}
.partners-item {
flex: 0 0 420px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
-ms-align-items: end;
flex-direction: row;
-ms-flex-direction: row;
}
.partners-item:first-child {
padding-left: 0;
}
.partners-item .item-num {
padding-right: 10px;
}
.partners-item .icon {
position: absolute;
}
.pi1 .icon {
width: 27px;
top: 45px;
right: 8px;
}
.pi2 .icon {
width: 80px;
top: 50px;
right: -30px;
}
.pi3 .icon {
width: 63px;
top: 40px;
right: -10px;
}
.partners-items .item-text {
width: 230px;
}
.partners-items .item-text.large {
width: 250px;
}
.partners-items .item-text p {
font-size: 29px;
line-height: 1.2;
margin: 0;
position: relative;
top: -30px;
}
@media all and (min-width: 480px) {
.band-oktoolkit-winter .sixteen.columns {
padding-bottom: 100px;
}
.band-oktoolkit-winter .toolkit-image {
width: 200px;
}
.band-partners {
padding: 0 0 100px 0px;
}
.partners-items {
margin: 0;
transform: none;
}
}
@media all and (min-width: 768px) {
.band-banner-winter {
padding: 250px 0 12vw 0;
}
.band-banner-winter h2 {
font-size: 26px;
}
.band-banner-winter .band-curve {
bottom: 0vw; }
.band-banner-winter .five img {
margin: 0;
width: 100%;
}
.band-initiatives .shape1 {
right: 0;
top: -10vw;
width: 50vw;
}
.band-initiatives .shape2 {
left: -200px;
bottom: -200px;
width: 1000px;
}
.band-oktoolkit-winter .toolkit-image {
width: 50%;
right: 0;
}
}
@media all and (min-width: 1300px) {
.band-banner-winter h2 {
font-size: 35px;
}
.band-oktoolkit-winter .toolkit-image {
width: 500px;
right: 100px;
}
}  h1.visually-hidden {
font-size: 0;
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
position: absolute !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
clip: rect(1px, 1px, 1px, 1px);
}
.band {
width: 100%;
margin: 0px auto;
overflow: hidden;
}
.ie8 .band {
width: 100%;
}
a.box-link,
a.box-link:hover {
position: absolute;
top: 0px;
left: 0px;
display: block;
border: none;
min-height: 100%;
width: 100%;
z-index: 1000;
text-indent: -9999px;
background: transparent url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/box-link.png);
text-decoration: none;
border-bottom: none !important;
} .bodycopy a {
overflow-wrap: break-word;
}
.bodycopy h2 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
line-height: 30px;
color: #6f2277;
margin-bottom: 10px;
}
.bodycopy h3 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
line-height: 26px;
color: #9f2842;
margin-bottom: 10px;
}
.bodycopy p,
.bodycopy ul li {
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
color: #231f20;
font-size: 20px;
line-height: 24px;
}
.bodycopy p.lead {
font-weight: 700;
}
.bodycopy.dark-txt p,
.bodycopy.darkred-txt strong,
.bodycopy.dark-txt ul li,
.bodycopy.dark-txt ul li strong {
color: #231f20;
}
.bodycopy.darkred-txt p,
.bodycopy.darkred-txt p strong,
.bodycopy.darkred-txt ul li,
.bodycopy.darkred-txt ul li strong {
color: #62202c;
}
.bodycopy.purple-txt p,
.bodycopy.purple-txt p strong,
.bodycopy.purple-txt ul li,
.bodycopy.purple-txt ul li strong {
color: #410099;
}
.bodycopy.light-txt p,
.bodycopy.light-txt p strong,
.bodycopy.light-txt ul li,
.bodycopy.light-txt ul li strong,
.bodycopy.light-txt a {
color: #fff;
}
.bodycopy.light-txt a:hover {
color: #ff8189;
}
.bodycopy ul li a:hover,
.bodycopy p a:hover {
color: #006e63;
}
.bodycopy ul li {
padding-left: 30px;
margin-bottom: 20px;
margin-bottom: 0px;
padding-bottom: 20px;
}
.bodycopy ul.bold-icons li {
text-transform: uppercase;
text-decoration: none;
font-family: "cubano", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
line-height: 30px;
padding-left: 35px;
padding-bottom: 25px;
}
.bodycopy.green-bullets ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet.svg) no-repeat 0px 0px;
background-size: 19px;
}
.bodycopy.teal-bullets ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-teal.svg) no-repeat 0px 0px;
background-size: 19px;
}
.bodycopy.white-bullets ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-white.svg) no-repeat 0px 0px;
background-size: 19px;
}
.bodycopy.purple-bullets ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-purple.svg) no-repeat 0px 0px;
background-size: 19px;
}
.bodycopy.pink-bullets ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-pink.svg) no-repeat 0px 0px;
background-size: 19px;
}
.bodycopy ul.bold-icons li.icon-community {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-community.svg) no-repeat 0px 0px;
}
.bodycopy ul.bold-icons li.icon-collaboration {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-collaboration.svg) no-repeat 0px 0px;
}
.bodycopy ul.bold-icons li.icon-equality {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-equality.svg) no-repeat 0px 0px;
}
.bodycopy ul.bold-icons li.icon-unity {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-unity.svg) no-repeat 0px 0px;
}
.bodycopy ul.bold-icons li.icon-ambition {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-ambition.svg) no-repeat 0px 0px;
}
.bodycopy ul.bold-icons li.icon-community,
.bodycopy ul.bold-icons li.icon-collaboration,
.bodycopy ul.bold-icons li.icon-equality,
.bodycopy ul.bold-icons li.icon-unity,
.bodycopy ul.bold-icons li.icon-ambition {
background-size: 24px;
}
.bodycopy .video-wrapper {
margin-top: 40px;
margin-bottom: 40px;
}
.bodycopy img:not(.back) {
margin: 40px 0px;
}
.bodycopy blockquote {
display: inline-block;
margin: 10px 0 30px 0;
border-left: 1px #6f2277 solid;
}
.bodycopy blockquote p {
font-family: "soleil", sans-serif;
font-weight: 400;
font-style: italic;
margin-bottom: 15px;
}
.bodycopy blockquote p:first-child {
text-indent: -0.4em;
} header {
position: fixed;
z-index: 1000;
width: 100%;
height: 130px;
top: 0px;
display: block;
padding: 20px 0px 20px 0px;
background-color: #410099;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 10px 10px 31px -14px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 10px 10px 31px -14px rgba(0, 0, 0, 0.75);
box-shadow: 10px 10px 31px -14px rgba(0, 0, 0, 0.75);
}
header .logo img {
width: 145px;
margin: 0 auto;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .logo:hover img {
opacity: 0.7;
}
header .container ul {
display: block;
width: 100%;
}
header.sticky {
padding: 20px 0px 10px 0px;
height: 90px;
top: 0px;
}
header.sticky .logo img {
width: 112px;
margin-top: -10px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile-nav {
display: none;
}
.mob-nav-wrap {
display: none;
}
.mobile-menu {
display: none;
}
.desktop-nav .logo {
position: relative;
height: auto;
float: left;
margin-left: 40px;
}
.desktop-nav .social {
height: 50px;
float: right;
padding-top: 28px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky .desktop-nav .social {
padding-top: 9px;
}
.desktop-nav a.nav-facebook,
.desktop-nav a.nav-instagram,
.desktop-nav a.nav-twitter {
width: 30px;
height: 30px;
}
a.nav-facebook .nav-facebook-1,
a.nav-facebook .nav-facebook-2,
a.nav-instagram .nav-instagram-1,
a.nav-instagram .nav-instagram-2,
a.nav-twitter .nav-twitter-1,
a.nav-twitter .nav-twitter-2 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.nav-instagram {
width: 28px;
display: block;
float: right;
margin-right: 10px;
}
a.nav-instagram .nav-instagram-1 {
fill: #fff;
}
a.nav-instagram .nav-instagram-2 {
fill: #410099;
}
a.nav-instagram:hover .nav-instagram-1 {
fill: #ff8189;
}
a.nav-facebook {
width: 28px;
display: block;
float: right;
margin-right: 10px;
}
a.nav-facebook .nav-facebook-1 {
fill: #fff;
}
a.nav-facebook .nav-facebook-2 {
fill: #410099;
}
a.nav-facebook:hover .nav-facebook-1 {
fill: #ff8189;
}
a.nav-twitter {
width: 28px;
display: block;
float: right;
margin-right: 50px;
}
a.nav-twitter .nav-twitter-1 {
fill: #fff;
}
a.nav-twitter .nav-twitter-2 {
fill: #410099;
}
a.nav-twitter:hover .nav-twitter-1 {
fill: #ff8189;
}
.mobile-menu .social {
height: 50px;
padding-top: 4px;
text-align: center;
margin-bottom: 20px;
}
.mobile-menu .social a {
display: inline-block;
float: none;
}
.mobile-menu .social a.nav-facebook,
.mobile-menu .social a.nav-instagram,
.mobile-menu .social a.nav-twitter {
width: 35px;
height: 35px;
margin: 0px 5px;
}
.desktop-nav .involved {
height: 50px;
float: right;
margin-top: 4px;
width: 220px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky .desktop-nav .involved {
margin-top: -7px;
}
.desktop-nav .involved a {
float: right;
text-align: center;
display: block;
width: 150px;
padding: 10px 20px;
background: #ff8189;
color: #410099;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
margin-right: 50px;
font-size: 15px;
line-height: 16px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-left: 0px;
margin-bottom: 10px;
}
header.sticky .desktop-nav .involved a {
padding: 6px 10px;
margin-bottom: 8px;
}
.desktop-nav .involved a.plan {
background-color: #6bcbb8;
}
.desktop-nav .involved a:hover {
background: #ff8189;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.desktop-nav .involved a.plan:hover {
color: #410099;
background-color: #fff;
}
.desktop-menu {
float: right;
margin-left: 18px;
}
.desktop-menu ul {
display: inline-block;
text-align: center;
margin-bottom: 0px;
padding-top: 32px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky .desktop-menu ul {
padding-top: 13px;
}
.desktop-menu li {
display: inline-block;
text-align: center;
margin-bottom: 0px;
}
.desktop-menu a {
display: block;
text-decoration: none;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #fff;
padding: 5px 0px;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
border-bottom: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 0px;
margin-right: 30px;
}
.desktop-menu a:hover,
.desktop-menu li.active a {
color: #ff8189;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-push {
height: 130px;
background: #410099;
}
.eu-sticky {
position: fixed; right: 40px;
z-index: 1000000;
background: #9f2842 !important;
padding: 20px 40px;
bottom: 20px;
width: 436px; max-width: calc(100% - 80px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border-radius: 10px !important;
box-shadow: 0 0px 20px 10px rgba(0, 0, 0, 0.15);
}
.scrolled .eu-sticky {
bottom: -120px;
opacity: 0;
}
div#cookie-notice {
background: #9f2842 !important;
min-width: auto; max-width: 436px;
right: 40px;
left: auto;
bottom: 20px;
top: auto; width: calc(100% - 80px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border-radius: 10px;
box-shadow: 0 0px 20px 10px rgba(0, 0, 0, 0.15);
z-index: 1000001;
}
div#cookie-notice.cookie-notice-hidden {
opacity: 0 !important;
}
body.page-template-page-homepage-3 div#cookie-notice {
bottom: 120px;
}
body.page-template-page-homepage-3.scrolled div#cookie-notice {
bottom: 20px;
}
body .cn-button.bootstrap {
background-color: #fff !important;
}  .top-banner {
height: auto;
background: #ff8189;
overflow: hidden;
}
.top-banner .nine {
padding-top: 30px;
padding-left: 50px;
}
.top-banner .nine p {
padding-top: 150px;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
line-height: 70px;
margin-bottom: 7px;
color: #9f2842;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-banner .nine img {
width: 560px;
}
.top-banner .seven img {
margin-top: 100px;
width: 480px;
float: right;
} .top-banner-2 {
overflow: hidden;
height: 100vh;
min-height: 680px;
padding-top: 130px;
position: relative;
}
.top-banner-2.home {
background-color: #410099;
}
.top-banner-2.level-2.pink {
background-color: #ff828a;
}
.top-banner-2.subpage {
height: 65vh;
}
.top-banner-2 video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
min-width: 100%;
min-height: 120%;
margin-top: 150px;
}
.top-banner-2 .text {
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.top-banner-2 p,
.top-banner-2.reverse h2 {
font-size: 110px;
line-height: 0.8;
color: #ff828a;
font-family: zooja-pro, sans-serif;
font-weight: 300;
font-style: normal;
position: relative;
z-index: 100;
}
.top-banner-2.frogs p {
color: #6cccb9;
}
.top-banner-2 h2 {
margin-top: 20px;
}
.top-banner-2.subpage.level-2 p {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
}
.top-banner-2.level-2.pink p {
color: #410099;
}
.top-banner-2 h1,
.top-banner-2 h2,
.top-banner-2.reverse p {
font-size: 80px;
line-height: 1;
color: #fff;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: -18px;
margin-bottom: 0px;
position: relative;
z-index: 50;
}
.top-banner-2.reverse p {
margin-bottom: 22px;
}
.top-banner-2.level-2.pink h1,
.top-banner-2.level-2.pink h2 {
color: #410099;
}
.top-banner-2 .arrow {
width: 70px;
position: absolute;
left: 50%;
bottom: 10%;
transform: translateX(-50%);
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-banner-2.home-banner-2022 .arrow {
bottom: 2%;
width: 50px;
}
.top-banner-2 .arrow:hover {
opacity: 0.7;
} .copy-centre {
width: 800px;
max-width: 100%;
text-align: center;
margin: 0px auto;
}
.copy-centre.pad-top-50 {
padding-top: 50px;
}
.pad-bottom-50 {
padding-bottom: 50px;
}
h2.small-header {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #999;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 50px;
}
h2.small-header.purple {
color: #410099;
}
h2.small-header.pink {
color: #ff828a;
}
h2.small-header.teal {
color: #6cccb9;
}
h2.small-header.white {
color: #fff;
}
p.intro {
text-align: center;
display: block;
color: #999;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
margin-top: 30px;
margin-bottom: 50px;
}
p.intro.small-margin {
margin-bottom: 30px;
}
p.intro.left {
text-align: left;
}
p.intro.pink {
color: #ff828a;
}
p.intro.white {
color: #fff;
}
p.intro.purple {
color: #410099;
}
p.intro.teal {
color: #6cccb9;
}
p.intro span.pink {
color: #ff828a;
}
p.intro span.purple {
color: #410099;
}
p.subtitle {
text-align: center;
display: block;
color: #999;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
line-height: 28px;
margin-top: 0px;
margin-bottom: 50px;
}
p.subtitle.purple {
color: #410099;
} .download-prompt {
text-align: center;
}
.download-prompt.align-left {
text-align: left;
}
.download-prompt.push-top {
padding-top: 60px;
}
.download-prompt.two .icon-link {
width: 50%;
float: left;
padding-right: 50px;
}
.download-prompt h3 {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 1;
margin-bottom: 30px;
}
.download-prompt h3.white {
color: #fff;
}
.download-prompt h3.purple {
color: #410099;
}
.download-prompt h3.pink {
color: #ff8080;
}
.small-link {
display: inline-block;
}
.small-link a:link,
.small-link a:visited {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #999;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 50px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.small-link.purple a:link,
.small-link.purple a:visited {
color: #410099;
}
.small-link.pink a:link,
.small-link.pink a:visited {
color: #ff828a;
}
.small-link a:hover {
opacity: 0.7;
}
.plan.vcfse-strategy .plan-image img {
transform: rotate(-5deg);
box-shadow: -6px 7px 11px 5px rgba(0, 0, 0, 0.2);
max-height: 460px;
margin: 0 auto;
}
.plan.vcfse-strategy {
padding-bottom: 100px;
}
.plan.vcfse-strategy h2 {
margin-bottom: 80px;
}
.plan.vcfse-strategy h3 {
margin-bottom: 50px;
} .icon-link {
position: relative;
display: inline-block;
width: auto;
margin-bottom: 10px;
text-align: center;
}
.icon-link .icon {
width: 60px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 10px;
}
.icon-link:hover .icon {
transform: scale(1.1);
opacity: 0.8;
}
.icon-link p {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
line-height: 1.1;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.icon-link:hover p {
opacity: 0.8;
}
.icon-link p.purple {
color: #410099;
}
.icon-link p.white {
color: #fff;
}
.welcome-body-copy22 {
margin-bottom: 92px;
}
.more-link {
margin-top: 30px;
text-align: center;
} .featured-news {
padding: 60px 0px 60px 0px;
}
.featured-news .feed {
display: inline-block;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.featured-news .feed .half {
width: 50%;
}
.featured-news .feed .half.one {
width: 60%;
}
.featured-news .feed .half.two {
width: 40%;
}
.featured-news .feed .full {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.featured-news .feed .full .item {
width: 50%;
}
.featured-news .feed .item {
margin: 0px 15px 30px 15px;
height: 350px;
background-color: #999;
position: relative;
cursor: pointer;
}
.featured-news .feed .item.promo .download-prompt {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.featured-news .feed .item.promo.green {
background-color: #6cccb9;
}
.featured-news .feed .item.tall {
height: 730px;
}
.featured-news .feed .item .text {
position: absolute;
bottom: 0px;
padding: 25px;
z-index: 150;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.featured-news .feed .item:hover .text {
bottom: 10%;
}
.featured-news .feed .item span.date {
font-family: soleil, sans-serif;
font-weight: 400;
color: #fff;
font-size: 18px;
}
.featured-news .feed .item span.dash {
background-color: #fff;
width: 15px;
height: 1px;
display: block;
margin: 5px 0px;
}
.featured-news .feed .item:not(.promo) h3 {
margin-bottom: 0px;
color: #fff;
font-family: cubano, sans-serif;
font-weight: 400;
}
.featured-news .feed .item .overlay {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 100;
background: rgb(0, 0, 0);
background: -moz-linear-gradient(
180deg,
rgba(0, 0, 0, 0.09707633053221287) 0%,
rgba(0, 0, 0, 0.49763655462184875) 59%,
rgba(0, 0, 0, 0.5) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(0, 0, 0, 0.09707633053221287) 0%,
rgba(0, 0, 0, 0.49763655462184875) 59%,
rgba(0, 0, 0, 0.5) 100%
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.09707633053221287) 0%,
rgba(0, 0, 0, 0.49763655462184875) 59%,
rgba(0, 0, 0, 0.5) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
.featured-news .feed .item .overlay-hov {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 125;
background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.featured-news .feed .item:hover .overlay-hov {
background-color: rgba(0, 0, 0, 0.4);
}
.featured-news .item .play {
width: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
z-index: 200;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.featured-news .item:hover .play {
transform: scale(1.1);
} .plan {
padding: 60px 0px 60px 0px;
background-color: #ff8080;
}
.plan.grey {
background-color: #e9ebec;
} .plan.frogs {
background-color: #70b7a8;
overflow: hidden;
}
.plan.frogs .sixteen.columns {
position: relative;
z-index: 100;
}
.flex-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
z-index: 50;
}
.plan.frogs .frogs-image {
position: absolute;
top: -130px;
left: 0px;
height: 170%;
min-width: fit-content;
} .welcome {
padding: 60px 0px 60px 0px;
background: #41008f url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-purple-v3.svg) no-repeat;
background-size: cover;
background-position: center;
}
.welcome_v2 {
padding: 60px 0px 60px 0px;
background: #41008f url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-purple-v3.svg) no-repeat;
background-size: cover;
background-position: center;
} .sub-intro {
padding: 60px 0px 40px 0px;
background: #41008f url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-purple-v3.svg) no-repeat;
background-size: cover;
background-position: center;
}
.sub-intro .bodycopy {
width: 800px;
max-width: 100%;
text-align: center;
margin: 0px auto;
}
.sub-intro .bodycopy h2 {
color: #fff;
font-size: 46px;
line-height: 1;
margin: 0px auto 50px auto;
width: 500px;
max-width: 100%;
}
.sub-intro .small-link {
margin-top: 20px;
} .people {
padding: 60px 0px 60px 0px;
background-color: #ff8080;
}
.gallery-band {
padding: 0px 0px 60px 0px;
background-color: #e9ebec;
}
.gallery-band .item {
width: 100%;
height: 700px;
}
.people .slider {
width: 900px;
max-width: 100%;
margin: 0px auto;
margin-bottom: 40px;
}
.slider .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
cursor: pointer;
z-index: 1000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider .arrow:hover {
opacity: 0.7;
}
.gallery-band .slider .arrow.prev {
left: 60px;
}
.gallery-band .slider .arrow.next {
right: 60px;
}
.people .slider .arrow.prev {
left: -60px;
}
.people .slider .arrow.next {
right: -60px;
}
.gallery-band .slick-dots {
bottom: -40px !important;
} .big-picture {
padding: 60px 0px 60px 0px;
background-color: #ff8080;
}
.big-picture h2.small-header {
margin-bottom: 40px;
} .dialog span {
color: #fff;
font-family: "cubano", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 1.4;
margin-top: 10px;
display: inline-block;
cursor: pointer; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dialog span:hover {
opacity: 0.6;
} .faq-band {
margin-bottom: 60px;
}
.faq-band.top-band {
margin-top: -80px;
}
.faq-band .title {
background-color: #999;
border-radius: 40px;
padding: 30px 50px;
position: relative;
margin-bottom: 60px;
}
.faq-band.purple .title {
background-color: #410099;
}
.faq-band.teal .title {
background-color: #6cccb9;
}
.faq-band.pink .title {
background-color: #ff8080;
}
.faq-band .title h3 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 42px;
line-height: 1;
padding-right: 0px;
margin-bottom: 5px;
}
.faq-band.purple .title h3 {
color: #fff;
}
.faq-band.teal .title h3 {
color: #410099;
}
.faq-band.pink .title h3 {
color: #410099;
}
.faq-band .title .icon {
width: 60px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 50px;
display: none;
}
.faq-band .title .tail {
position: absolute;
width: 120px;
bottom: -80px;
left: 60px;
}
.faq-band.purple .title .tail .tail-1 {
fill: #410099;
}
.faq-band.teal .title .tail .tail-1 {
fill: #6cccb9;
}
.faq-band.pink .title .tail .tail-1 {
fill: #ff8080;
}
.faq-band .content .bodycopy {
width: 60%;
max-width: 100%;
margin-left: 20%;
} .contact {
padding: 60px 0px 60px 0px;
background-color: #ff8080;
}
.contact p {
margin-bottom: 30px;
}
.contact .content {
text-align: center;
} .home .about {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/O-pink.png) #fff no-repeat center center;
background-size: 400px;
padding-top: 50px;
padding-bottom: 80px;
}
.home .about .title h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #9f2842;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 45px;
}
.home .about .introduction p {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
line-height: 70px;
color: #9f2842;
text-align: center;
margin-bottom: 10px;
}
.home .about .introduction img {
margin: 0 auto;
width: 518px;
}
.home .about .eight.left {
padding-top: 80px;
margin-bottom: 40px;
}
.home .about .eight.left p {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #9f2842;
font-size: 20px;
line-height: 24px;
padding: 0px 5% 0% 20%;
}
.home .about .eight.right {
padding-top: 80px;
margin-bottom: 40px;
}
.home .about .eight.right p {
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
color: #231f20;
font-size: 20px;
line-height: 24px;
padding: 0px 25% 0% 0%;
}
.home .about .download a {
margin: 0px auto 20px auto;
display: block;
}
.home .about .download a.img {
width: 50px;
height: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .about .download a:hover.img {
padding: 10px 0px 0px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .about .download a.img .dl-icon-1 {
fill: #9f2842;
stroke: #9f2842;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .about .download a:hover.img .dl-icon-1 {
fill: #231f20;
stroke: #231f20;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .about .download a.text {
text-align: center;
display: block;
color: #9f2842;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 230px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .about .download a:hover.text {
color: #231f20;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vision-band {
background: #ff828a;
padding-top: 60px;
padding-bottom: 30px;
}
.vision-band .container {
transform: translateX(90px);
}
.vision-band h2 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
line-height: 42px;
color: #410099;
margin-bottom: 20px;
}
.vision-band .item {
padding-right: 20px;
}
.aims {
background: #e9ebec;
padding-top: 60px;
padding-bottom: 60px;
}
.aims .title h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 45px;
}
.aims .introduction p {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 60px;
line-height: 60px;
color: #410099;
text-align: center;
margin: 0 auto 40px auto;
width: 995px;
max-width: 100%;
}
.aims .aims-hometext .content-wrap {
width: 650px;
max-width: 100%;
margin: 0px auto;
}
.aims .one-third {
text-align: center;
position: relative;
}
.aims .one-third.local {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/local-1-pink.svg) no-repeat 0px bottom;
background-size: 150px;
}
.aims .one-third.community {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/community-2-pink.svg) no-repeat 0px bottom;
background-size: 150px;
}
.aims .one-third.health {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/health-3-pink.svg) no-repeat 0px bottom;
background-size: 150px;
}
.aims .one-third.local img {
width: 252px;
margin: 86px auto 0px auto;
}
.aims .one-third.community img {
width: 266px;
margin: 86px auto 0px auto;
}
.aims .one-third.health img {
width: 288px;
margin: 0 auto;
}
.aims .one-third img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aims .one-third:hover img {
opacity: 0.7;
}
.aims .one-third.local h3,
.aims .one-third.health h3,
.aims .one-third.community h3 {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 34px;
line-height: 34px;
margin-top: 30px;
margin-bottom: 30px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aims .one-third:hover h3 {
color: #231f20;
}
.aims .one-third.local a,
.aims .one-third.health a,
.aims .one-third.community a {
display: inline-block;
height: 20px;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
font-size: 17px;
line-height: 17px;
text-decoration: none;
text-align: center;
margin: 0px auto 30px auto;
text-transform: uppercase;
border-bottom: 2px transparent solid;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aims .one-third.local:hover a,
.aims .one-third.health:hover a,
.aims .one-third.community:hover a {
color: #231f20;
border-bottom: 2px #231f20 solid;
}
.home .aims .view-all {
margin-top: 50px;
}
.home .aims .view-all a {
margin: 0px auto 20px auto;
display: block;
}
.home .aims .view-all a.img {
width: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .aims .view-all a:hover.img {
transform: scale(1.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .aims .view-all a.img .view-all-1 {
fill: #006e63;
stroke: #006e63;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .aims .view-all a:hover.img .view-all-1 {
fill: #231f20;
stroke: #231f20;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .aims .view-all a.text {
text-align: center;
display: block;
color: #006e63;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 230px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .aims .view-all a:hover.text {
color: #231f20;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.voice .slider-one {
max-height: 900px;
overflow: hidden;
}
.voice .slider-one img {
min-width: 100%;
max-width: 100%;
}
.voice .slider-one .slick-dots {
display: none !important;
}
.slick-slide {
outline: none !important;
}
.slick-next {
right: 5% !important;
z-index: 1;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-next.svg);
background-position: center center;
background-color: transparent;
border-radius: 50%;
-webkit-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
}
.slick-next:hover {
width: 70px;
height: 70px;
outline: none !important;
border: none !important;
background-color: #006e63;
}
.slick-prev {
left: 5% !important;
z-index: 1;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-previous.svg);
background-position: center center;
background-color: transparent;
border-radius: 50%;
-webkit-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
}
.slick-prev:hover {
width: 70px;
height: 70px;
outline: none !important;
border: none !important;
background-color: #006e63;
}
.one-voice {
padding: 65px 0px;
}
.one-voice img {
width: 350px;
margin: 0 auto;
}
.slider-two {
overflow: hidden;
}
.slider-two img {
min-width: 100%;
max-width: 100%;
}
.slider-two .slick-next {
right: 5% !important;
z-index: 1;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-next-yellow.svg) center center !important;
background-color: transparent !important;
border-radius: 50%;
-webkit-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
}
.slider-two .slick-next:hover {
width: 70px;
height: 70px;
outline: none !important;
border: none !important;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-next-yellow.svg) center center !important;
background-color: #a52c46 !important;
}
.slider-two .slick-prev {
left: 5% !important;
z-index: 1;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-prev-yellow.svg) center center !important;
background-color: transparent !important;
border-radius: 50%;
-webkit-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, width 0.1s ease-in-out,
height 0.1s ease-in-out;
}
.slider-two .slick-prev:hover {
width: 70px;
height: 70px;
outline: none !important;
border: none !important;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/slider-prev-yellow.svg) center center !important;
background-color: #a52c46 !important;
}
.slider-two .slick-dots {
left: -20px;
}
.news {
background-color: #0e1513;
}
a .news-item {
width: 50%;
float: left;
height: 500px;
background: #333;
overflow: hidden;
position: relative;
}
a .news-item .overlay {
background-color: #000;
height: 100%;
width: 100%;
opacity: 0.6;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover .news-item .overlay {
opacity: 0.2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a .news-item p {
text-align: center;
color: #e1e17c;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 40px;
position: relative;
z-index: 3;
}
a .news-item h3 {
text-align: center;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 42px;
line-height: 44px;
margin: 0 auto;
width: 500px;
max-width: 90%;
padding: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a .news-item .content {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a .news-item .title-wrap {
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover .news-item .title-wrap {
transform: scale(1.15) translate3d(0, 0, 0);
}
a .news-item span.date {
display: inline-block;
margin-top: 10px;
text-align: center;
color: #e1e17c;
font-family: soleil, sans-serif;
font-weight: 800;
font-size: 16px;
}
.news .view-all {
padding-top: 50px;
padding-bottom: 30px;
overflow: hidden;
}
.news .view-all a {
margin: 0px auto 20px auto;
display: block;
}
.news .view-all a.img {
width: 50px;
height: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news .view-all a:hover.img {
transform: scale(1.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news .view-all a.img .view-all-2 {
fill: #fff;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.news .view-all a:hover.img .view-all-2 {
fill: #e1e17c;
stroke: #e1e17c;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.news .view-all a.text {
text-align: center;
display: block;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 260px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news .view-all a:hover.text {
color: #e1e17c;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.partners {
padding: 60px 0px 60px 0px;
background: #41008f url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-purple-v3.svg) no-repeat;
background-size: cover;
background-position: center;
}
.partners h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 50px;
}
.partners p.intro {
text-align: center;
display: block;
color: #ffbc6e;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
margin-top: 30px;
margin-bottom: 50px;
}
.partners p.para {
color: #ffffff;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
padding: 0px 390px;
font-size: 18px;
line-height: 25px;
text-align: center;
}
.partners p.para strong {
color: #fff;
}
.partners .logos-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
align-items: center;
justify-content: center;
}
.partners .four.columns {
float: none !important;
display: block !important;
padding: 0px 30px;
height: 150px;
}
.partners img {
max-height: 80px;
margin: 40px auto;
}
.partners .four.columns.life-leisure img {
margin: 25px auto 55px auto;
}
.film {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images/video.jpg) no-repeat;
background-size: cover;
min-height: 700px;
position: relative;
width: 100%;
}
.film .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
text-align: center;
}
.film .play-button h2 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 60px;
line-height: 60px;
color: #e1e17b;
text-align: center;
margin: 0 auto 40px auto;
width: auto;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.film.eco .play-button h2 {
margin: 20px auto 0 auto;
}
.film .play-button:hover h2 {
color: #6bcbb8;
}
.film .play-button svg {
width: 120px;
height: 120px;
margin: 0px auto;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.film .play-button:hover svg {
transform: scale(1.1);
}
.play-button .play-button-1 {
fill: #fff;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.play-button:hover .play-button-1 {
fill: #ff8189;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#film-01 span {
text-align: center;
display: block;
color: #9f2842;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
transform: scale(1, 0.8);
-webkit-transform: scale(1, 0.8); -moz-transform: scale(1, 0.8); -ms-transform: scale(1, 0.8); -o-transform: scale(1, 0.8); cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#film-01 span:hover {
color: #fff;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.toolkit {
background: #ffc66e;
padding: 40px 0px 60px 0px;
}
.toolkit h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 50px;
}
.toolkit h3 {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
line-height: 22px;
text-align: left;
padding-right: 20px;
margin-bottom: 30px;
}
.toolkit p.intro {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
margin-top: 30px;
margin-bottom: 50px;
}
.toolkit .side-text p {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 22px;
text-align: left;
padding-right: 20px;
}
.toolkit .side-text p strong {
color: #410099;
}
.toolkit ul {
padding-left: 30px;
}
.toolkit ul li {
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
line-height: 26px;
padding-left: 30px;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-small-purple.svg) no-repeat 0px 0px;
padding-bottom: 20px;
margin-bottom: 0px;
}
.toolkit .one-third.box {
padding: 0px 50px;
}
.home .toolkit .download-options,
.page-template-page-economic-recovery .toolkit .download-options {
margin-top: 40px;
text-align: center;
}
.home .toolkit .download.toolkit-download,
.page-template-page-economic-recovery .toolkit .download.toolkit-download {
width: auto;
float: none;
display: inline-block;
margin: 0px 30px;
}
.home .toolkit .download a,
.page-template-page-economic-recovery .toolkit .download a {
margin: 0px auto 20px auto;
display: block;
}
.home .toolkit .download a.img,
.page-template-page-economic-recovery .toolkit .download a.img {
width: 50px;
height: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .toolkit .download a:hover.img,
.page-template-page-economic-recovery .toolkit .download a:hover.img {
padding: 10px 0px 0px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page-template-page-economic-recovery .toolkit .download.link a:hover.img {
padding: 0px 0px 0px 0px;
transform: scale(1.1);
}
.home .toolkit .download a.img .dl-icon-1,
.page-template-page-economic-recovery .toolkit .download a.img .dl-icon-1 {
fill: #410099;
stroke: #410099;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .toolkit .download a:hover.img .dl-icon-1,
.page-template-page-economic-recovery .download a:hover.img .dl-icon-1 {
fill: #410099;
stroke: #410099;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.home .toolkit .download a.text,
.page-template-page-economic-recovery .toolkit .download a.text {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 230px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .toolkit .download.toolkit-download a.text,
.page-template-page-economic-recovery
.toolkit
.download.toolkit-download
a.text {
width: auto;
}
.home .toolkit .download a:hover.text,
.page-template-page-economic-recovery .toolkit .download a:hover.text {
color: #231f20;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.popup-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0px;
left: 0px;
z-index: 1000001;
background: rgba(0, 0, 0, 0.8);
display: none;
}
.popup {
position: fixed;
padding: 70px 70px 70px 70px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 1000002;
width: 90%;
height: 90%;
max-width: 800px;
max-height: 640px;
overflow-y: scroll;
display: none;
-ms-overflow-style: none; scrollbar-width: none; } .popup::-webkit-scrollbar {
display: none;
}
.popup.popup-posters {
background: #ffc66e;
padding-bottom: 50px;
}
.popup h3 {
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
line-height: 34px;
margin-bottom: 40px;
}
.popup.popup-posters h3 {
color: #410099;
}
.popup a,
.popup p,
.popup li {
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.popup.popup-posters a,
.popup.popup-posters p,
.popup.popup-posters li {
color: #410099;
}
.popup.popup-posters a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.popup.popup-posters a:hover {
color: #231f20;
}
.popup ul {
column-count: 2;
column-gap: 30px;
margin: 0;
column-width: 200px;
}
.popup li {
padding-left: 35px;
padding-bottom: 15px;
margin-bottom: 0px;
padding-top: 5px;
}
.popup.popup-posters li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-small-purple.svg) no-repeat 0px 0px;
}
.popup .close {
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
line-height: 30px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
color: #410099;
}
.popup .close:hover {
color: #231f20;
}
.testimonials {
background: #ff8189;
padding: 60px 0px 0px 0px;
}
.testimonials h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-bottom: 50px;
}
.testimonials .quote {
padding-top: 70px;
}
.testimonials .quote p {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.testimonials .quote p:first-child {
text-indent: -0.4em;
}
.testimonials .quotee p.name {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 18px;
line-height: 25px;
margin-bottom: 0px;
}
.testimonials .quotee p.pos {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 25px;
}
.testimonials .slick-prev {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/testimonial-prev.svg) center center transparent !important;
}
.testimonials .slick-next {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/testimonial-next.svg) center center transparent !important;
}
.slick-next:hover {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/testimonial-next.svg) center center #6d1c2e !important;
}
.slick-prev:hover {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/testimonial-prev.svg) center center #6d1c2e !important;
}
.slick-dots li button:before {
top: -20px !important;
left: -20px !important;
z-index: -10 !important;
z-index: 999 !important;
color: #410099 !important;
}
.slick-dots li.slick-active button:before {
color: #ffbc6e !important;
}
.safety {
background: #6bcbb8;
padding: 80px 0px 60px 0px;
}
.safety p.head {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 61px;
line-height: 61px;
width: 100%;
}
.safety p.head,
.safety img {
display: inline-block;
}
.safety img {
height: 46px;
}
.safety .advice {
margin-top: 50px;
}
.safety .advice a {
margin: 0px auto 20px auto;
display: block;
}
.safety .advice a.img {
width: 50px;
height: 50px;
margin: 0px auto 15px auto;
display: block;
padding: 0px 0px 10px 0px;
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.safety .advice a:hover.img {
transform: scale(1.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.safety .advice a.img .view-all-1 {
fill: #006e63;
stroke: #006e63;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.safety .advice a:hover.img .view-all-1 {
fill: #231f20;
stroke: #231f20;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.safety .advice a.text {
text-align: center;
display: block;
color: #006e63;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 260px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.safety .advice a:hover.text {
color: #231f20;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.get-involved {
background: #fff;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/involved-one-2.svg) no-repeat center center;
background-size: 25%;
padding: 60px 0px 60px 0px;
}
.get-involved img.involved-one {
position: absolute;
top: 240px;
left: 70px;
width: 200px;
}
.get-involved img.biker {
position: absolute;
top: 290px;
right: 80px;
width: 180px;
}
.get-involved img.outdoor {
position: absolute;
top: -80px;
right: -80px;
width: 235px;
}
.get-involved img.shop {
position: absolute;
top: -100px;
left: -80px;
width: 280px;
}
.get-involved img.building {
position: absolute;
top: 460px;
right: -140px;
width: 180px;
}
.get-involved h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 50px;
}
.get-involved .intro p {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
margin-bottom: 10px;
}
.get-involved .intro img {
height: 35px;
margin-bottom: 60px;
}
.get-involved .main-text {
text-align: center;
width: 800px;
max-width: 100%;
margin: 60px auto 60px auto;
}
.get-involved .main-text p {
font-family: soleil, sans-serif;
font-weight: 600;
color: #410099;
font-size: 20px;
line-height: 1.4;
}
.get-involved .content {
text-align: center;
}
.get-involved .content p {
color: #231f20;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 25px;
text-align: center;
padding: 0px 350px;
}
.get-involved .content p span {
color: #9f2842;
font-size: 22px;
line-height: 27px;
font-weight: 600;
}
.cta-button {
position: relative;
max-width: 90%;
display: inline-block;
border-radius: 10px;
background-color: #410099;
margin-top: 30px;
padding: 20px 15px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
}
.cta-button:hover {
background-color: #231f20;
}
.cta-button p,
.cta-button a:link,
.cta-button a:visited {
font-family: cubano, sans-serif !important;
font-weight: 400;
letter-spacing: 1.2px;
font-size: 20px !important;
line-height: 24px !important;
font-weight: 800 !important;
color: #fff !important;
margin: 0px;
padding: 0px !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cta-button:hover p {
color: #ffffff !important;
}
.home .get-involved .say {
margin-top: 50px;
}
.home .get-involved .say p {
text-align: center;
display: block;
color: #9f2842;
text-transform: uppercase;
text-decoration: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.get-involved .form-graphic img {
width: 70px;
margin: 0 auto;
}
.get-involved .container.form {
background: #9f2842;
border-radius: 30px;
padding: 60px 0px;
}
.get-involved .form p.copy {
color: #fff;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 25px;
padding: 0px 40px 0px 50px;
}
.get-involved .form p.copy strong {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #e1e17c;
font-size: 22px;
line-height: 24px;
}
.get-involved .form p.copy strong.intro {
color: #fff;
font-size: 17px;
line-height: 21px;
}
.get-involved .form .inputs {
padding-right: 55px;
padding-left: 20px;
}
.get-involved .form label {
font-family: soleil, sans-serif;
font-weight: 800;
color: #fff;
font-size: 18px !important;
}
.get-involved .form input {
outline: none;
border: none;
border-radius: 10px;
background: #94616e;
color: #fff;
padding: 20px !important;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 17px !important;
line-height: 17px !important;
width: 100%;
}
.get-involved .form #field_1_5 input {
height: 16px !important;
width: 16px !important;
float: left;
margin-top: 2px;
margin-right: 10px;
font-size: 16px !important;
}
.get-involved .form #field_1_5 label {
float: left;
}
.get-involved .form #field_1_5 label a {
color: #fff;
}
.get-involved .form #field_1_5 label a:hover {
color: #e1e17c;
}
.get-involved .form input#gform_submit_button_1 {
background-color: #e1e17c;
color: #9f2842;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.get-involved .form input#gform_submit_button_1:hover {
background-color: #d1bd7b;
}
.get-involved .form .gform_wrapper .gfield_error .gfield_label,
.get-involved .form .validation_error,
.get-involved .form .validation_message,
.get-involved .form .gfield_required {
color: #fff;
}
.get-involved .form .gform_wrapper li.gfield.gfield_error {
padding-left: 10px;
padding-right: 10px;
}
.get-involved .form .validation_message {
margin: 20px 0px 10px 0px;
font-size: 14px;
}
.get-involved .form .gform_confirmation_wrapper {
font-family: soleil, sans-serif;
font-weight: 800;
color: #fff;
}
.get-involved .form input::-webkit-input-placeholder {
color: #fff;
}
.get-involved .form input:-ms-input-placeholder {
color: #fff;
}
.get-involved .form input::placeholder {
color: #fff;
}
.get-involved .form textarea::-webkit-input-placeholder {
color: #fff;
}
.get-involved .form textarea:-ms-input-placeholder {
color: #fff;
}
.get-involved .form textarea::placeholder {
color: #fff;
}
.get-involved .form textarea {
outline: none;
border: none;
border-radius: 10px;
background: #94616e;
color: #fff;
padding: 20px;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 17px;
line-height: 17px;
max-width: 100%;
min-width: 100%;
height: 200px;
max-height: 200px;
}
.get-involved .form button {
box-shadow: none;
outline: none;
border: none;
background: none;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
color: #9f2842;
font-size: 22px;
line-height: 22px;
text-align: center;
display: block;
width: 200px;
margin: 0 auto;
padding: 10px 20px;
background: #e1e17c;
border-radius: 10px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.get-involved .form button:hover {
color: #e1e17c;
background: #fff;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.get-involved .form.version-2 {
text-align: center;
}
.get-involved .form p.copy {
padding: 0px 40px 0px 40px;
}
.get-involved .form.version-2 .submit-link {
position: relative;
max-width: 90%;
display: inline-block;
border-radius: 10px;
background-color: #e1e17c;
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
padding: 20px 15px;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.get-involved .form.version-2 .submit-link span {
font-family: soleil, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 800;
color: #9f2842;
}
.get-involved .form.version-2 .submit-link:hover {
background-color: #d1bd7b;
} .the-frogs {
padding: 80px 0px 80px 0px;
}
.the-frogs .feed {
color: #410099;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-top: 30px;
}
.the-frogs .feed .item {
width: 33.333%;
margin-bottom: 50px;
text-align: center;
cursor: pointer;
}
.the-frogs .feed .item .image {
margin-bottom: 10px;
}
.the-frogs .feed .item .image img {
width: 150px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.the-frogs .feed .item:hover .image img {
transform: scale(1.1);
}
.the-frogs .feed .item .text {
width: 250px;
max-width: 90%;
display: inline-block;
}
.the-frogs .feed .item h3 {
font-family: cubano, sans-serif;
font-size: 30px;
line-height: 1.1;
font-weight: 400;
font-style: normal;
color: #410099;
margin-bottom: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.the-frogs .feed .item:hover h3 {
color: #231f20;
}
.the-frogs .feed .item p,
.the-frogs .feed .item span {
font-family: soleil, sans-serif;
font-size: 18px;
width: 100%;
display: inline-block;
margin-bottom: 0px;
}
.the-frogs .feed .item span.location {
font-size: 20px;
font-weight: 800;
}
.the-frogs .feed .item span.more {
font-weight: 800;
margin-top: 15px;
}
.the-frogs .feed .item:hover span.more {
color: #231f20;
}
.frogs-gallery {
display: inline-block;
margin-bottom: -10px;
width: 100%;
overflow: hidden;
}
.frogs-gallery .item {
width: 25%;
float: left;
}
.frogs-gallery .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
cursor: pointer;
z-index: 1000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frogs-gallery .arrow:hover {
opacity: 0.7;
}
.frogs-gallery .arrow.prev {
left: 60px;
}
.frogs-gallery .arrow.next {
right: 60px;
}
.frogs-life {
padding: 80px 0px 80px 0px;
background-color: #410099;
}
.frogs-life .bodycopy {
width: 500px;
max-width: 100%;
}
.frogs-life .image {
text-align: center;
}
.frogs-life .image img {
width: 420px;
max-width: 90%;
display: inline-block;
margin-top: -40px;
}
.frogs-testimonials {
padding: 80px 0px 80px 0px;
background-color: #ff8080;
}
.frogs-testimonials .items {
text-align: center;
}
.frogs-testimonials .items .item .bodycopy {
width: 750px;
max-width: 90%;
margin: 0px auto;
}
.frogs-testimonials span {
width: 100%;
font-family: soleil, sans-serif;
color: #410099;
display: inline-block;
}
.frogs-testimonials span.name {
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
margin-top: 20px;
}
.frogs-testimonials span.source {
font-size: 18px;
}
.frogs-testimonials .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
cursor: pointer;
z-index: 1000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frogs-testimonials .arrow:hover {
opacity: 0.7;
}
.frogs-testimonials .arrow.prev {
left: 100px;
}
.frogs-testimonials .arrow.next {
right: 100px;
}
.frogs-share {
padding: 80px 0px 80px 0px;
background-color: #6cccb9;
text-align: center;
}
.frogs-share .text {
padding-top: 30px;
}
.frogs-share a:link,
.frogs-share a:visited {
font-weight: 800;
color: #410099;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 2px #410099 solid;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frogs-share a:hover {
color: #231f20 !important;
border-bottom: 2px #231f20 solid;
}
.frog-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #6cccb9;
opacity: 0.9;
z-index: 9000;
}
.frog-pop {
position: fixed;
display: none;
flex-wrap: wrap;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
max-width: 90%;
max-height: 90%;
z-index: 9999;
background-color: #fff;
padding: 40px;
border-radius: 30px;
overflow: scroll;
}
.frog-pop .map {
position: relative;
float: left;
width: 45%;
}
.frog-pop .map iframe {
width: 100%;
height: 360px;
margin-bottom: 40px;
display: inline-block;
}
.frog-pop .map a {
position: absolute;
left: 0px;
bottom: 0px;
}
.frog-pop .text {
position: relative;
float: left;
width: 55%;
padding-left: 30px;
}
.frog-pop h4 {
font-family: cubano, sans-serif;
font-size: 38px;
line-height: 1.2;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
color: #410099;
margin-bottom: 20px;
}
.frog-pop p,
.frog-pop span {
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 18px;
color: #410099;
}
.frog-pop span {
font-weight: 700;
}
.frog-pop .title .intro-txt {
text-transform: uppercase;
}
.frog-pop .details {
margin-bottom: 20px;
}
.frog-pop .details .item .label {
float: left;
width: 120px;
text-transform: uppercase;
}
.frog-pop .details .item.long .label {
width: 100%;
margin-top: 5px;
}
.frog-pop .sponsor .intro-txt {
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.frog-pop .logo {
margin-bottom: 40px;
}
.frog-pop .logo img {
max-width: 200px;
max-height: 100px;
}
.frog-pop .logo.group img {
max-width: 300px;
max-height: none;
}
.frog-pop .logo.txt {
width: 100%;
}
.frog-pop .logo.txt span {
font-size: 28px;
line-height: 1.1;
font-weight: 800;
display: inline-block;
}
.frog-pop a:link,
.frog-pop a:visited {
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 18px;
color: #410099;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px #410099 solid;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frog-pop a:hover {
color: #6cccb9;
}
.frog-pop .toggle {
position: absolute;
right: 0px;
bottom: -10px;
}
.frog-pop .toggle .arrow {
width: 40px;
display: inline-block;
margin-left: 5px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frog-pop .toggle .arrow:hover {
opacity: 0.5;
}
.frog-pop .close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.frog-pop .close:hover {
opacity: 0.5;
}
.frog-pop .close span {
text-transform: uppercase;
} .footer {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/footer-one.svg) no-repeat center center #410099;
background-size: 320px;
padding: 180px 0px 40px 0px;
}
.footer p.follow {
text-align: center;
display: block;
color: #ff828a;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 46px;
line-height: 46px;
margin-bottom: 30px;
}
.footer .social {
width: 100%;
margin: 0px auto 200px auto;
text-align: center;
}
.footer .social a {
display: inline-block;
height: 50px;
width: 50px;
margin: 0px 10px;
}
a.facebook .footer-fb-1,
a.facebook .footer-fb-2,
a.instagram .footer-insta-1,
a.instagram .footer-insta-2,
a.twitter .footer-twitter-1,
a.twitter .footer-twitter-2 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.facebook .footer-fb-1 {
fill: none;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 1.5px;
}
a.facebook .footer-fb-2 {
fill: #fff;
}
a.facebook:hover .footer-fb-1 {
stroke: #ff828a;
}
a.facebook:hover .footer-fb-2 {
fill: #ff828a;
}
a.instagram .footer-insta-1 {
fill: #fff;
}
a.instagram .footer-insta-2 {
fill: none;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 1.5px;
}
a.instagram:hover .footer-insta-1 {
fill: #ff828a;
}
a.instagram:hover .footer-insta-2 {
stroke: #ff828a;
}
a.twitter:hover .footer-twitter-1 {
stroke: #ff828a;
}
a.twitter:hover .footer-twitter-2 {
fill: #ff828a;
}
.footer .eight img.logos {
width: 350px;
max-width: 100%;
}
.footer .policies {
text-align: right;
}
.footer .policies a {
color: #fff;
margin-left: 20px;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 14px;
}
.footer .policies a:hover {
color: #e1e17c;
}
.footer .copyright {
margin-top: 20px;
text-align: right;
}
.footer .copyright p,
.footer .copyright a:link,
.footer .copyright a:visited {
color: #fff;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
.footer .copyright a:link,
.footer .copyright a:visited {
font-weight: 600;
text-decoration: underline;
}
.footer .copyright a:hover {
color: #e1e17c;
} .aims-wrap .aims-banner {
background: #ff8189;
padding: 60px 0px 60px 0px;
}
.aims-banner h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #fff;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
margin-bottom: 45px;
}
.aims-banner img.everyone {
height: 80px;
margin: 0px 0px;
width: auto;
}
.aims-banner p.intro {
text-align: left;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 106px;
line-height: 92px;
margin-bottom: 30px;
position: relative;
z-index: 200;
}
.aims-banner p.intro-sub {
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
line-height: 40px;
width: 470px;
max-width: 100%;
}
.aims-banner img.bag {
width: 380px;
position: absolute;
right: 0px;
top: 50px;
z-index: 100;
}
.aims-banner img.box {
width: 430px;
position: absolute;
right: 0px;
top: 50px;
z-index: 100;
}
.aims-banner.wellbeing-banner {
overflow: hidden;
}
.aims-banner img.stretch {
width: 430px;
position: absolute;
right: 0px;
bottom: -90px;
z-index: 100;
}
.aims-wrap .local {
padding: 70px 0px 70px 0px;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/aims-local-one.svg) no-repeat center center
#fff;
background-size: 320px;
}
.aims-wrap .local.community {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/aims-local-two.svg) no-repeat center center
#fff;
background-size: 320px;
}
.aims-wrap .local.wellbeing {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/aims-local-three.svg) no-repeat center center
#fff;
background-size: 320px;
}
.aims-wrap .local h2 {
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 60px;
line-height: 60px;
margin-bottom: 30px;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/local-business.svg) no-repeat 0px 0px;
background-size: 68px;
padding: 18px 0px 0px 100px;
min-height: 100px;
}
.aims-wrap .local.community h2 {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/local-community.svg) no-repeat 0px 0px;
background-size: 68px;
}
.aims-wrap .local.wellbeing h2 {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/local-wellbeing.svg) no-repeat 0px 0px;
background-size: 68px;
}
.aims-wrap .local p {
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
color: #231f20;
font-size: 20px;
line-height: 24px;
padding: 0px 0% 0% 100px;
width: 640px;
max-width: 100%;
}
.aims-wrap .local p strong.intro {
color: #410099;
}
.aims-wrap .local img {
position: absolute;
right: 0px;
top: 90px;
width: 320px;
z-index: 1;
}
.aims-wrap .local img.side-community {
right: -80px;
top: auto;
bottom: -90px;
width: 430px;
}
.aims-wrap .local img.side-wellbeing {
right: 0px;
top: auto;
bottom: -90px;
width: 350px;
}
.aims-wrap .local .download-prompt {
padding-left: 100px;
float: left;
}
.aims-wrap .local .download-prompt .icon-link {
display: flex;
align-items: center;
}
.aims-wrap .local .download-prompt .icon-link p {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 1.1;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #410099;
width: unset;
padding: 0;
margin-right: 15px;
}
.aims-wrap .local .download-prompt .icon-link .icon {
width: 45px;
height: 45px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
top: 0;
right: unset;
position: relative;
margin: 0 auto;
}
.support {
background: #ffc66e;
padding: 80px 0px 80px 0px;
position: relative;
z-index: 2;
}
.support h2 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 2.5px;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 16px;
margin-bottom: 45px;
}
.support p.intro {
text-align: center;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 55px;
line-height: 55px;
width: 760px;
max-width: 100%;
margin: 0 auto 60px auto;
}
.support ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-white-2.svg) no-repeat 0px 0px;
background-size: 30px;
padding: 0px 0px 0px 45px;
margin-bottom: 28px;
}
.support ul li p.main {
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 36px;
width: 100%;
padding: 0px 100px 0px 0px;
margin-bottom: 0px;
}
.support ul li p.sub {
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
color: #410099;
font-size: 20px;
line-height: 24px;
padding: 0px 50px 0% 0px;
}
.support ul li p.sub a {
color: #410099;
overflow-wrap: break-word;
}
.support ul li p.sub a:hover,
.support .bodycopy a:hover {
color: #231f20;
}
.support .bodycopy p,
.support .bodycopy a {
color: #410099;
}
.other-aims {
padding: 80px 0px 80px 0px;
}
.other-aims .health img {
margin: 13px auto 0px auto;
width: 260px;
}
.other-aims .community img {
width: 240px;
margin: 90px auto 0px auto;
}
.other-aims .business img {
width: 230px;
margin: 90px auto 0px auto;
}
.other-aims .left img.numbers {
width: 280px;
margin: 100px 0px 25px 0px;
}
.other-aims .one-third {
text-align: center;
}
.other-aims .one-third h3 {
text-align: center;
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
height: 100px;
font-size: 34px;
line-height: 34px;
margin-top: 30px;
margin-bottom: 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.other-aims .one-third img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.other-aims .one-third:hover:not(.left) img {
opacity: 0.7;
}
.other-aims .one-third:hover h3 {
color: #231f20;
}
.other-aims .one-third a {
display: inline-block;
height: 20px;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #231f20;
font-size: 17px;
line-height: 17px;
text-decoration: none;
text-align: center;
margin: 0px auto 30px auto;
text-transform: uppercase;
border-bottom: 2px transparent solid;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.other-aims .one-third:hover a {
border-bottom: 2px #231f20 solid;
}
.other-aims .one-third p {
text-align: center;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
color: #231f20;
font-size: 20px;
line-height: 24px;
padding: 0px 20px;
} .news-banner {
position: relative;
background: #6bcbb8;
padding: 60px 0px 50px 0px;
overflow: hidden;
}
.news-banner .container {
z-index: 100;
}
.news-banner h1 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
margin-bottom: 45px;
}
.news-banner img.title {
height: 80px;
margin: 0px 0px 30px 0px;
width: auto;
}
.news-banner h2 {
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
line-height: 40px;
width: 460px;
max-width: 100%;
}
.news-banner.archive h2 {
width: 800px;
}
.news-banner img.banner-bg {
position: absolute;
top: -10%;
right: 10%;
height: 120%;
width: auto;
z-index: 1;
}
.news-banner .categories,
.news-banner .archive {
display: inline-block;
margin-right: 20px;
margin-bottom: 5px;
}
.news-banner .categories select {
margin-top: 30px;
}
.news-banner .categories select,
.news-banner .archive select {
background: #fff;
border: none;
border-radius: 15px;
width: 250px;
padding: 10px;
padding-left: 15px;
padding-right: 25px;
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 18px;
color: #0e1513;
}
.news .pagination {
background-color: #410099;
padding: 30px 0px;
}
.news .pagination a {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
line-height: 26px;
color: #e1e17c;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news .pagination a:hover {
opacity: 0.7;
}
.news .pagination a.next {
float: right;
} .post-banner {
background-color: #999;
overflow: hidden;
margin-bottom: 40px;
}
.post-banner img {
width: 100%;
}
.post-content {
background-color: #fff;
padding: 50px 0px;
}
.post-content .title {
text-align: center;
margin-bottom: 50px;
}
.post-content .title span.date {
display: inline-block;
color: #410099;
font-family: soleil, sans-serif;
font-weight: 800;
font-size: 16px;
margin: 0px auto 30px auto;
}
.post-content .title h1 {
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 60px;
line-height: 60px;
color: #410099;
text-align: center;
margin-bottom: 10px;
}
.post-content p.intro {
font-family: soleil, sans-serif;
font-weight: 800;
font-size: 22px;
line-height: 28px;
color: #410099;
}
.post-content .bodycopy {
max-width: 750px;
margin: 0px auto;
}
.post-content .back-button {
display: inline-block;
position: relative;
margin-top: 60px;
}
.post-content .back-button .icon {
width: 40px;
float: left;
margin-right: 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.post-content .back-button:hover .icon {
transform: scale(1.15);
}
.post-content .back-button span {
display: inline-block;
font-family: cubano, sans-serif;
font-weight: 400;
color: #410099;
font-size: 22px;
line-height: 24px;
padding-top: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.post-content .back-button:hover span {
opacity: 0.7;
} .plan-info {
padding: 80px 0px 80px 0px;
}
.plan-info.grey {
background-color: #e9ebec;
}
.plan-info.teal {
background-color: #6cccb9;
}
.plan-info.pink {
background-color: #ff8080;
}
.plan-info .plan-video {
text-align: center;
width: 900px;
max-width: 100%;
margin: 50px auto 0px auto;
} .sub-intro.yellow {
background: #ffc66e url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/bg-script-yellow.svg) no-repeat;
background-size: 2500px 1775px;
background-position: center;
}
.sub-intro.yellow h2,
.sub-intro.yellow .bodycopy p {
color: #41009c;
}
.sub-intro.yellow .bodycopy h2 {
width: 630px;
}
.sub-intro.yellow .flex-half > img { height: 310px;
}
.sub-intro.yellow .flex-half.economic-plan-cover {
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.sub-intro.yellow .flex-half.economic-plan-cover {
justify-content: flex-end;
}
}
.sub-intro.yellow .flex-half .icon-link {
width: 45%;
}
.plan.bg-purple .flex-half > img,
.plan.bg-pink .flex-half > img {
height: 310px;
transform: rotate(5deg);
}
.plan .flex-half.shadow > img {
box-shadow: -8px 8px 10px rgb(0 0 0 / 30%);
transform: rotate(-5deg);
height: 230px;
margin-left: auto;
}
.plan.bg-green .content-wrap {
padding: 30px 0;
}
.plan.bg-purple .download-prompt.two .icon-link,
.plan.bg-pink .download-prompt.two .icon-link {
float: right;
}
.time-to.logos .sixteen.columns img {
width: 620px;
margin: 0 auto;
}
.time-to.logos .wrap {
margin-top: 100px;
}
.footer .logo {
width: 100px;
}
.footer.new .social {
margin: 30px auto 80px auto;
} .facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
margin: 0;
padding-right: 30px;
min-width: 240px;
border: 0px;
background: #fff;
border: none;
border-radius: 15px;
width: 250px;
padding: 10px;
padding-left: 15px;
padding-right: 25px;
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 16px;
color: #0e1513;
}
.news-banner .categories select,
.news-banner .archive select {
font-size: 16px !important;
}
.fwp-submit {
background: #410099;
font-size: 20px;
color: #fff;
font-family: cubano, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
padding: 10px 16px;
line-height: 23px;
border: 0px;
border-radius: 10px;
margin-top: 57px;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fwp-submit:hover {
background: #000;
}
.search-archive {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
margin-top: 84px;
}
.fwp-submit_v2 {
margin-top: 0px !important;
margin-bottom: 0px !important;
background: #6bcbb8;
color: #410099;
}
.fwp-submit_v2:hover {
background: #fff;
}
.search-archive .facetwp-facet {
margin-bottom: 0px !important;
}
.search-archive .facetwp-facet input.facetwp-search,
.search-archive .facetwp-facet input.facetwp-location {
margin: 0;
padding-right: 30px;
min-width: 240px;
border: 0px;
background: #410099;
border: none;
border-radius: 15px;
width: 250px;
padding: 10px;
padding-left: 15px;
padding-right: 25px;
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 16px;
margin-right: 10px !important;
color: #ffffff;
}
.search-archive .facetwp-icon:before {
filter: invert(1);
width: 40px !important;
}
.search-archive .facetwp-icon {
opacity: 0 !important;
}
.facetwp-icon {
opacity: 0 !important;
}
.categories select {
-o-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.categories select {
background: #fff url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/dropdwon-arrow.svg) no-repeat center right !important;
background-size: 13px !important;
background-position: 95% 58% !important;
}
.search-archive .facetwp-search::placeholder {
color: #fff !important;
}
.news_v2_bg.news_listing-no-bg .news_v2 {
background: none !important;
}
#listing_breadcrumb {
margin-bottom: 31px;
}
.main-breadcrumb {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
}
.main-breadcrumb div {
font-family: soleil, sans-serif;
font-weight: 400;
font-size: 16px;
color: #231f20c4;
}
#search-result,
#cat-result,
#date-result {
font-weight: 600;
text-transform: capitalize;
margin-left: 5px;
}
#cat-term,
#search-term,
#date-term {
padding-right: 40px;
}
.main-breadcrumb div:last-child {
padding: 0px !important;
}
.search-initial-hide,
.cat-initial-hide,
.date-initial-hide {
display: none;
}
.display-class {
display: inline-flex;
}
.hide-all {
display: none;
}
.latest-news-header.filtered-news-header {
padding-bottom: 0px !important;
}
.breadcrumb_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.facetwp-type-reset {
margin-bottom: 0px !important;
}
.facetwp-reset {
background: #ff8189;
font-size: 20px;
color: #fff;
font-family: cubano, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
padding: 9px 16px;
border: 0px;
border-radius: 10px;
margin-top: 0px;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.facetwp-reset:hover {
background: #000;
}
.facetwp-type-reset .button,
.facetwp-type-reset button,
.facetwp-type-reset input[type="submit"],
.facetwp-type-reset input[type="reset"],
.facetwp-type-reset input[type="button"] {
margin-bottom: 0px !important;
}
.homepage-news-btn a {
margin-top: 0px !important;
line-height: 2px !important;
} .interviews_wrapper {
position: relative;
overflow: hidden;
}
.news_v2_bg {
background: transparent;
}
.news_v2 {
background-color: #fff !important;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/latest-news-overlay.svg) no-repeat center top;
background-size: 1745px 1322px;
background-position: -151px -253px;
}
.latest-news-header {
text-align: center;
padding: 75px 0px 46px 0px;
}
.latest-news-header h3 {
letter-spacing: 6.3px !important;
}
a .news-item_v2 {
width: 50%;
float: left;
height: 500px;
background: #333;
overflow: hidden;
position: relative;
}
a .news-item_v2 p {
text-align: center;
color: #e1e17c;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 40px;
position: relative;
z-index: 3;
}
a .news-item_v2 .content_v2 {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.news_v2 h2,
.featured-news_v2 h2,
.interviews_wrapper h2 {
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 46px;
line-height: 40px;
max-width: 100%;
}
.news_v2 h3,
.featured-news_v2 h3,
.interviews_wrapper h3 {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 0px;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
margin-bottom: 25px;
}
#latest-1 .news-post_wrapper {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
}
#latest-1 .news_date_categ {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
}
#latest-1 p,
#latest-1 span {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 20px;
line-height: 16px;
text-decoration: none;
}
#latest-1 {
width: 100%;
height: 464px;
overflow: hidden;
position: relative;
text-decoration: none;
margin-right: 0%;
border-bottom: 2px solid #410099;
}
#latest-1 h3 {
color: #410099;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 40px;
line-height: 48px;
text-transform: initial;
margin-bottom: 107px;
}
#latest-1 .news-post_wrapper > div {
width: 50%;
}
#latest-1 .title-wrap_v2 {
max-width: 536px;
}
#latest-1 .news-post_info {
order: 0;
}
#latest-1 .date_v2:after {
content: "|";
margin: 0px 17px;
}
#latest-1 .read-more-wrap_v2 a {
line-height: 11px;
}
.read-more-wrap_v2 a {
display: inline-block;
height: 20px;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
font-size: 17px;
line-height: 17px;
text-decoration: none;
text-align: center;
margin: 0px auto 0px auto;
text-transform: uppercase;
border-bottom: 2px #410099 solid;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.read-more-wrap_v2 a:hover {
color: #231f20;
border-bottom: 2px transparent solid;
}
#latest-1 .read-more-wrap_v2 a {
font-size: 24px;
}
.post-img_wrapper {
position: relative;
}
.post-img_wrapper a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.post-img_wrapper a:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.news-post_wrapper {
display: flex;
flex-direction: column;
-ms-flex-direction: column;
}
.title-wrap_v2 {
max-width: 285px;
}
.news-post_info {
order: 2;
}
.date_v2,
.category_v2 p {
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
letter-spacing: 2.5px;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
.category_v2 p {
margin: 0px !important;
}
.news_date_categ {
display: flex;
flex-direction: column;
-ms-flex-direction: column;
margin: 18px 0px 14px 0px;
}
.latest_news_content_wrapper h3 {
color: #231f20;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 20px;
line-height: 24px;
text-transform: initial;
min-height: 90px;
}
.facetwp-template > div {
margin-top: 42px;
}
.facetwp-template > div:nth-child(4n + 1) {
margin-right: 0.85%;
}
.post_listing_wrap .facetwp-template div:nth-child(4n + 2) {
margin-right: 0.85%;
}
.facetwp-template div:nth-child(4n + 3) {
margin-right: 0.85%;
margin-right: 0%;
}
.facetwp-template div:nth-child(4n + 4) {
margin-right: 0%;
margin-left: 0.85%;
}
.home-news-posts_wrap .facetwp-template > div:nth-child(4n + 2) {
margin-right: 0.85%;
}
.home-news-posts_wrap .facetwp-template div:nth-child(4n + 3) {
margin-right: 0.85%;
}
.home-news-posts_wrap .facetwp-template div:nth-child(4n + 4) {
margin-right: 0.85%;
margin-right: 0%;
margin-left: 0%;
}
.home-news-posts_wrap .facetwp-template div:nth-child(4n + 5) {
margin-right: 0%;
margin-left: 0.85%;
}
.extend-articles a {
font-size: 24px;
line-height: 11px;
}
.extend-articles {
margin: 74px 0px;
text-align: center;
}
.facetwp-template {
width: 100%;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
#latest- {
flex: 1 0 24.35%;
flex-grow: inherit;
}
.facetwp-load-more {
display: inline-block;
height: 29px;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
color: #410099;
text-decoration: none;
text-align: center;
margin: 0px auto 0px auto;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 24px;
line-height: 11px;
border-bottom: 2px #410099 solid;
border-top: 0px;
border-right: 0px;
border-left: 0px;
background: transparent;
}
.facetwp-load-more:hover {
color: #231f20;
border-bottom: 2px transparent solid;
}
a .news-item_v2 .title-wrap_v2 {
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .home-news-hide .facetwp-template div:nth-child(6),
.home-news-hide .facetwp-template div:nth-child(7),
.home-news-hide .facetwp-template div:nth-child(8),
.home-news-hide .facetwp-template div:nth-child(9),
.home-news-hide .facetwp-template div:nth-child(10),
.home-news-hide .facetwp-template div:nth-child(11),
.home-news-hide .facetwp-template div:nth-child(12) {
display: none;
}
.featured-news_v2 {
background: #41009912;
position: relative;
z-index: 1;
overflow: hidden;
}
.featured-news-posts {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
gap: 29px;
padding-bottom: 154px;
}
.main-featured-post {
width: 50%;
}
.extend-articles .button:active,
.extend-articles button:active,
.extend-articles input[type="submit"]:active,
.extend-articles input[type="reset"]:active,
.extend-articles input[type="button"]:active {
background: transparent !important;
border: 0px !important;
}
.sub-featured-post {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
flex-wrap: wrap;
width: 100%;
gap: 97px 14px;
}
.sub-news-item {
width: 48%;
}
.main-featured-post .news_date_categ {
margin: 33px 0px 37px 0px;
display: flex;
flex-direction: row;
-ms-flex-direction: column;
}
.main-featured-post .date_v2,
.main-featured-post .category_v2 p {
font-size: 20px;
}
.main-featured-post .date_v2:after {
content: "|";
margin: 0px 14px;
}
.main-featured-post .title-wrap_v2 h3 {
color: #231f20;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 30px;
line-height: 36px;
text-transform: initial;
}
.main-featured-post .title-wrap_v2 {
max-width: 500px;
}
.main-featured-post h3 {
margin-bottom: 53px;
}
.main-featured-post .read-more-wrap_v2 a {
font-size: 24px;
line-height: 10px;
}
.sub-featured-post .news_date_categ {
flex-direction: column;
-ms-flex-direction: column;
margin: 18px 0px 14px 0px;
}
.sub-featured-post .date_v2,
.sub-featured-post .category_v2 p {
font-size: 14px;
}
.sub-featured-post .title-wrap_v2 h3 {
font-size: 20px;
line-height: 24px;
}
.sub-featured-post h3 {
margin-bottom: 44px;
}
.sub-featured-post .read-more-wrap_v2 a {
font-size: 20px;
line-height: 10px;
}
.sub-featured-post .date_v2:after {
display: none;
}
.bg-ring-overlay {
position: absolute; top: 62px;
z-index: -1;
} .interviews_wrapper {
background-color: #410099;
padding-bottom: 200px;
}
.interview-top-section {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
width: 100%;
margin-bottom: 168px;
}
.latest-news-header.interview_header {
text-align: left;
}
.interviews_wrapper h3 {
margin-bottom: 60px;
color: #fff;
}
.one-minute-with-img {
width: 270px !important;
}
.interviews_wrapper p,
.interviews_wrapper span {
color: #fff !important;
}
.interview-bottom-section p,
.interview-bottom-section span {
font-size: 14px !important;
}
.featured-interview {
position: relative;
width: 65%;
z-index: 1;
}
.interview_header {
width: 35%;
z-index: 1;
}
.featured-interview-post {
position: absolute;
top: 158px;
}
.featured-interview-post h3 {
color: #fff !important;
margin-bottom: 59px !important;
}
.featured-interview-post a,
.interview-bottom-section a {
color: #ff8189;
border-bottom: 2px #ff8189 solid;
}
.featured-interview-post a:hover,
.interview-bottom-section a:hover {
color: #fff;
border-bottom: 2px transparent solid;
}
.interview-img-wrapper {
display: flex;
width: 400px;
height: 369px;
}
.interview-img-container {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.interview-img-container img {
flex-shrink: 0;
min-width: 171%;
min-height: 100%;
filter: grayscale(100%) contrast(128%);
}
.featured-interview {
align-items: flex-start;
-ms-flex-align: flex-start;
}
.featured-interview .news_date_categ {
display: flex;
flex-direction: column;
-ms-flex-direction: column;
margin: 0px 0px 25px 0px;
}
#interview-overlay {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}
.interview-bottom-section {
display: inline-flex;
width: 100%;
z-index: -1;
}
.interview-item {
width: 25%;
z-index: 1;
}
.interview-bottom-section div:first-child {
margin-right: 0.85%;
}
.interview-bottom-section div:nth-child(2) {
margin-right: 0.85%;
}
.interview-bottom-section div:nth-child(3) {
margin-right: 0.85%;
margin-right: 0%;
}
.interview-bottom-section div:nth-child(4) {
margin-right: 0%;
margin-left: 0.85%;
}
.home-news-posts_wrap.home-news-wrap-v2
.facetwp-template
> div:nth-child(4n + 1) {
margin-right: 0.85%;
}
.home-news-posts_wrap.home-news-wrap-v2
.facetwp-template
div:nth-child(4n + 3) {
margin-right: 0.85%;
margin-left: 0%;
}
.home-news-posts_wrap.home-news-wrap-v2
.facetwp-template
> div:nth-child(4n + 1) {
margin-right: 0.85%;
}
.home-news-posts_wrap.home-news-wrap-v2
.facetwp-template
div:nth-child(4n + 4) {
margin-right: 0%;
margin-left: 0% !important;
}
.home-news-posts_wrap.home-news-wrap-v2
.facetwp-template
div:nth-child(4n + 5) {
margin-right: 0.85%;
margin-left: 0% !important;
}
.interview-bottom-section h3 {
font-size: 25px;
text-transform: initial;
line-height: 30px;
margin-bottom: 26px;
}
.interview-bottom-section .news_date_categ {
flex-direction: row;
-ms-flex-direction: row;
margin: 18px 0px 14px 0px;
}
.interview-bottom-section .date_v2:after {
content: "|";
margin: 0px 11px;
}
.read-more-wrap_v2 a {
font-size: 20px;
}
.line-oval {
width: 667px !important;
position: absolute;
left: 28px;
top: 483px;
z-index: 0;
}
.os-pink-icon {
position: absolute;
width: 145px !important;
bottom: -114px;
left: 356px;
}
.pink-oval {
position: absolute;
width: 172px !important;
right: -69px;
top: 63px;
z-index: -1;
} .news-footer {
background-color: #410099;
}
.news-footer-wrapper {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
background: #6bcbb8;
width: 100%;
margin: 0px 25px 0px 25px;
position: relative;
z-index: 2;
}
.left-news-footer {
width: 50%;
padding: 60px 68px 60px 86px;
}
.right-news-footer {
width: 50%;
z-index: 1;
}
.left-news-footer .latest-news-header {
text-align: left;
padding: 0px;
}
.left-news-footer h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 6.3px;
color: #410099;
font-family: soleil, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
margin-bottom: 27px;
}
.left-news-footer h2 {
font-size: 60px;
line-height: 54px;
color: #410099;
font-family: cubano, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
margin: 0px 0px 39px 0px;
}
.left-news-footer p {
font-size: 20px;
line-height: 24px;
color: #410099;
font-family: soleil, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: initial;
margin-bottom: 47px;
}
.latest-news-header a {
background: #410099;
font-size: 20px;
color: #fff;
font-family: cubano, sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
padding: 16px;
border-radius: 10px;
margin-top: 57px;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.latest-news-header a:hover {
background: #000;
}
.news-arrow {
width: 200px !important;
height: auto !important;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: -80px;
z-index: 2;
}
.footer-os-icon {
position: absolute;
width: 297px !important;
right: -214px;
top: -250px;
}
.blue-oval {
top: -210px;
left: -132px;
position: absolute;
width: 523px !important;
z-index: 0;
}
.alignleft {
float: left;
padding-right: 30px;
}
.alignright {
float: right;
padding-left: 30px;
}
.bodycopy img:not(.back) {
margin: 18px 0px;
}
.bodycopy blockquote {
display: inline;
}
.post-content .bodycopy blockquote {
display: block;
} .plan-day-out {
background: #fff;
}
.plan-day-out-wrapper {
display: flex;
flex-direction: row;
-ms-flex-direction: row;
padding-top: 127px;
padding-bottom: 102px;
}
.day-out-left {
width: 40%;
}
.day-out-right {
width: 60%;
display: flex;
}
.plan-day-out .purple {
color: #410099;
max-width: 29ch;
}
.plan-header-img {
width: 298px !important;
margin-bottom: 20px !important;
}
.day-out-right li {
color: #410099;
font-size: 30px;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 500;
font-style: normal;
list-style-position: outside;
padding-left: 13px;
max-width: 27ch;
line-height: 32px;
width: 100%;
}
.day-out-right span {
line-height: 35px;
}
.day-out-right li::marker {
margin-right: 13px;
color: #ff828a;
}
.plan-dl-btn {
display: inline-block;
width: 31px;
}
.home .plan-day-out .download a.img {
width: 28px;
height: 24px;
margin-left: 10px !important;
margin: 0px auto 0px auto;
display: block;
line-height: 26px;
padding: 0px 0px 0px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.home .plan-day-out .download a:hover.img {
padding: 10px 0px 0px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toolkit-download.plan-list-icon {
display: inline-block;
}
.day-out-badge {
width: 278px !important;
margin-top: -50px;
}
.day-out-right p {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
color: #410099;
font-size: 30px;
line-height: 24px;
color: #ff828a;
padding-left: 13px;
}
.more-plans {
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #ff828a;
margin-left: 13px;
display: block;
} .culture-wrapper {
min-height: 100vh;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/townofculture-bg.jpg);
background-color: #ffffff;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
}
.main-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
max-width: 800px;
margin: 0px auto;
padding: 50px;
}
.main-wrapper a {
text-decoration: none;
}
.title-wrapper {
display: flex;
}
.title-wrapper .culture-logo img {
margin-top: 80px;
}
.culture-logo img {
width: 500px;
}
.purple-sticker img {
width: 300px;
}
.culture-sub-title {
font-family: "gibson", sans-serif;
width: 100%;
color: #b800e6;
font-size: 40px;
margin: 40px 0px;
}
.culture-sub-title span {
color: #b800e6;
font-weight: 600;
}
a.culture-banner-link {
color: #000685;
font-size: 32px;
line-height: 32px;
width: 58%;
font-family: "gibson", sans-serif;
}
a.culture-banner-link::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #b800e6;
border-radius: 100%;
margin-bottom: 2px;
}
a.culture-banner-link:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
.culture-press-release {
color: #ffffff;
font-family: "canada-type-gibson", sans-serif;
font-size: 20px;
font-weight: 300;
margin: 0px 0px 10px;
}
.culture-press-release span {
font-weight: 600;
}
.culture-socials {
display: flex;
align-items: center;
justify-content: end;
margin-top: 20px;
}
.culture-socials a {
width: 32px;
margin-left: 15px;
}
.culture-socials img {
width: 32px;
margin-right: 15px;
}
.culture-socials p {
display: flex;
font-family: "canada-type-gibson", sans-serif;
color: #ffffff;
font-size: 20px;
font-weight: 200;
margin: 0px;
}
.culture-footer .culture-socials {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.culture-footer .culture-socials {
margin-bottom: 15px;
display: flex;
justify-content: start;
}
.culture-footer .culture-socials a {
width: 32px;
margin-right: 15px;
margin-left: 0;
}
}
.culture-partners {
display: flex;
justify-content: space-between;
align-items: start;
margin-top: 50px;
}
.culture-partners img {
max-width: 150px;
} @media only screen and (max-width: 768px) {
.culture-wrapper {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/townofculture-bg-mobile.jpg);
}
.culture-sub-title {
font-size: 28px;
line-height: 28px;
margin-bottom: 20px;
}
a.culture-banner-link {
font-size: 20px;
line-height: 20px;
}
.culture-press-release {
font-size: 16px;
margin: 0px;
}
.culture-socials {
margin-top: 20px;
}
.culture-socials p {
font-size: 16px;
line-height: 16px;
}
.culture-partners {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: start;
margin-top: 35px;
}
.culture-partners img {
max-width: 40%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 959px) {
a.culture-banner-link {
width: 100%;
}
} .share-post-wrapper img {
width: 37px !important;
margin-right: 11px;
}
.share-post-wrapper button {
border: 0px;
background: transparent !important;
margin: 0px;
padding: 0;
}
.share-post-wrapper {
display: flex;
justify-content: center;
align-items: center;
padding-top: 0px;
padding-bottom: 28px;
}
.share-post-wrapper span {
font-family: soleil, sans-serif;
font-weight: 600;
font-size: 18px;
text-transform: initial;
color: #410099;
margin-right: 22px;
}
.share-post-wrapper a:hover,
.share-post-wrapper button:hover {
opacity: 0.7;
}
.share-post-wrapper a,
.share-post-wrapper button {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .people.people-2022 {
background-color: #410099;
}
.people-2022 .white {
color: #fff;
}
.people-2022 p.subtitle {
text-transform: initial;
}
.stockport-2020-header {
width: 245px !important;
}
.stockport-2020-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.stock-img-header {
width: 40%;
}
.stockport-2020-content {
width: 60%;
}
.stockport-2020-content p {
color: #410099;
max-width: 37ch;
}
.people-2022 p.subtitle {
font-family: soleil, sans-serif;
font-weight: 800;
}
.stockport-2020 .icon-link {
display: block;
}
.stockport-2020 {
padding: 119px 0px 75px 0px;
position: relative;
overflow: hidden;
}
.stockport-2020-bg-image {
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
width: 235px;
height: 235px;
}
.stockport-2020-bg-image img {
flex-shrink: 0;
}
.stockport-2020-bg-image.bg-1 {
transform: rotate(351deg);
position: absolute;
left: -120px;
top: -22px;
}
.stockport-2020-bg-image.bg-2 {
transform: rotate(13deg);
position: absolute;
right: -51px;
top: 20px;
}
.stockport-2020-bg-image.bg-3 {
transform: rotate(17deg);
position: absolute;
top: 215px;
left: -10px;
}
.toolkit-sub-txt p {
text-align: center !important;
font-size: 24px !important;
}
.tool-kit-content p {
font-size: 24px !important;
line-height: 27px !important;
max-width: 31ch;
}
.tool-kit-2022 {
display: flex;
margin-top: 68px;
}
.tool-kit-left {
width: 60%;
}
.text-v2 {
font-size: 24px !important;
margin-right: 15px !important;
}
.tool-kit-left h3 {
display: block;
color: #410099;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 24px;
margin-bottom: 19px !important;
}
.toolkit-download-v2 {
display: flex !important;
align-items: center;
}
.toolkit-download.toolkit-download-v2 {
text-align: right;
}
.tool-kit-img {
width: 40%;
}
.tool-kit-content {
display: flex;
justify-content: space-between;
}
.tool-kit-left hr {
border: solid #410099;
border-width: 1px 0 0;
}
.toolkit-download-v3 > div {
display: flex;
align-items: center;
margin-bottom: 44px;
}
.toolkit-download-v3 {
display: flex !important;
align-items: flex-end;
flex-direction: column;
}
.eco-pop-up {
display: flex !important;
align-items: center;
}
.home .toolkit.toolkit_v2 .download.toolkit-download,
.page-template-page-economic-recovery
.toolkit.toolkit_v2
.download.toolkit-download {
width: auto;
float: none;
display: inline-block;
margin: 0px 1px;
}
.tool-kit-img img {
width: 408px !important;
margin: auto;
}
.toolkit-sub-txt p {
line-height: 29px !important;
}
.home .top-banner-2.home-banner-2022 p {
font-size: 31px;
line-height: 37px;
color: #ffffff;
font-family: "soleil";
font-weight: 600;
font-style: normal;
position: relative;
z-index: 100;
margin: auto;
max-width: 27ch;
}
#home-animation {
width: 721px;
margin: auto;
}
.home-banner-2022 {
position: relative;
}  @media only screen and (min-width: 1700px) { .top-banner-2 p,
.top-banner-2.reverse h2 {
font-size: 150px;
}
.top-banner-2 h1,
.top-banner-2 h2,
.top-banner-2.reverse p {
font-size: 110px;
margin-top: -16px;
}
.sub-intro.yellow {
background-size: 2900px 2200px;
}
} @media only screen and (max-width: 1300px) {
header .desktop-nav .logo {
margin-left: 30px;
margin-top: 3px;
}
header.sticky .desktop-nav .logo {
margin-left: 30px;
margin-top: 0px;
}
header .desktop-nav .logo,
header.sticky .desktop-nav .logo {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.desktop-menu a {
letter-spacing: 2px;
font-size: 14px;
line-height: 14px;
margin-right: 14px;
}
a.nav-facebook {
width: 25px;
height: 25px;
margin-right: 8px;
}
a.nav-instagram {
width: 25px;
height: 25px;
margin-right: 8px;
}
a.nav-twitter {
width: 25px;
height: 25px;
margin-right: 8px;
}
.desktop-nav .involved {
width: 185px;
}
.desktop-nav .involved a {
padding: 8px 10px;
margin-right: 25px;
font-size: 15px;
line-height: 15px;
margin-left: 10px;
}
.top-banner .nine p {
padding-top: 110px;
font-size: 58px;
line-height: 58px;
}
.top-banner .nine img {
width: 464px;
}
.top-banner .seven img {
margin-top: 50px;
}
.home .about .eight.left p {
padding: 0px 6% 0% 20%;
}
.home .about .eight.right p {
padding: 0px 10% 0% 0%;
}
.vision-band .container {
transform: translateX(30px);
}
.aims .one-third.local img {
width: 220px;
margin: 78px auto 0px auto;
}
.aims .one-third.community img {
width: 233px;
margin: 78px auto 0px auto;
}
.aims .one-third.health img {
width: 255px;
}
.partners .four {
padding: 0px 20px;
height: 140px;
}
.partners p.para {
padding: 0px 160px;
}
.film {
height: 500px;
}
a .news-item h3 {
width: 400px;
}
a .news-item {
height: 360px;
}
a .news-item h3 {
font-size: 30px;
line-height: 30px;
}
.toolkit p.para {
padding-right: 5px;
}
.toolkit .side-text p {
padding-right: 5px;
}
.testimonials .quote {
padding-top: 0px;
}
.testimonials .quote p {
font-size: 20px;
line-height: 26px;
padding: 0px 50px 0px 0px;
}
.testimonials .quotee p.name,
.testimonials .quotee p.pos {
font-size: 16px;
line-height: 23px;
}
.get-involved img.biker {
right: 10px;
width: 150px;
}
.get-involved img.biker {
width: 150px;
}
.get-involved img.involved-one {
left: 30px;
width: 170px;
}
.get-involved .content p {
padding: 0px 220px;
}
.get-involved img.shop {
left: -80px;
width: 250px;
}
.get-involved .form p.copy {
font-size: 17px;
line-height: 22px;
padding: 0px 0px 0px 50px;
} .plan.frogs .frogs-image {
left: -40%;
} .aims-banner img.bag {
width: 300px;
right: -50px;
top: auto;
bottom: -150px;
}
.aims-banner img.box {
width: 350px;
right: -50px;
top: auto;
bottom: -150px;
}
.aims-banner img.stretch {
width: 410px;
right: -40px;
}
.aims-wrap .local img {
right: -40px;
}
.aims-wrap .local img.side-community {
right: -50px;
width: 340px;
}
.aims-wrap .local img.side-wellbeing {
right: -60px;
width: 330px;
} .post-content .title h1 {
font-size: 45px;
line-height: 45px;
}
.get-involved .form.version-2 .copy {
padding: 0px;
}
.get-involved .form.version-2 .submit-link span {
font-size: 17px;
line-height: 21px;
} .the-frogs .feed .item .image img {
width: 130px;
}
.the-frogs .feed .item h3 {
font-size: 26px;
}
.the-frogs .feed .item p,
.the-frogs .feed .item span {
font-size: 16px;
line-height: 20px;
}
.the-frogs .feed .item span.location {
font-size: 18px;
}
.frogs-testimonials .items .item .bodycopy {
width: 680px;
}
.frogs-testimonials .arrow.prev {
left: 40px;
}
.frogs-testimonials .arrow.next {
right: 40px;
}
.frogs-share .text {
padding-top: 0px;
}
.frog-pop h4 {
margin-bottom: 15px;
}
.frog-pop .details .item .label {
width: 100%;
margin-top: 5px;
} .twelve.columns.news-banner-column-2022 {
width: 926px;
}
#latest-1 .news-post_wrapper {
align-items: flex-start;
-ms-flex-align: flex-start;
}
.facetwp-template {
padding: 32px;
}
.featured-news_v2 .container {
padding: 32px;
}
.interviews_wrapper .container {
padding: 32px;
}
.featured-interview {
width: 82%;
margin: auto;
}
.os-pink-icon {
width: 111px !important;
bottom: -95px;
left: 320px;
}
.left-news-footer {
padding: 40px 32px 40px 40px;
}
.left-news-footer h2 {
font-size: 48px;
line-height: 49px;
margin: 0px 0px 18px 0px;
}
.left-news-footer h3 {
font-size: 17px;
line-height: 20px;
margin-bottom: 13px;
}
.left-news-footer p {
font-size: 19px;
line-height: 24px;
color: #410099;
margin-bottom: 47px;
}
.news-footer-wrapper {
width: 95%;
}
.interview-top-section {
flex-direction: column;
-ms-flex-direction: column;
}
.stockport-2020 {
padding: 119px 0px 275px 0px;
}
.stockport-2020-bg-image.bg-1 {
transform: rotate(351deg);
position: absolute;
left: -11px;
top: 223px;
}
.stockport-2020-bg-image.bg-2 {
transform: rotate(13deg);
position: absolute;
right: 34px;
top: 349px;
}
.stockport-2020-bg-image.bg-3 {
transform: rotate(17deg);
position: absolute;
top: 415px;
left: 44px;
}
.stockport-2020-header {
width: 181px !important;
}
.stockport-2020-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 41px;
}
.tool-kit-2022 {
flex-direction: column;
}
.tool-kit-left {
width: 100%;
}
.tool-kit-2022 {
padding: 32px;
}
.tool-kit-img img {
width: 236px !important;
margin: auto;
}
#home-animation {
width: 722px;
margin: auto;
}
.sub-intro.yellow .flex-half .icon-link {
width: 50%;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.hide-desktop {
display: none !important;
}
.top-banner .nine p {
padding-top: 100px;
font-size: 45px;
line-height: 45px;
}
.header-push {
height: 110px;
} header {
height: 110px;
}
header .logo img {
width: 120px;
margin-top: -5px;
}
header .mobile-nav-button {
top: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky .mobile-nav-button {
top: 0px;
} .top-banner-2 {
padding-top: 120px;
}
.top-banner-2 p,
.top-banner-2.reverse h2 {
font-size: 80px;
}
.top-banner-2 h1,
.top-banner-2 h2,
.top-banner-2.reverse p {
font-size: 60px;
margin-top: -18px;
}
.top-banner-2 .arrow {
width: 38px;
bottom: 165px;
} .download-prompt.push-top {
padding-top: 40px;
}
.download-prompt h3 {
font-size: 38px;
} .icon-link .icon {
width: 50px;
margin-bottom: 5px;
} .featured-news .feed .item {
margin: 0px 10px 20px 10px;
height: 300px;
}
.featured-news .feed .item.tall {
height: 620px;
}
.featured-news .feed .item:not(.promo) h3 {
font-size: 24px;
line-height: 1.2;
} .gallery-band .item {
height: 500px;
} .faq-band {
margin-bottom: 40px;
}
.faq-band.top-band {
margin-top: -60px;
}
.faq-band .title {
margin-bottom: 40px;
}
.faq-band .title h3 {
font-size: 34px;
}
.faq-band .title .tail {
width: 100px;
bottom: -60px;
left: 40px;
}
.faq-band .content .bodycopy {
width: 70%;
margin-left: 20%;
} .home .about .introduction p {
font-size: 50px;
line-height: 50px;
}
.home .about .introduction img {
width: 380px;
}
.home .about .eight.left p {
padding: 0px 6% 0% 2%;
font-size: 17px;
line-height: 23px;
}
.home .about .eight.right p {
font-size: 16px;
line-height: 22px;
}
.vision-band .container {
transform: translateX(0px);
}
.aims .introduction p {
font-size: 50px;
line-height: 50px;
}
.aims .one-third.community img {
width: 212px;
}
.aims .one-third.local img {
width: 202px;
}
.aims .one-third.local h3,
.aims .one-third.health h3,
.aims .one-third.community h3 {
font-size: 28px;
line-height: 28px;
}
.slider-two .slick-prev {
left: 2% !important;
}
.slider-two .slick-next {
right: 2% !important;
}
a .news-item h3 {
font-size: 26px;
line-height: 26px;
}
a .news-item {
height: 280px;
}
.partners p.intro {
font-size: 36px;
line-height: 36px;
}
.partners .one-third {
padding: 0px 40px;
}
.partners .four {
padding: 0px 10px;
height: 120px;
}
.film {
height: 350px;
}
.toolkit .side-text p {
padding-right: 0px;
font-size: 16px;
line-height: 21px;
}
.toolkit p.para {
padding-right: 0px;
font-size: 16px;
line-height: 21px;
}
.toolkit ul li {
font-size: 16px;
line-height: 26px;
margin-bottom: 12px;
}
.toolkit .one-third.box {
padding: 0px 0px;
}
.toolkit ul {
padding-left: 0px;
}
.testimonials .quote p {
font-size: 16px;
line-height: 18px;
padding: 0px 45px 0px 0px;
}
.testimonials .quotee p.name,
.testimonials .quotee p.pos {
font-size: 14px;
line-height: 23px;
}
.safety p.head {
font-size: 50px;
line-height: 50px;
margin-bottom: 5px;
}
.safety img {
height: 37px;
}
.get-involved h2 {
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.get-involved .intro p {
font-size: 40px;
line-height: 40px;
margin-bottom: 6px;
}
.get-involved .content p span {
font-size: 20px;
line-height: 24px;
}
.get-involved .content p {
font-size: 17px;
line-height: 21px;
}
.get-involved .content p {
padding: 0px 120px;
}
.get-involved img.outdoor {
top: -80px;
right: -20px;
width: 135px;
}
.get-involved img.biker {
width: 120px;
right: -20px;
}
.get-involved img.shop {
left: -30px;
width: 200px;
}
.get-involved img.involved-one {
left: 0px;
}
.get-involved img.building {
display: none;
}
.get-involved .form p.copy {
font-size: 16px;
line-height: 20px;
}
.get-involved .form input {
font-size: 15px;
line-height: 15px;
}
.get-involved .form textarea {
font-size: 15px;
line-height: 15px;
}
.desktop-nav .social,
.desktop-nav .involved,
.desktop-menu {
display: none;
}
.container.mob-nav-wrap {
display: block;
z-index: 1100;
position: absolute;
width: 100px !important;
top: 25px;
right: 0px;
}
.mobile-nav-button {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/menu.svg) no-repeat 0px 0px;
float: right;
cursor: pointer;
height: 40px;
width: 80px;
position: relative;
z-index: 4;
margin-right: 30px;
}
.mobile-nav-button.active {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/close.svg) no-repeat 0px 0px;
}
.mobile-menu {
padding-top: 60px;
padding-bottom: 20px;
display: none;
background: #fff;
width: 100%;
position: absolute;
top: 0px;
z-index: 999;
border-bottom: 2px solid #9f2842;
}
.mobile-menu ul {
margin-bottom: 0px;
}
.mobile-menu li {
margin-bottom: 0px;
}
.mobile-menu a {
text-align: center;
width: 100%;
padding: 15px 0px;
display: block;
margin-bottom: 0px;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
color: #410099;
background: #fff;
font-size: 20px;
line-height: 20px;
}
.mobile-menu a:hover {
color: #410099;
background: #fff;
}
.footer .copyright p {
font-size: 13px;
line-height: 14px;
}
.footer .social {
margin: 0px auto 140px auto;
}
.footer { background-size: 220px;
padding: 140px 0px 40px 0px;
} .plan.frogs .frogs-image {
left: -70%;
height: 160%;
} .aims-banner p.intro {
font-size: 100px;
line-height: 90px;
}
.aims-banner img.bag {
width: 260px;
right: -50px;
top: auto;
bottom: -150px;
}
.aims-banner img.box {
width: 320px;
right: -50px;
top: auto;
bottom: -150px;
}
.aims-banner img.stretch {
width: 340px;
right: -50px;
}
.aims-wrap .local h2 {
font-size: 50px;
line-height: 60px;
}
.aims-wrap .local p {
width: 490px;
}
.other-aims .left img.numbers {
width: 250px;
margin: 0px 0px 25px 0px;
}
.other-aims .left img.text {
width: 400px;
margin: 30px 0px 0px 0px;
}
.support ul li p.main {
font-size: 32px;
line-height: 32px;
margin-bottom: 5px;
}
.other-aims .one-third.left {
width: 100% !important;
}
.other-aims .one-third.community,
.other-aims .one-third.health {
width: 40% !important;
}
.aims-wrap .local img {
right: -60px;
}
.aims-wrap .local img.side-community {
width: 290px;
}
.aims-wrap .local img.side-wellbeing {
right: -80px;
} .post-content .title h1 {
font-size: 40px;
line-height: 40px;
} .the-frogs .feed .item {
margin-bottom: 40px;
}
.the-frogs .feed .item h3 {
font-size: 24px;
}
.the-frogs .feed .item p,
.the-frogs .feed .item span {
font-size: 16px;
line-height: 20px;
}
.the-frogs .feed .item span.location {
font-size: 18px;
}
.frogs-testimonials .items .item .bodycopy {
max-width: 80%;
}
.frogs-testimonials .arrow.prev {
left: 0px;
}
.frogs-testimonials .arrow.next {
right: 0px;
}
.frogs-share a:link,
.frogs-share a:visited {
font-size: 18px;
}
.frog-pop h4 {
font-size: 30px;
margin-bottom: 10px;
}
.frog-pop p,
.frog-pop span {
font-size: 16px;
}
.frog-pop .details {
margin-bottom: 15px;
}
.frog-pop .details .item .label {
width: 100%;
margin-top: 5px;
} #latest-1 p,
#latest-1 span {
font-size: 17px;
}
#latest-1 h3 {
font-size: 34px;
line-height: 42px;
}
#latest-1 h3 {
margin-bottom: 50px;
}
.news_date_categ {
margin: 0px 0px 14px 0px;
}
.facetwp-template {
padding: 0px 32px 0px 32px;
}
#latest-1 {
height: 775px;
}
#latest- {
flex: 1 0 47.45%;
}
#latest-1 .news-post_wrapper {
flex-direction: column;
-ms-flex-direction: column;
}
#latest-1 .news-post_wrapper .post-img_wrapper {
order: -1;
}
#latest-1 .news-post_wrapper > div {
width: 100%;
}
#latest-1 .news-post_info {
margin-top: 9px;
}
#latest-1 h3 {
margin-bottom: 35px;
}
.news_date_categ {
margin: 17px 0px 14px 0px;
}
.news_v2 {
background-position: -152px 159px;
}
.news_v2_bg .news-banner .categories,
.news_v2_bg .news-banner .archive {
display: block;
}
.facetwp-facet {
margin-bottom: 30px;
}
.fwp-submit {
margin-top: 0px;
}
.home-news-posts_wrap .facetwp-template div:nth-child(4n + 3) {
margin-right: 0%;
}
.featured-news-posts {
flex-direction: column;
-ms-flex-direction: column;
}
.main-featured-post {
width: 100%;
}
.main-featured-post .title-wrap_v2 h3 {
font-size: 25px;
line-height: 32px;
}
.main-featured-post .date_v2,
.main-featured-post .category_v2 p {
font-size: 16px;
}
.main-featured-post .news_date_categ {
margin: 24px 0px 13px 0px;
}
.main-featured-post h3 {
margin-bottom: 35px;
}
.search-archive {
position: absolute;
top: 1668px;
left: 0;
right: 0;
justify-content: center;
margin-top: 0px;
}
.main-featured-post {
position: relative;
margin-bottom: 32px;
}
.sub-featured-post {
gap: 50px 28px;
}
.main-featured-post.right-featured-wrap .date_v2,
.main-featured-post.right-featured-wrap .category_v2 p {
font-size: 14px;
}
.main-featured-post.right-featured-wrap .title-wrap_v2 h3 {
font-size: 20px;
line-height: 25px;
}
.sub-featured-post .read-more-wrap_v2 a {
font-size: 18px;
line-height: 10px;
}
.main-featured-post.right-featured-wrap .news_date_categ {
margin: 18px 0px 13px 0px;
}
.facetwp-template {
gap: 4px 28px;
}
.facetwp-template > div:first-child {
margin-top: 0px;
}
.featured-interview {
width: 82%;
margin: auto;
margin-top: -125px;
}
.featured-interview #latest-1 .news-post_info {
margin-top: 22px;
}
.featured-interview .news_date_categ {
margin: 0px 0px 11px 0px;
}
.featured-interview #latest-1 h3 {
font-size: 29px;
line-height: 33px;
}
.featured-interview-post h3 {
margin-bottom: 34px !important;
}
.os-pink-icon {
left: 523px;
bottom: 47px !important;
}
.featured-interview #latest-1 {
height: 633px;
}
.interview-bottom-section > div {
width: 50%;
}
.interview-item {
width: 50%;
z-index: 1;
flex: 1 0 46.35%;
}
.interview-bottom-section {
display: inline-flex;
width: 100%;
z-index: -1;
flex-shrink: 0;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
gap: 50px 28px;
}
.interview-bottom-section h3 {
font-size: 20px;
text-transform: initial;
line-height: 25px;
margin-bottom: 26px;
}
.read-more-wrap_v2 a {
font-size: 18px;
}
.interviews_wrapper {
padding-bottom: 63px;
}
.right-news-footer img {
flex-shrink: 0;
min-width: 122%;
min-height: 61%;
}
.right-news-footer {
width: 50%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.left-news-footer h3 {
font-size: 15px;
line-height: 20px;
margin-bottom: 13px;
}
.left-news-footer h2 {
font-size: 39px;
line-height: 40px;
margin: 0px 0px 18px 0px;
}
.left-news-footer p {
font-size: 17px;
line-height: 20px;
color: #410099;
margin-bottom: 47px;
}
.latest-news-header a {
font-size: 17px;
}
.news-footer-wrapper {
width: 94%;
}
.interview-bottom-section div:nth-child(2) {
margin-right: 0;
}
.post_listing_wrap #latest- {
flex: 1 0 46.45%;
flex-grow: 0;
}
.post_listing_wrap .facetwp-template > div:first-child {
margin-top: 42px;
}
.post_listing_wrap .facetwp-template {
padding: 0px;
}
.plan-day-out-wrapper {
flex-direction: column;
-ms-flex-direction: column;
}
.day-out-left {
width: 100%;
}
.day-out-badge {
width: 278px !important;
margin-top: -365px;
}
.day-out-right {
margin-top: 32px;
width: 100%;
}
.stockport-2020-bg-image.bg-3 {
transform: rotate(17deg);
position: absolute;
top: 445px;
left: 141px;
}
.stockport-2020-bg-image.bg-1 {
transform: rotate(351deg);
position: absolute;
left: -11px;
top: 271px;
}
.stockport-2020-bg-image.bg-2 {
transform: rotate(13deg);
position: absolute;
right: 34px;
top: 417px;
}
.stockport-2020 .container .fourteen.columns {
width: 681px;
}
.tool-kit-content p {
font-size: 20px !important;
line-height: 24px !important;
max-width: 31ch;
}
.tool-kit-img {
width: 100%;
}
.tool-kit-img img {
width: 236px !important;
margin: auto;
} .plan.bg-purple .flex-half > img,
.plan.bg-pink .flex-half > img {
height: 275px;
}
.plan .flex-half.shadow > img {
height: auto;
}
.time-to.logos .sixteen.columns img {
width: 500px;
}
.time-to .ticker li img {
height: 60px;
}
} @media only screen and (max-width: 767px) {
.hide-desktop {
display: block !important;
}
.hide-mobile {
display: none !important;
}
.desktop-nav .social,
.desktop-nav .involved,
.desktop-menu {
display: none;
}
.desktop-nav {
position: relative;
z-index: 100;
}
header {
height: 105px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky {
height: 60px;
padding: 15px 0 0 0;
}
header .desktop-nav .logo {
margin-left: 10%;
width: 80px;
}
header.sticky .desktop-nav .logo {
width: 65px;
margin-top: 5px;
}
.header-push {
height: 93px;
}
.container.mob-nav-wrap {
display: block;
z-index: 300;
width: 100px !important;
position: absolute;
top: 30px;
right: 40px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.sticky .container.mob-nav-wrap {
top: 14px;
}
.mobile-nav-button {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/menu.svg) no-repeat 0px 0px;
float: right;
cursor: pointer;
height: 40px;
width: 80px;
position: relative;
z-index: 4;
margin-top: -4px;
margin-right: -10px;
}
.mobile-nav-button.active {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/close.svg) no-repeat 0px 0px;
}
.mobile-menu {
padding-top: 60px;
padding-bottom: 20px;
display: none;
background: #fff;
width: 100%;
position: absolute;
top: 0px;
z-index: 1;
border-bottom: 2px solid #9f2842;
z-index: 200;
}
.mobile-menu ul {
margin-bottom: 0px;
}
.mobile-menu li {
margin-bottom: 0px;
}
.mobile-menu a {
text-align: center;
width: 100%;
padding: 15px 0px;
display: block;
margin-bottom: 0px;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
color: #410099;
background: #fff;
font-size: 20px;
line-height: 20px;
}
.eu-sticky {
padding: 20px;
}
.popup h3 {
padding-right: 40px;
} .top-banner-2,
.top-banner-2.subpage {
padding-top: 95px;
height: 100vh;
min-height: 100%;
}
.top-banner-2.home {
background: #410099 url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/home-placeholder-02.jpg) no-repeat;
background-size: cover;
background-position: center 60px;
}
.top-banner-2.home.home-banner-2022 {
background: #410099 url(//www.onestockport.co.uk/wp-content/themes/one-stockport/video/home-placeholder-volunteering.jpg)
no-repeat;
background-size: cover;
background-position: center 60px;
}
.top-banner-2.great-outdoors-hero {
background: #410099 url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images-v2/great-outdoors/dog-hero-image.jpg)
no-repeat;
background-size: cover;
background-position: center 60px;
}
.top-banner-2 video {
display: none;
}
.top-banner-2 .text {
top: 42%;
}
.top-banner-2.home-banner-2022 .text {
top: 68%;
}
.top-banner-2.home-banner-2022:not(.subpage) .arrow {
bottom: 20px;
}
.top-banner-2 p,
.top-banner-2.reverse h2 {
font-size: 60px;
}
.top-banner-2 h1,
.top-banner-2 h2,
.top-banner-2.reverse p {
font-size: 40px;
margin-top: -18px;
}
.top-banner-2 .arrow {
width: 50px;
bottom: 120px;
}
.top-banner-2 .arrow {
width: 50px;
bottom: 120px;
}
.top-banner-2:not(.subpage) .arrow {
bottom: 195px;
} p.intro {
font-size: 34px;
line-height: 34px;
margin-top: 10px;
margin-bottom: 50px;
}
p.subtitle {
font-size: 22px;
line-height: 22px;
} .download-prompt.push-top {
padding-top: 40px;
}
.download-prompt.two .icon-link {
width: 100%;
margin-bottom: 40px;
}
.download-prompt.two .icon-link:last-child {
margin-bottom: 0px;
}
.download-prompt h3 {
font-size: 34px;
} .icon-link .icon {
width: 50px;
}
.icon-link p {
font-size: 20px;
} .featured-news .feed .half,
.featured-news .feed .half.one,
.featured-news .feed .half.two,
.featured-news .feed .full .item {
width: 100%;
}
.featured-news .feed .item,
.featured-news .feed .item.tall {
margin: 0px 0px 30px 0px;
height: 300px;
}
.featured-news .feed .item .text {
padding: 20px;
}
.featured-news .feed .item:hover .text {
bottom: 0%;
}
.featured-news .feed .item:not(.promo) h3 {
font-size: 22px;
line-height: 1.2;
} .welcome img {
margin-top: 30px;
} .plan img {
margin-bottom: 10px;
} .gallery-band .item {
height: 300px;
}
.people .slider {
max-width: 90%;
margin-bottom: 30px;
}
.slider .arrow {
width: 30px;
}
.people .slider .arrow.prev {
left: -35px;
}
.people .slider .arrow.next {
right: -35px;
}
.gallery-band .slider .arrow.prev {
left: 20px;
}
.gallery-band .slider .arrow.next {
right: 20px;
}
.slider.slick-slider,
.slider .slick-slide {
padding-bottom: 0px;
} .faq-band {
margin-bottom: 40px;
}
.faq-band.top-band {
margin-top: -160px;
}
.faq-band .title {
padding: 30px;
margin-bottom: 50px;
}
.faq-band .title h3 {
font-size: 32px;
}
.faq-band .title .tail {
width: 60px;
bottom: -40px;
left: 10px;
}
.faq-band .content .bodycopy {
width: 90%;
margin-left: 10%;
} .home .about .eight.left {
padding: 30px 0 0px 0;
}
.home .about .eight.right {
padding: 0px 0 30px 0;
}
.home .about .eight.left p {
padding: 0px 0% 0% 0%;
margin-bottom: -10px;
}
.home .about .eight.right p {
padding: 0px 0% 0% 0%;
}
.top-banner {
height: calc(100vh - 193px);
min-height: 600px;
}
.top-banner .nine {
padding-left: 0px;
padding-top: 50px;
text-align: center;
}
.top-banner .nine p {
padding-top: 20px;
font-size: 36px;
line-height: 36px;
margin-bottom: 5px;
}
.top-banner .nine img {
width: 290px;
margin: 0px auto;
}
.top-banner .seven {
text-align: center;
}
.top-banner .container,
.top-banner .seven {
min-height: 100% !important;
}
.top-banner .seven {
position: absolute;
width: 100%;
left: 0px;
}
.top-banner .seven img {
width: 280px;
position: absolute;
bottom: 0px;
float: none;
display: inline-block;
margin: 0px;
left: 50%;
transform: translateX(-50%);
}
.home .about .introduction p {
font-size: 38px;
line-height: 38px;
}
.home .about .introduction img {
width: 290px;
}
.home .about .eight.left p {
padding-top: 30px;
}
.vision-band .container {
transform: translateX(0px);
}
.aims .introduction p {
font-size: 28px;
line-height: 28px;
}
.aims .introduction p br {
display: none;
}
.aims .one-third.local img {
margin: 0px auto 0px auto;
}
a .news-item {
width: 100%;
height: 300px;
}
a .news-item h3,
a:hover .news-item h3 {
font-size: 30px;
line-height: 30px;
}
.partners p.para {
padding: 0px 0px;
} .partners p.para {
margin-bottom: 50px;
}
.partners .four {
width: 50% !important;
padding: 0px 20px;
height: 100px;
}
.partners .four.columns {
height: 100px;
padding: 0px 20px;
}
.partners img {
margin: 10px auto;
} .slider-two .slick-prev,
.slider-two .slick-next {
display: none !important;
}
.slider-two .slick-dots {
display: none !important;
}
.slider-two,
.slider-two .slick-slide {
padding-bottom: 0px !important;
}
.film {
min-height: auto;
max-height: 300px;
}
.film .play-button {
width: 100%;
}
.film .play-button h2 {
font-size: 45px;
line-height: 45px;
}
.toolkit p.intro {
font-size: 34px;
line-height: 34px;
}
.toolkit .side-text {
margin-bottom: 20px;
}
.toolkit ul {
padding-left: 30px;
}
.toolkit .one-third.box {
padding: 0px 15% 50px 15%;
}
.popup {
padding: 40px;
}
.popup h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 30px;
}
.safety p.head {
font-size: 34px;
line-height: 34px;
margin-bottom: 8px;
}
.safety img {
height: 25px;
}
.home .safety .advice {
margin-top: 30px;
}
.get-involved .container.form {
margin: 0px 5% !important;
width: 90% !important;
}
.get-involved .container.form .eight.columns {
width: 100% !important;
min-width: 100% !important;
}
.get-involved img.building,
.get-involved img.involved-one,
.get-involved img.biker,
.get-involved img.outdoor,
.get-involved img.shop {
display: none;
}
.get-involved .intro p,
.home .get-involved .say p {
font-size: 42px;
line-height: 42px;
}
.get-involved .form p.copy strong {
font-size: 18px;
line-height: 20px;
}
.get-involved .content p {
padding: 0px 0px;
}
.get-involved .form p.copy {
font-size: 16px;
line-height: 20px;
padding: 0px 35px 0px 35px;
}
.get-involved .container.form {
padding-bottom: 0px;
}
.get-involved .form .inputs {
padding-right: 20px;
padding-left: 20px;
}
.get-involved .form #field_1_5 input {
margin-top: -10px;
-webkit-transform: scale(0.5, 0.5);
}
.slide-testimonials .six {
display: none !important;
}
.testimonials .slick-next,
.testimonials .slick-prev {
display: none !important;
}
.testimonials .quote,
.testimonials .quotee {
text-align: center;
width: 100%;
}
.testimonials .quote p {
padding-right: 0px;
}
.slick-slider {
padding-bottom: 40px;
}
.slick-slide {
padding-bottom: 20px;
}
.slick-dots {
bottom: 18px !important;
}
.slick-dots li button:before {
font-size: 60px !important;
line-height: 60px !important;
}
.get-involved .form.version-2 .thirteen.columns {
width: 100% !important;
}
.get-involved .form.version-2 p.copy {
padding: 0px 20px;
}
.get-involved .form.version-2 {
padding-bottom: 40px;
}
.footer .policies {
margin-top: 40px;
text-align: left;
}
.footer .policies a {
margin-right: 20px;
margin-left: 0px;
}
.footer .copyright {
float: left;
text-align: left;
} .plan.frogs .flex-wrap {
display: inline-block;
}
.plan.frogs .frogs-image {
position: relative;
top: auto;
left: auto;
height: auto;
width: 250px;
min-width: auto;
margin: -30px auto 30px auto;
} .aims-wrap .aims-banner {
padding: 30px 0px 60px 0px;
}
.aims-banner h2 {
margin-bottom: 20px;
}
.aims-banner img.everyone {
height: 36px;
margin-bottom: 3px;
}
.aims-banner p.intro {
font-size: 52px;
line-height: 46px;
margin-bottom: 30px;
}
.aims-banner p.intro-sub {
font-size: 32px;
line-height: 32px;
}
.aims-banner img.bag {
width: 240px;
position: relative;
top: 20px;
}
.aims-banner img.box {
width: 270px;
position: relative;
top: 20px;
}
.aims-banner img.stretch {
width: 270px;
position: relative;
margin-top: -90px;
}
.aims-wrap .local {
padding: 70px 0px 70px 0px;
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/aims-local-one.svg) no-repeat center center
#e9ebec;
background-size: 320px;
}
.aims-wrap .local h2 {
font-size: 36px;
line-height: 36px;
padding: 8px 0px 10px 85px;
}
.aims-wrap .local p {
padding: 0px 0% 0% 0px;
}
.aims-wrap .local img {
position: relative;
right: auto;
top: 10px;
width: 220px;
margin: 0px auto;
}
.aims-wrap .local img.side-community {
margin-top: -80px;
}
.aims-wrap .local img.side-wellbeing {
margin-top: -110px;
}
.support {
padding: 60px 0px 60px 0px;
}
.support h2 {
margin-bottom: 30px;
}
.support p.intro {
font-size: 38px;
line-height: 38px;
margin: 0 auto 40px auto;
}
.support ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/bullet-white-2.svg) no-repeat 0px 0px;
background-size: 30px;
padding: 0px 0px 0px 45px;
margin-bottom: 28px;
}
.support ul li p.main {
font-size: 28px;
line-height: 28px;
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
}
.support ul li p.sub {
padding: 0px 0px 0% 0px;
} .news-banner img.banner-bg {
right: -12%;
} .post-content .title h1 {
font-size: 30px;
line-height: 30px;
} .the-frogs {
padding: 60px 0px 60px 0px;
}
.the-frogs .feed {
margin-top: 0px;
}
.the-frogs .feed .item {
width: 100%;
margin-bottom: 30px;
}
.the-frogs .feed .item h3 {
font-size: 28px;
line-height: 30px;
}
.frogs-gallery .item {
width: 100%;
}
.frogs-gallery .arrow.prev {
left: 0px;
}
.frogs-gallery .arrow.next {
right: 0px;
}
.frogs-life {
padding: 60px 0px 60px 0px;
}
.frogs-life .text {
margin-bottom: 30px;
}
.frogs-life .image img {
margin-top: 0px;
}
.frogs-testimonials {
padding: 60px 0px 0px 0px;
}
.frogs-testimonials .items .item .bodycopy {
max-width: 75%;
}
.frogs-testimonials .items .item p {
font-size: 18px;
line-height: 20px;
}
.frogs-testimonials .arrow {
width: 30px;
}
.frogs-testimonials .arrow.prev {
left: 0px;
}
.frogs-testimonials .arrow.next {
right: 0px;
}
.frogs-share {
padding: 60px 0px 60px 0px;
}
.frogs-share .image {
text-align: center;
}
.frogs-share .image img {
display: inline-block;
width: 200px;
}
.frogs-share .text {
padding-top: 30px;
}
.frogs-share a:link,
.frogs-share a:visited {
width: 100%;
display: inline-block;
margin-bottom: 20px;
border: none;
}
.frog-pop {
padding: 50px 30px 30px 30px;
}
.frog-pop .map {
width: 100%;
margin-bottom: 20px;
}
.frog-pop .map iframe {
height: 220px;
margin-bottom: 0px;
}
.frog-pop .map a {
position: relative;
}
.frog-pop .text {
width: 100%;
padding-left: 0px;
}
.frog-pop h4 {
font-size: 30px;
margin-bottom: 10px;
}
.frog-pop p,
.frog-pop span {
font-size: 16px;
}
.frog-pop .details {
margin-bottom: 15px;
}
.frog-pop .details .item .label {
margin-top: 5px;
width: 100%;
}
.frog-pop .logo {
margin-bottom: 30px;
}
.frog-pop .logo.group {
width: 100%;
margin-bottom: 50px;
}
.frog-pop .description.no-sponsor {
margin-bottom: 50px;
}
.frog-pop a:link,
.frog-pop a:visited {
font-size: 16px;
}
.frog-pop .close {
top: 15px;
} .twelve.columns.news-banner-column-2022 {
width: 367px;
}
#latest-1 p,
#latest-1 span {
font-size: 17px;
}
#latest-1 h3 {
font-size: 34px;
line-height: 42px;
}
#latest-1 h3 {
margin-bottom: 50px;
}
.news_date_categ {
margin: 0px 0px 14px 0px;
}
.facetwp-template {
padding: 0px 32px 0px 32px;
}
#latest-1 {
height: 578px;
}
#latest- {
flex: 1 0 47.45%;
}
#latest-1 .news-post_wrapper {
flex-direction: column;
-ms-flex-direction: column;
}
#latest-1 .news-post_wrapper .post-img_wrapper {
order: -1;
}
#latest-1 .news-post_wrapper > div {
width: 100%;
}
#latest-1 .news-post_info {
margin-top: 9px;
}
#latest-1 h3 {
margin-bottom: 35px;
}
.news_date_categ {
margin: 17px 0px 14px 0px;
}
.news_v2 {
background-position: -152px -112px;
}
.news_v2_bg .news-banner .categories,
.news_v2_bg .news-banner .archive {
display: block;
}
.facetwp-facet {
margin-bottom: 30px;
}
.sub-news-item {
width: 100%;
}
.fwp-submit {
margin-top: 0px;
}
.home-news-posts_wrap .facetwp-template div:nth-child(4n + 3) {
margin-right: 0%;
}
.featured-news-posts {
flex-direction: column;
-ms-flex-direction: column;
}
.main-featured-post {
width: 100%;
}
.main-featured-post .title-wrap_v2 h3 {
font-size: 25px;
line-height: 32px;
}
.main-featured-post .date_v2,
.main-featured-post .category_v2 p {
font-size: 16px;
}
.main-featured-post .news_date_categ {
margin: 24px 0px 13px 0px;
}
.main-featured-post h3 {
margin-bottom: 35px;
}
.search-archive {
position: absolute;
top: 2400px;
left: 0;
right: 0;
justify-content: center;
margin-top: 0px;
}
.main-featured-post {
position: relative;
margin-bottom: 32px;
}
.sub-featured-post {
gap: 50px 28px;
}
.main-featured-post.right-featured-wrap .date_v2,
.main-featured-post.right-featured-wrap .category_v2 p {
font-size: 14px;
}
.main-featured-post.right-featured-wrap .title-wrap_v2 h3 {
font-size: 20px;
line-height: 25px;
}
.sub-featured-post .read-more-wrap_v2 a {
font-size: 18px;
line-height: 10px;
}
.main-featured-post.right-featured-wrap .news_date_categ {
margin: 18px 0px 13px 0px;
}
.facetwp-template {
gap: 4px 28px;
}
.facetwp-template > div:first-child {
margin-top: 0px;
}
.featured-interview {
width: 100%;
margin: auto;
margin-top: -125px;
}
.featured-interview #latest-1 .news-post_info {
margin-top: 22px;
}
.featured-interview .news_date_categ {
margin: 0px 0px 11px 0px;
}
.featured-interview #latest-1 h3 {
font-size: 29px;
line-height: 33px;
}
.featured-interview-post h3 {
margin-bottom: 34px !important;
}
.os-pink-icon {
left: 523px;
bottom: 47px !important;
}
.featured-interview #latest-1 {
height: 576px;
}
.interview-bottom-section > div {
width: 50%;
}
.interview-item {
width: 50%;
z-index: 1;
flex: 1 0 46.35%;
}
.interview-bottom-section {
display: inline-flex;
width: 100%;
z-index: -1;
flex-shrink: 0;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
gap: 50px 28px;
}
.interview-bottom-section h3 {
font-size: 20px;
text-transform: initial;
line-height: 25px;
margin-bottom: 26px;
}
.read-more-wrap_v2 a {
font-size: 18px;
}
.interviews_wrapper {
padding-bottom: 63px;
}
.right-news-footer img {
flex-shrink: 0;
min-width: 122%;
min-height: 61%;
}
.right-news-footer {
width: 50%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.left-news-footer h3 {
font-size: 15px;
line-height: 20px;
margin-bottom: 13px;
}
.left-news-footer h2 {
font-size: 39px;
line-height: 40px;
margin: 0px 0px 18px 0px;
}
.left-news-footer p {
font-size: 17px;
line-height: 20px;
color: #410099;
margin-bottom: 47px;
}
.latest-news-header a {
font-size: 17px;
}
.news-footer-wrapper {
width: 94%;
}
.interview-bottom-section div:nth-child(2) {
margin-right: 0;
}
.interview-img-wrapper {
display: flex;
width: 400px;
height: auto;
}
.interview_header {
width: 50%;
z-index: 1;
}
.news-footer-wrapper {
flex-direction: column;
-ms-flex-direction: column;
}
.left-news-footer {
width: 100%;
padding: 60px 68px 60px 86px;
}
.right-news-footer img {
flex-shrink: 0;
min-width: 99%;
min-height: 62%;
}
.right-news-footer {
width: 100%;
}
.left-news-footer {
width: 100%;
padding: 55px 35px 60px 35px;
}
.news-footer-wrapper {
width: 100%;
}
.news-footer-wrapper {
margin: 0px;
}
.news-footer-wrapper {
z-index: 2;
}
.main-breadcrumb {
flex-direction: column;
-ms-flex-direction: column;
align-items: flex-start;
-ms-flex-align: flex-start;
}
.post_listing_wrap .facetwp-template {
padding: 0px;
}
.post_listing_wrap .facetwp-template > div:nth-child(4n + 1) {
margin-right: 0%;
}
.breadcrumb_wrapper {
padding-bottom: 32px;
}
.breadcrumb_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
#reset-btn {
margin-top: 20px;
}
.plan-day-out-wrapper {
flex-direction: column;
-ms-flex-direction: column;
}
.day-out-left {
width: 100%;
}
.day-out-badge {
width: 278px !important;
margin-top: 32px;
}
.day-out-right {
margin-top: 32px;
width: 100%;
flex-direction: column;
-ms-flex-direction: column;
}
.welcome-body-copy22 {
margin-bottom: 10px;
}
.share-post-wrapper:first-child {
width: 100%;
}
.share-post-wrapper {
flex-wrap: wrap;
}
.share-txt {
width: 100%;
margin-bottom: 10px;
}
.share-post-wrapper span {
font-size: 16px;
}
.share-post-wrapper {
justify-content: space-between;
}
.share-post-wrapper img {
margin-right: 10px;
}
.stockport-2020-wrapper {
flex-direction: column;
}
.stockport-2020-bg-image {
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
width: 160px;
height: 160px;
}
.stockport-2020-bg-image.bg-3 {
transform: rotate(17deg);
position: absolute;
top: 138px;
left: 89px;
}
.stockport-2020-bg-image.bg-2 {
transform: rotate(13deg);
position: absolute;
right: -17px;
top: -37px;
z-index: -1;
}
.stockport-2020-bg-image.bg-1 {
transform: rotate(351deg);
position: absolute;
left: -11px;
top: 0px;
}
.stockport-2020-header {
width: 181px !important;
margin: auto;
margin-bottom: 46px;
}
.stockport-2020-content {
width: 100%;
}
.tool-kit-content {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.toolkit-download-v3 {
display: flex !important;
align-items: flex-end;
flex-direction: column;
margin-top: 18px !important;
}
.tool-kit-img {
width: 100%;
}
.toolkit-sub-txt p {
text-align: center !important;
font-size: 19px !important;
line-height: 22px !important;
}
.tool-kit-content p {
font-size: 19px !important;
line-height: 22px !important;
max-width: 31ch;
}
.toolkit .container {
width: 361px;
}
.day-out-badge {
width: 163px !important;
margin-top: 32px; position: absolute;
top: 74px;
}
.day-out-left {
width: 100%;
margin-top: 242px;
}
.stock2020_main_content_wrap {
margin-top: 355px !important;
}
.stockport-2020 {
padding: 119px 0px 96px 0px;
}
.toolkit-download-v3 > div {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.text-v2 {
font-size: 20px !important;
margin-right: 15px !important;
}
.tool-kit-2022 {
display: flex;
margin-top: 27px;
}
.tool-kit-img img {
width: 178px !important;
margin: auto;
}
.icon-link.about-link-home {
position: absolute;
top: 605px;
margin-left: auto;
left: 0;
right: 0;
margin-right: auto;
}
.welcome_v2 {
padding: 60px 0px 189px 0px;
}
#home-animation {
width: 300px;
margin: auto;
}
.home .top-banner-2.home-banner-2022 p {
font-size: 21px;
line-height: 24px;
}
.home-news-posts_wrap .facetwp-template > div:nth-child(4),
.home-news-posts_wrap .facetwp-template > div:nth-child(5) {
display: none;
}
.top-banner-2.home-banner-2022 .arrow {
width: 32px;
bottom: 120px;
} .sub-intro .bodycopy h2 {
font-size: 40px;
}
.content-wrap.flex {
flex-wrap: wrap;
}
.content-wrap.flex .flex-half {
width: 100%;
margin-bottom: 30px;
}
.plan.bg-purple .flex-half > img,
.plan.bg-pink .flex-half > img {
margin: 0 auto;
height: 300px;
}
.plan .flex-half.shadow > img {
height: auto;
}
.time-to.logos .sixteen.columns img {
width: 300px;
}
.time-to .ticker li img {
height: 50px;
}
.time-to.logos .ticker li {
margin: 0 30px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { .top-banner-2 .text {
top: 48%;
}
.top-banner-2 .arrow {
bottom: 10%;
}
.top-banner-2:not(.subpage) .arrow {
display: none;
}
.home .top-banner-2.home-banner-2022 p {
font-size: 17px;
line-height: 19px;
padding-bottom: 22px;
}
} @media only screen and (max-width: 479px) {
body.page-template-page-homepage-3:not(.scrolled) div#cookie-notice {
bottom: 110px;
}
.twelve.columns.news-banner-column-2022 {
width: 292px;
}
.facetwp-template {
padding: 0px 0px 0px 0px;
}
#latest-1 .news_date_categ {
display: flex;
flex-direction: column;
-ms-flex-direction: column;
}
#latest-1 .date_v2:after {
display: none;
}
#latest-1 p,
#latest-1 span {
line-height: 20px;
}
#latest-1 h3 {
font-size: 30px;
line-height: 34px;
}
.featured-news_v2 .container {
padding: 0px;
}
.main-featured-post .news_date_categ {
flex-direction: column;
-ms-flex-direction: column;
}
.main-featured-post .date_v2:after {
display: none;
}
.main-featured-post .date_v2,
.main-featured-post .category_v2 p {
font-size: 14px;
}
.main-featured-post .title-wrap_v2 h3 {
font-size: 20px;
line-height: 25px;
}
.search-archive {
position: absolute;
top: 2251px;
left: 0; right: 0;
justify-content: center;
margin-top: 0px;
}
.search-archive .facetwp-facet input.facetwp-search,
.search-archive .facetwp-facet input.facetwp-location {
min-width: 194px;
width: 178px;
}
.interviews_wrapper .container {
padding: 0px;
}
.interview_header {
width: 57%;
z-index: 1;
}
.interviews_wrapper h3 {
margin-bottom: 28px;
color: #fff;
}
.featured-interview .news_date_categ {
margin: 0px 0px 11px 0px;
flex-direction: row !important;
-ms-flex-direction: row !important;
}
.featured-interview .category_v2::before {
content: "|" !important;
margin: 0px 11px;
color: #fff;
font-weight: 800;
margin-top: -3px;
font-size: 17px;
}
.featured-interview .category_v2 {
display: flex;
align-items: center;
}
.featured-interview #latest-1 p,
.featured-interview #latest-1 span {
font-size: 14px;
}
.featured-interview #latest-1 h3 {
font-size: 20px;
line-height: 25px;
}
.interview-img-container img {
flex-shrink: 0;
min-width: 131%;
min-height: 100%;
filter: grayscale(100%) contrast(128%);
}
.featured-interview latest-1 .read-more-wrap_v2 a {
font-size: 18px;
}
.featured-interview #latest-1 {
height: 416px;
}
.latest-news-header a {
padding: 8px;
}
} @media (-webkit-min-device-pixel-ratio: 1.5) {
}  @media all and (min-width: 1114px) {
.mobile-menu {
display: none !important;
}
} .top-banner-2.economic-banner.economic-banner-2023 {
background-position-x: 42% !important;
}
.economic-2023 {
text-align: center;
display: block;
}
.economic-banner-2023 {
width: 100%;
}
.economic-banner-2023-container {
position: relative;
display: flex;
width: 100%;
}
.economic-2023 .half.one.slick-slide.slick-current.slick-active {
width: 600px;
}
.economic-2023 .half.two.slick-slide.slick-active {
width: 600px;
}
.economic-banner-2023-blank {
width: 40%;
}
.economic-banner-2023-title {
width: 60%;
}
.economic-banner-2023-title p {
text-align: center;
margin-bottom: -10px;
}
.economic-banner-2023-title img {
max-width: 540px;
margin: 0 auto;
}
.economic-banner-2023 a img {
width: 50px;
}
.economic-2023.sub-intro {
padding: 80px 0px;
background: #41008f url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/economic-recovery-2023-bounce-bg.svg)
no-repeat;
background-size: cover;
background-position: center;
}
.small-header.txt-green {
color: #6bcbb8 !important;
}
.economic-2023.film .play-button h2 {
text-transform: none;
font-weight: 600 !important;
color: #ffffff;
}
.economic-2023 p.intro {
text-transform: none;
font-weight: 600 !important;
}
.economic-2023 .feed .half {
text-align: left;
width: 100%;
}
.economic-2023 .feed .item.video-play {
height: 600px;
}
.economic-2023 .feed .item:hover .text {
bottom: 5%;
}
.economic-2023 .feed .item:not(.promo) h3 {
font-weight: 600;
font-family: barlow, sans-serif;
}
.economic-2023 .feed .item span.date {
font-family: barlow, sans-serif;
}
.economic-2023 #eco-testimonial-slider p {
color: #ffffff;
}
.economic-2023 #eco-testimonial-slider span {
color: #ffffff;
}
.economic-2023 .eco-testimonial-bg .item {
opacity: 0.2;
}
.economic-2023.economic-testimonials .inner-bg {
opacity: 0.8;
}
.economic-2023.toolkit {
background: #ff828a;
}
.economic-2023.toolkit.economic-toolkit .one-third.column:last-child {
padding: 0px;
}
.economic-2023.toolkit .download a.img,
.page-template-page-economic-recovery .economic-2023.toolkit .download a.img {
width: 50px;
height: 50px;
margin-bottom: 15px;
display: block;
padding: 0px 0px 10px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.economic-2023.toolkit .download.toolkit-download,
.page-template-page-economic-recovery
.economic-2023.toolkit
.download.toolkit-download {
width: auto;
float: left;
display: inline-block;
margin: 20px 50px 20px 20px;
}
.economic-2023.toolkit .download a.img .dl-icon-1,
.page-template-page-economic-recovery
.economic-2023.toolkit
.download
a.img
.dl-icon-1 {
fill: #410099;
stroke: #410099;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.economic-2023.toolkit .download a.text,
.page-template-page-economic-recovery .economic-2023.toolkit .download a.text {
text-align: left;
display: block;
color: #410099;
text-decoration: none;
font-family: barlow, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 20px;
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.economic-2023.toolkit ul li {
text-align: left;
font-family: barlow, sans-serif;
text-transform: none;
font-weight: 600;
}
.economic-2023 .featured-news.economic-gallery .feed {
width: calc(100% - 100px) !important;
}
.bg-yellow {
background: #ffc66e url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg-v2/economic-recovery-2023-bounce-bg.svg)
no-repeat;
}
.did-you-know-wrapper {
}
.did-you-know-wrapper img.bouncing-ball-image {
width: 85%;
margin: 0 auto;
}
.did-you-know-wrapper p {
text-align: center;
font-size: 24px;
color: #410099;
}
.did-you-know-wrapper p span {
font-weight: 600 !important;
}
.did-you-know-wrapper p.one-pound-text {
position: absolute;
top: 14%;
left: 35px;
width: 270px;
}
.did-you-know-wrapper p.six-pound-text {
position: absolute;
top: 72%;
right: 112px;
width: 300px;
}
.did-you-know-container-mobile {
display: none;
}
@media all and (max-width: 1300px) {
.did-you-know-wrapper p.one-pound-text {
top: 9%;
left: 0px;
}
.did-you-know-wrapper p.six-pound-text {
right: 46px;
}
.top-banner-2.economic-banner.economic-banner-2023 {
background-position-x: 42% !important;
}
.plan.vcfse-strategy h3 {
font-size: 36px;
}
}
@media all and (max-width: 959px) {
.did-you-know-wrapper p.one-pound-text {
top: 3%;
left: -25px;
}
.did-you-know-wrapper p.six-pound-text {
right: 0px;
}
.top-banner-2.economic-banner.economic-banner-2023 {
background-position-x: 42% !important;
background-position-y: 110px !important;
min-height: 550px;
}
.plan.vcfse-strategy .download-prompt.two .icon-link {
padding-right: 0;
}
.aims-wrap .local .download-prompt .icon-link p {
font-size: 16px;
}
.aims-wrap .local .download-prompt .icon-link .icon {
height: 30px;
width: 30px;
}
}
@media all and (max-width: 767px) {
.did-you-know-container {
display: none;
}
.did-you-know-container-mobile {
display: flex;
justify-content: center;
}
.did-you-know-wrapper p.one-pound-text {
position: relative;
top: initial;
left: initial;
margin-top: 22px;
}
.did-you-know-wrapper p.six-pound-text {
position: relative;
top: initial;
left: initial;
}
.did-you-know-wrapper img.bouncing-ball-image {
width: 200px;
}
.top-banner-2.economic-banner.economic-banner-2023 {
background-position-x: 35% !important;
background-position-y: 95px !important;
min-height: 420px !important;
background-size: 230% !important;
}
.plan.vcfse-strategy h2 {
margin-bottom: 50px;
}
.plan.vcfse-strategy .plan-image {
margin-bottom: 50px;
}
.plan.vcfse-strategy .plan-image img {
max-width: 85%;
}
.aims-wrap .local .download-prompt {
padding-left: 0;
}
}
@media all and (max-width: 595px) {
.did-you-know-container-mobile {
display: block;
}
.did-you-know-wrapper p.one-pound-text {
margin: 22px auto;
}
.did-you-know-wrapper p.six-pound-text {
margin: 22px auto;
}
.toolkit.economic-toolkit.economic-2023 .one-third.column.box img {
padding-left: 20px;
}
.toolkit.economic-toolkit.economic-2023 p.intro {
padding: 0 20px;
}
} .home .economic-banner-2023 {
height: 100vh !important;
}
.home .top-banner-2.economic-banner p.link {
font-size: 32px;
font-family: soleil, sans-serif;
margin-bottom: 20px;
text-decoration: none;
}
.home .top-banner-2.economic-banner .link-wrapper a {
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.home .top-banner-2.economic-banner .link-wrapper a img:hover {
opacity: 0.8;
transition: all 0.3s ease-in-out;
}
.home .top-banner-2.economic-banner .link-wrapper {
margin-top: 20px;
}
.home .top-banner-2.economic-banner .economic-banner-2023-title,
.home .top-banner-2.economic-banner .economic-banner-2023-blank {
width: 50%;
}
.home .top-banner-2.economic-banner .text {
margin: 0;
}
@media all and (max-width: 767px) {
.home .top-banner-2.economic-banner.economic-banner-2023 {
background-position-x: 28% !important;
background-position-y: 95px !important;
height: 492px !important;
}
.home .top-banner-2.economic-banner p.link {
font-size: 20px;
font-family: soleil, sans-serif;
margin-bottom: 20px;
text-decoration: none;
}
.home .top-banner-2.economic-banner .link-wrapper img {
width: 40px;
height: 40px;
}
.home .stoc-alert-band {
flex-direction: column;
align-items: start;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images-v2/stoc-bg-pattern-mobile.svg);
background-size: 100%;
}
.stoc-alert-band img {
width: 80%;
}
}
.stoc-alert-band {
background: #000685;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images-v2/stoc-bg-pattern.svg);
background-position: center;
background-size: 120%;
background-repeat: no-repeat;
padding: 50px 20px;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.stoc-alert-band div {
padding: 20px;
}
.stoc-alert-band .culture-sub-title {
margin: 0px 0px 20px;
}
.stoc-alert-band .culture-sub-title,
.stoc-alert-band .culture-banner-link {
color: #ffffff;
}
#culture-header {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 100px;
top: 0px;
background: #000685;
display: flex;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
padding: 0 25px;
}
@media only screen and (max-width: 959px) {
#culture-header {
padding: 0;
min-height: 80px;
}
header .culture-desktop-nav {
padding: 0 25px;
margin: 0 auto -7px;
}
#culture-header.sticky .culture-logo img {
width: 100px;
}
header#culture-header .mobile-nav-button {
top: -6px;
}
}
.culture-desktop-nav {
width: 1280px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: 0 auto;
}
.culture-desktop-menu ul {
margin: 0;
width: 100%;
}
.culture-desktop-menu ul li {
margin: 0 15px;
}
.culture-desktop-menu ul li a {
display: block;
text-decoration: none;
font-family: "canada-type-gibson", sans-serif;
font-style: normal;
color: #FFF;
font-size: 18px;
line-height: auto;
text-align: center;
}
.culture-desktop-menu ul li a:hover {
color: #00f2c3;
transition: ease-in 0.2s;
}
.culture-desktop-menu li {
display: inline-block;
text-align: center;
margin-bottom: 0px;
}
#culture-header .culture-logo {
width: 150px;
}
#culture-header .culture-logo img {
display: flex;
width: 150px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#culture-header.sticky .culture-logo img {
width: 120px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-socials {
margin: 0;
}
.culture-socials svg {
width: 32px;
}
@media only screen and (max-width: 1114px) {
.culture-desktop-menu {
display: none;
}
.culture-socials {
display: none;
}
#culture-header .mobile-nav-button {
top: 5px;
}
}
@media only screen and (max-width: 1100px) {
.culture-desktop-menu ul li a {
font-size: 15px;
margin: 0;
}
}
#culture-header .mobile-nav-button {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/menu.svg) no-repeat 0px 0px;
float: right;
cursor: pointer;
height: 40px;
width: 80px;
position: relative;
z-index: 4; }
#culture-header .mobile-menu {
border-bottom: 2px solid #ED2987;
}
#culture-header .mobile-menu li a {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
letter-spacing: 1px;
color: #000685;
}
#culture-header.sticky .container.mob-nav-wrap {
top: 30px;
}
@media only screen and (max-width: 1114px) {
#culture-header .container.mob-nav-wrap {
display: block;
z-index: 300;
width: 100px !important;
position: absolute;
top: 30px;
right: 40px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#culture-header .mobile-menu {
padding-top: 60px;
padding-bottom: 20px;
display: none;
background: #FFF;
width: 100%;
position: absolute;
top: 0px;
left: 0;
z-index: 1;
border-bottom: 2px solid #9F2842;
z-index: 200;
}
#culture-header .mobile-menu a {
text-align: center;
width: 100%;
padding: 15px 0px;
display: block;
margin-bottom: 0px;
text-transform: uppercase;
font-family: cubano, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
color: #410099;
background: #FFF;
font-size: 20px;
line-height: 20px;
}
.mobile-menu a:hover {
color: #410099;
background: #FFF;
}
} .events-slider {
padding: 50px 0px 0px;
background: #000685;
display: flex;
justify-content: center;
min-height: 600px;
}
.events-slider:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/blue-wave.svg);
height: 1px;
display: block;
width: 105%;
position: relative;
left: -2%;
}
.events-slider .slick-slider .slick-track {
min-height: 600px;
}
.events-slider-container {
display: flex;
max-width: 1280px;
min-height: 600px;
margin: 0 auto;
}
.events-slider-container .slider-details .culture-event-date {
font-size: 1.5em;
font-weight: 600;
margin: 10px 0px;
}
.events-slider .slick-dots li.slick-active button:before {
display: none !important;
}
.events-slider .slick-dots li button:before {
display: none !important;
}
.events-slider .slick-dots li button {
background: transparent;
border-radius: 100%;
border: 2px solid #00F2C3;
}
.events-slider .slick-active button {
background: #00F2C3 !important;
border: 2px solid #00F2C3;
}
.event-slide {
overflow: hidden;
}
.slider-details {
display: flex;
flex-direction: column;
justify-content: center;
width: 80%;
padding: 0 20px;
}
.slider-details h2,
h3 {
font-family: "canada-type-gibson", sans-serif;
}
.slider-details h2 {
color: #FFE33E;
font-size: 3.75em;
line-height: 1.1em;
font-family: "canada-type-gibson", sans-serif;
}
.slider-details h3 {
color: #ffffff;
font-size: 1.875em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 10px;
font-family: "canada-type-gibson", sans-serif;
}
.slider-details p {
color: #ffffff;
font-size: 1.875em;
font-weight: 300;
line-height: 1.1em;
font-family: "canada-type-gibson", sans-serif;
width: 90%; }
.slider-details a {
font-family: "canada-type-gibson", sans-serif;
color: #ffffff;
font-size: 1.5em;
font-weight: 500;
text-decoration: none;
width: 40%;
}
.slider-details a:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
.slider-details a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.slider-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.slider-image img {
position: absolute;
width: 500px;
}
.events-slider .slick-dots {
position: relative;
}
@media only screen and (max-width: 959px) {
.slider-image img {
width: 400px;
}
.slider-image img.moves-background-asset {
width: 425px;
}
.slider-image img.event-type-overlay {
width: 415px;
}
.slider-image .makes-one {
width: 148px;
left: 4%;
top: 7%;
}
.slider-details a {
width: 100%;
}
.slider-details h2 {
font-size: 3em;
}
.slider-details h3 {
font-size: 1.5em;
}
.slider-details p {
font-size: 1.5em;
}
}
@media only screen and (max-width: 768px) {
body .events-slider {
padding-top: 50px;
}
.culture-events-container .slick-slider {
padding-bottom: 0;
}
.events-slider-container {
flex-direction: column-reverse;
}
.slider-details {
width: 100%;
padding: 0 20px 30px;
}
.slider-details p {
width: 100%;
}
.slider-details a {
width: 100%;
margin-top: 10px;
}
.slider-details h3 {
font-size: 1em;
margin-top: 16px;
}
.slider-details h2 {
font-size: 2em;
}
.slider-details p {
margin: 0;
}
.events-slider-container {
min-height: auto;
}
.events-slider {
min-height: auto;
}
.events-slider:after {
height: 1px;
}
body .culture-about-wrapper {
padding: 90px 20px 50px;
}
.culture-category-wrapper,
.culture-category-wrapper-funding {
flex-wrap: wrap;
}
body .culture-category-wrapper div {
flex: 0 0 calc(100%);
}
body .culture-category-wrapper-funding div {
flex: 0 0 calc(50%);
}
.events-slider .slick-dots {
position: relative;
}
.events-slider-container .slider-image img {
position: relative;
width: 230px;
}
.events-slider-container .default-mask {
height: 200px;
}
.events-slider-container .default-three {
width: 25%;
bottom: 0;
}
.events-slider-container .slider-image img.event-type-overlay {
position: absolute;
height: 200px;
}
.events-slider-container .slider-image {
width: 70%;
margin: 10px auto 0;
}
.events-slider-container .makes-one {
width: 25%;
top: 0%;
}
.slider-image img.moves-background-asset {
position: absolute;
}
.makes-mask {
position: absolute;
}
.events-slider-container .slider-image .moves-mask {
width: 230px;
height: 200px;
}
.events-slider-container .slider-image .sounds-mask {
width: 230px;
height: 210px;
}
.events-slider-container .slider-image .tastes-mask {
width: 230px;
height: 210px;
}
.slider-image .sounds-two {
right: 0%;
}
.slider-image .sounds-three {
bottom: 0%;
}
.slider-image .default-one {
width: 25%;
top: 0%;
}
.moves-three {
display: none;
}
.tastes-outline {
display: none;
}
.slider-image .tastes-one {
width: 20%;
}
.events-slider-container .makes-mask,
.moves-mask {
height: 200px;
}
.slider-image .makes-three {
width: 27%;
right: 0;
bottom: 0;
}
}
@media only screen and (max-width: 576px) {
body .culture-container h1 {
font-size: 3em;
line-height: 1em;
}
body .culture-container p {
font-size: 1.5em;
margin-top: 15px;
}
} .default-mask {
-webkit-mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/tastes-mask.svg);
mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/tastes-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
position: absolute;
width: 100%;
height: 500px;
object-fit: cover;
}
.default-one {
position: absolute;
width: 200px;
left: 4%;
top: 3%;
}
.default-one img {
max-width: 100%;
}
.default-two {
position: absolute;
width: 20%;
right: 10%;
top: 5%;
}
.default-two img {
max-width: 100%;
}
.default-three {
position: absolute;
width: 30%;
right: 5%;
bottom: 36%;
}
#default-three img {
max-width: 100%;
}
.tastes-outline img {
right: -3%;
top: 0%;
} .makes-mask {
-webkit-mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/circle-mask.svg);
mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/circle-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
position: absolute;
width: 100%;
height: 500px;
object-fit: cover;
}
.makes-one {
position: absolute;
width: 200px;
left: 4%;
top: 3%;
z-index: 2;
}
.max-one img {
max-width: 100%;
}
.makes-three {
position: absolute;
width: 27%;
right: 8%;
bottom: 36%;
}
#makes-three img {
max-width: 100%;
}
img.event-type-overlay {
z-index: 1;
width: 515px;
} .moves-mask {
-webkit-mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/moves-yellow-icon.svg);
mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/moves-yellow-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
position: absolute;
max-width: 100%;
height: 500px;
object-fit: cover;
}
.moves-three {
position: absolute;
width: 30%;
right: 5%;
bottom: 36%;
z-index: 0;
} .sounds-mask {
-webkit-mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/circle-mask.svg);
mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/circle-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
position: absolute;
max-width: 100%;
height: 500px;
object-fit: cover;
}
img.moves-background-asset {
width: 550px;
}
.sounds-three {
position: absolute;
width: 30%;
right: 5%;
bottom: 36%;
z-index: 1;
}
.sounds-two {
position: absolute;
width: 20%;
right: 10%;
top: 5%;
}
.sounds-two img {
max-width: 100%;
} .tastes-mask {
-webkit-mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/tastes-mask.svg);
mask-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/tastes-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
position: absolute;
max-width: 100%;
height: 500px;
object-fit: cover;
}
.tastes-one {
position: absolute;
width: 200px;
left: 4%;
top: 3%;
}
.tastes-one img {
max-width: 100%;
}
.tastes-two {
position: absolute;
width: 20%;
right: 10%;
top: 5%;
}
.tastes-two img {
max-width: 100%;
} .culture-about-wrapper {
padding: 150px 20px 100px;
background: rgba(0, 6, 133, 0.05);
display: flex;
justify-content: center;
align-items: center;
}
.culture-container {
width: 1280px;
margin: 0 auto;
}
.culture-container h1 {
color: #ED2987;
font-family: "canada-type-gibson", sans-serif;
font-size: 4.375em;
margin-bottom: 25px;
}
.culture-container h1 span {
font-weight: 600;
}
.culture-container p {
font-size: 1.5em;
line-height: 1.3em;
color: #000685;
font-weight: 300;
max-width: 950px;
font-family: "canada-type-gibson", sans-serif;
}
.culture-container p span {
font-weight: 600;
font-size: 1.5em;
line-height: 1.2em;
font-family: "canada-type-gibson", sans-serif;
}
.culture-container a {
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
text-decoration: none;
font-size: 1.5em;
line-height: 1.5em;
color: #000685;
}
.culture-container a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 24px;
width: 24px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-container a:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
.stoc-weekender a {
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
text-decoration: none;
font-size: 1.5em;
line-height: 1.5em;
color: #000685;
}
.stoc-weekender a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 24px;
width: 24px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.stoc-weekender a:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
.culture-category-wrapper,
.culture-category-wrapper-funding {
display: flex;
align-self: center;
justify-content: space-between;
margin: 50px 0 0;
}
.culture-category-wrapper div {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
flex: 0 0 25%;
}
.culture-category-wrapper-funding div {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
flex: 0 0 25%;
}
.culture-category-wrapper div img,
.culture-category-wrapper-funding div img {
max-width: 180px;
height: 180px;
object-fit: contain;
}
.culture-category-wrapper div h3,
.culture-category-wrapper-funding div h3 {
font-size: 1.875em;
letter-spacing: 2px;
margin: 15px 0px 10px;
font-weight: 600;
color: #000685;
text-align: center;
}
.culture-category-wrapper div p,
.culture-category-wrapper-funding div p {
font-size: 1.4375em;
text-align: center;
} @media only screen and (max-width: 576px) {
body .culture-events-wrapper {
padding: 35px 0 0px;
}
.culture-events-wrapper .event-single-slide {
margin-top: 0;
}
.culture-events-wrapper .event-single-slide h3 {
font-size: 1em;
line-height: 1.1em;
}
.culture-events-wrapper .event-single-slide p {
margin-bottom: 15px;
margin-top: 0px;
font-family: "canada-type-gibson", sans-serif;
}
.culture-events-wrapper .event-single-slide img {
margin-bottom: 15px;
height: 200px;
}
body .event-single-slider .slick-next {
border: 2px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 45px;
}
body .culture-posts-wrapper .slick-next {
border: 2px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 45px;
}
body .culture-posts-wrapper .slick-prev {
border: 2px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 45px;
}
}
.culture-events-wrapper {
position: relative;
padding: 100px 0;
}
.culture-events-container {
max-width: 1280px;
margin: 0 auto;
}
.event-single-slide {
margin: 35px 15px;
}
.event-single-slide:hover img {
scale: 1.05;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.8;
}
.culture-archive-event:hover img {
scale: 1.05;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.event-single-slide img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-slider-item img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.event-single-slide h3 {
font-size: 1.875em;
color: #000685;
font-weight: 600;
padding: 0px 10px 10px;
}
.event-single-slider .slick-next {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.event-single-slider .slick-next:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg) !important;
}
.event-single-slider .slick-prev {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.event-single-slider .slick-prev:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev-purple.svg) !important;
}
.slick-lightbox .slick-next {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.slick-lightbox.slick-next:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg) !important;
}
.slick-lightbox .slick-prev {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.slick-lightbox .slick-prev:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev-purple.svg) !important;
}
.culture-slider-images .slick-next {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.culture-slider-images .slick-next:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg) !important;
}
.culture-slider-images .slick-prev {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.culture-slider-images .slick-prev:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev-purple.svg) !important;
}
.event-single-slide p {
color: #000685;
font-size: 1.25em;
display: inline-block;
padding: 5px 10px;
margin-top: 30px;
text-transform: uppercase;
font-weight: 600;
font-family: "canada-type-gibson", sans-serif;
}
.event-single-slide a {
font-size: 1.25em;
color: #000685;
font-weight: 600;
text-decoration: none;
padding-bottom: 5px;
margin-left: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "canada-type-gibson", sans-serif;
}
.culture-event-read-more {
border-bottom: 1px solid #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-event-label-Tastes {
border: 1px solid #00f2c3;
border-radius: 5px;
}
.culture-event-label-Sounds {
border: 1px solid #b800e6;
border-radius: 5px;
}
.culture-event-label-Moves {
border: 1px solid #ed2987;
border-radius: 5px;
}
.culture-event-label-Makes {
border: 1px solid #ffe33e;
border-radius: 5px;
}
.culture-event-label-Other {
border: 1px solid #000685;
border-radius: 5px;
}
.event-single-slide:hover .culture-event-label-Makes {
background: #FFE33E;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.event-single-slide:hover .culture-event-label-Other {
background: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.culture-archive-event:hover .culture-event-label-Other {
background: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.culture-archive-event:hover .culture-event-label-Makes {
background: #FFE33E;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.event-single-slide:hover .culture-event-label-Moves {
background: #ed2987;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.culture-archive-event:hover .culture-event-label-Moves {
background: #ed2987;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.event-single-slide:hover .culture-event-label-Sounds {
background: #b800e6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.culture-archive-event:hover .culture-event-label-Sounds {
background: #b800e6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ffffff;
}
.event-single-slide:hover .culture-event-label-Tastes {
background: #00f2c3;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-archive-event:hover .culture-event-label-Tastes {
background: #00f2c3;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.event-single-slide:hover a {
padding-bottom: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-archive-event:hover a {
padding-bottom: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.event-single-slide:hover .culture-event-read-more {
border-bottom: 3px solid #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-archive-event:hover .culture-event-read-more {
border-bottom: 3px solid #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-events-title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.culture-events-wrapper .culture-events-title-wrapper h2 {
font-size: 1.875em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 700;
margin: 0;
color: #000685;
}
.culture-events-wrapper .culture-events-title-wrapper a {
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-size: 1.5em;
font-weight: 700;
text-decoration: none;
margin-left: 10px;
}
.culture-events-wrapper .culture-events-title-wrapper a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-events-wrapper .culture-events-title-wrapper a:hover:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg);
margin-left: 23px;
scale: 1.2;
transition: 0.3s ease-in-out;
}
.culture-tickets-button {
display: inline-block;
background: #00F2C3;
padding: 10px 25px 13px;
text-decoration: none;
text-transform: uppercase;
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
border-radius: 10px;
margin-top: 25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-tickets-button p {
margin: 0;
font-weight: 900;
font-size: 1em;
}
.culture-tickets-button:hover {
scale: 1.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .culture-news-wrapper {
position: relative;
background: #000685;
}
.culture-news-wrapper:before {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/blue-paper.svg);
height: 30px;
display: block;
position: absolute;
width: 101%;
top: -10px;
left: -5px;
}
.culture-news-wrapper:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/blue-wave-inverted.svg);
height: 1px;
display: block;
width: 105%;
position: relative;
left: -2%;
}
.culture-posts-wrapper {
max-width: 1280px;
margin: 0 auto 50px;
display: flex;
padding: 20px 20px;
}
.culture-posts-title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px 0px;
}
.culture-posts-wrapper .culture-posts-title-wrapper h2 {
font-size: 1.875em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 700;
margin: 0;
color: #ffffff;
}
.culture-posts-wrapper .culture-posts-title-wrapper a {
font-family: "canada-type-gibson", sans-serif;
color: #ffffff;
font-size: 1.5em;
font-weight: 700;
text-decoration: none;
margin-top: 5px;
margin-left: 10px;
border-bottom: 1px solid #000685;
}
.culture-posts-wrapper .culture-posts-title-wrapper a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-posts-wrapper .culture-posts-title-wrapper a:hover:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg);
margin-left: 23px;
scale: 1.2;
transition: 0.3s ease-in-out;
background: #B800E6;
}
.culture-post-container {
width: 100%;
margin: 0 15px;
padding: 25px 0;
}
.culture-post-container a {
color: #ffffff;
text-decoration: none;
}
.culture .bodycopy a {
color: #B800E6;
text-decoration: none;
}
.culture .bodycopy p a:hover {
color: #000685;
}
.culture-post-container img {
max-width: 100%;
height: 320px;
object-fit: cover;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container p {
font-size: 1.25em;
display: inline-block;
padding: 5px 10px;
margin-top: 30px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}
.culture-post-container h3 {
font-size: 1.875em;
color: #ffffff;
font-weight: 600;
padding: 0px 10px 10px;
}
.culture-post-container .culture-news-read-more {
font-size: 1.25em;
color: #ffffff;
font-weight: 300;
text-decoration: none;
padding-bottom: 5px;
margin-left: 10px;
border-bottom: 1px solid #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container:hover img {
scale: 1.05;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.8;
}
.culture-post-container:hover .culture-news-read-more {
padding-bottom: 10px;
border-bottom: 3px solid #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container:hover .culture-event-label-Tastes {
background: #00F2C3;
color: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container:hover .culture-event-label-Makes {
background: #FFE33E;
color: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container:hover .culture-event-label-Sounds {
background: #B800E6;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-post-container:hover .culture-event-label-Moves {
background: #ED2987;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-posts-wrapper .slick-prev {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.culture-posts-wrapper .slick-prev:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev-purple.svg) !important;
}
.culture-posts-wrapper .slick-next {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
;
background-position: center center;
background-repeat: no-repeat;
}
.culture-posts-wrapper .slick-next:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg) !important;
}
.culture-no-news {
color: #ffffff;
font-size: 2em;
}
.event-single-slider .culture-no-events {
color: #000685;
font-size: 2em;
padding: 0 20px;
} .culture-instagram-wrapper {
position: relative;
margin-top: 100px;
}
.culture-instagram-wrapper #culture-background-asset-1 {
position: absolute;
width: 35%;
max-width: 500px;
right: -10%;
top: 0;
z-index: 0;
}
.culture-instagram-wrapper #culture-background-asset-2 {
position: absolute;
width: 30%;
max-width: 500px;
left: -10%;
bottom: 0;
z-index: 0;
}
@media only screen and (max-width: 576px) {
.culture-instagram-wrapper .culture-instagram-container {
padding: 20px;
}
.culture-support-wrapper .culture-instagram-container h2 {
font-size: 1.5em;
}
body .culture-support-wrapper h2 {
font-size: 2.5em;
text-align: center;
}
body .culture-support-wrapper p {
font-size: 1.5em;
width: 100%;
}
body .culture-tell-container-details a {
display: block;
}
body .culture-tell-container-details .survey-link {
display: block;
margin: 20px 0px 0px;
}
body .culture-posts-title-wrapper {
padding: 30px 0 10px;
}
body .culture-tell-container-details h3 {
font-size: 2em;
}
}
@media only screen and (max-width: 768px) {
body .culture-support-wrapper {
background-position: left;
}
body .culture-support-container {
flex-direction: column;
}
.culture-support-container .culture-tell-container-images img {
max-width: 50%;
}
.culture-support-container .culture-tell-container-details {
margin-top: 25px;
}
.carouselTicker__wrap {
margin-bottom: 0;
}
}
.culture-instagram-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
padding: 100px 20px 50px;
position: relative;
}
.culture-instagram-title p {
color: #ed2987;
font-weight: 700;
font-size: 1.875em;
margin: 0;
font-family: "canada-type-gibson", sans-serif;
}
.culture-instagram-title p::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-instagram.svg);
height: auto;
width: 50px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
}
.culture-instagram-widget {
width: 100%;
margin-top: 30px;
}
.fts-instagram-inline-block-centered .slicker-instagram-placeholder {
border-radius: 10px;
}
.culture-support-wrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 20px 50px;
position: relative;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/STOC-Tell-us-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #B800E6;
}
.culture-support-wrapper h2 {
font-size: 3.125em;
color: #ed2987;
font-family: "canada-type-gibson", sans-serif;
font-weight: 700;
margin-bottom: 35px;
}
.culture-support-container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
display: flex;
}
.culture-tell-container-images {
flex: 0 0 40%;
padding-right: 20px;
}
.culture-tell-container-images img {
max-width: 80%;
}
.culture-tell-container-details {
flex: 0 0 60%;
}
.culture-tell-container-details h3 {
font-size: 3.125em;
line-height: 1em;
color: #FFE33E;
}
.culture-tell-container-details p {
color: #ffffff;
font-size: 1.5em;
font-weight: 400;
line-height: 1.2em;
font-family: "canada-type-gibson", sans-serif;
}
.culture-tell-container-details a {
color: #FFE33E;
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
text-decoration: none;
font-size: 1.5em;
line-height: 1.5em;
}
.culture-tell-container-details .survey-link {
margin-left: 30px;
}
.culture-tell-container-details a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/STOC-yellow-arrow-right.svg);
height: 30px;
width: 30px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
} .culture.time-to {
background-image: none;
padding: 0;
}
.culture.time-to .ticker li {
font-size: 2em;
line-height: 2em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
text-transform: initial;
}
.culture-txt-yellow {
color: #FFE33E;
}
.culture-txt-white {
color: #ffffff;
}
.culture-txt-pink {
color: #ED2987;
}
.culture-txt-purple {
color: #B800E6;
} .culture.time-to .carouselTicker__list {
background: #ED2987;
margin-bottom: 0px;
}
.culture.time-to .carouselTicker__list_2 {
background: #FFE33E;
margin-bottom: 0px;
} @media only screen and (max-width: 576px) {
.culture-get-involved-wrapper .culture-get-involved-container h2 {
font-size: 2em;
margin-bottom: 15px;
}
.culture-get-involved-wrapper .culture-get-involved-details p {
width: 100%;
font-size: 1.5em;
}
.culture-tell-container-details a {
font-size: 1.3em;
line-height: 1.5em;
}
}
.culture-get-involved-wrapper {
position: relative;
background: #000685;
padding: 70px 20px 30px;
}
.culture-get-involved-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
position: relative;
}
.culture-get-involved-wrapper #culture-background-asset-3 {
position: absolute;
width: 25%;
max-width: 320px;
right: -8%;
top: 10%;
z-index: 0;
}
.culture-get-involved-wrapper #culture-background-asset-4 {
position: absolute;
width: 15%;
max-width: 200px;
left: -5%;
bottom: 3%;
z-index: 0;
} .culture-get-involved-wrapper:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/blue-paper.svg);
display: block;
position: absolute;
width: 101%;
bottom: -10px;
left: -5px;
z-index: -1;
}
@media only screen and (max-width: 576px) {
.culture-get-involved-wrapper:after {
display: none;
}
}
.culture-get-involved-details {
width: 50%;
display: flex;
flex-direction: column;
justify-content: top;
position: relative;
}
.culture-get-involved-container h2 {
color: #ffffff;
font-family: "canada-type-gibson", sans-serif;
font-size: 3.125em;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
}
.culture-get-involved-details p {
font-size: 1.875em;
color: #ffffff;
line-height: 1.2em;
width: 90%;
font-family: "canada-type-gibson", sans-serif;
}
.culture-get-involved-details p span {
font-weight: 600;
}
.culture-get-involved-details a {
font-weight: 900;
font-family: "canada-type-gibson", sans-serif;
text-decoration: none;
color: #ffffff;
font-size: 1.5em;
margin-bottom: 25px;
}
.culture-get-involved-details a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-get-involved-details a:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
.culture-get-involved-form {
width: 50%;
margin-top: -18px;
position: relative;
}
.culture-get-involved-form .gform_heading {
display: none;
}
.culture-get-involved-form h3 {
display: none;
}
.culture-get-involved-form input,
textarea {
width: 100%;
font-family: "canada-type-gibson", sans-serif;
font-size: 1em;
margin: 0;
border: none;
padding: 10px !important;
}
.culture-get-involved-form textarea {
max-height: 110px;
}
.culture-get-involved-form label {
display: none;
}
.gform_legacy_markup_wrapper .top_label .gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
display: none !important;
}
#input_2_7 {
display: none;
}
.gfield_description {
color: #ffffff;
font-size: 16px !important;
font-weight: 600;
font-family: "canada-type-gibson", sans-serif !important;
}
.gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {
border: none !important;
background: #ffffff !important;
}
.gform_legacy_markup_wrapper span.gform_drop_instructions {
color: #000685;
font-size: 16px !important;
font-weight: 600;
font-family: "canada-type-gibson", sans-serif !important;
}
.ginput_preview_list {
color: #ffffff !important;
}
#gform_browse_button_2_8 {
background: #B800E6;
color: #ffffff;
font-size: 16px;
border: none;
margin: 0;
padding: 10px 20px;
font-family: "canada-type-gibson", sans-serif !important;
}
.gform_legacy_markup_wrapper .gform_footer input.button {
background: none;
color: #ffffff;
font-family: "canada-type-gibson", sans-serif;
font-size: 1.5em !important;
margin: 0 !important;
}
@media only screen and (max-width: 768px) {
body .gform_legacy_markup_wrapper .gform_footer input.button {
margin: 0 auto !important;
}
body .gform_legacy_markup_wrapper .gform_footer input.button,
.gform_legacy_markup_wrapper .gform_footer input[type=submit] {
background: #00F2C3;
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
width: 50%;
border-radius: 10px;
text-transform: uppercase;
}
body .gform_legacy_markup_wrapper .gform_footer::after {
display: none;
}
}
.gform_legacy_markup_wrapper .gform_footer::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.gform_legacy_markup_wrapper .gform_footer {
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.culture-get-involved-wrapper .culture-get-involved-container {
flex-direction: column;
width: 100%;
}
.culture-get-involved-wrapper .culture-get-involved-container .culture-get-involved-details,
.culture-get-involved-form {
width: 100%;
}
} @media only screen and (max-width: 1000px) {
.culture-testimonials .slide-testimonials .container {
flex-direction: column-reverse;
}
.culture-testimonials .slide-testimonials .container .twelve.columns {
width: 100%;
}
.culture-testimonials .slide-testimonials .container .four.columns {
width: 100%;
}
body .culture-testimonials .slide-testimonials .container img {
width: 250px;
}
}
@media only screen and (max-width: 768px) {
body .culture-testimonials .slide-testimonials .quote p {
width: 95%;
font-size: 18px;
}
body .culture-testimonials .culture-testimonials-title .intro {
font-size: 2em;
}
body .culture-testimonials {
padding: 50px 20px;
}
body .culture-testimonials .slide-testimonials .quotee {
font-size: 1em;
}
}
.culture-testimonials {
padding: 100px 20px;
background: rgba(0, 6, 133, 0.05);
}
.culture-testimonials .slide-testimonials {
max-width: 1280px;
margin: 0 auto;
}
.culture-testimonials-title {
max-width: 1280px;
margin: 0 auto;
}
.culture-testimonials .culture-testimonials-title .intro {
font-family: "canada-type-gibson", sans-serif;
color: #ED2987;
font-weight: 700;
font-size: 3.125em;
text-align: left;
margin-bottom: 30px;
text-transform: unset;
line-height: 1em;
}
.culture-testimonials .culture-testimonials-title h2 {
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-weight: 700;
font-size: 1.875em;
letter-spacing: 2px;
text-align: left;
text-transform: uppercase;
}
.culture-testimonials .slide-testimonials .container {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.culture-testimonials .slide-testimonials .quote p {
font-size: 25px;
color: #000685;
line-height: 1.2em;
width: 100%;
font-family: "canada-type-gibson", sans-serif;
}
.culture-testimonials .slide-testimonials .quotee {
font-size: 1.5em;
color: #000685;
}
.culture-testimonials .slide-testimonials .quotee .name {
font-weight: 700;
font-family: "canada-type-gibson", sans-serif;
}
.culture-testimonials .slide-testimonials .quotee p {
margin: 0;
font-family: "canada-type-gibson", sans-serif;
}
.culture-testimonials .slide-testimonials .container img {
width: 300px;
height: 300px;
object-fit: contain;
margin: 0 auto;
}
.culture-testimonials .slick-prev {
left: 0% !important;
}
.culture-testimonials .slick-next {
right: 0% !important;
}
.culture-testimonials .slick-dots {
bottom: 0;
}
.culture-testimonials .slick-dots li.slick-active button:before {
display: none !important;
}
.culture-testimonials .slick-dots li button:before {
display: none !important;
}
.culture-testimonials .slick-dots li button {
background: transparent;
border-radius: 100%;
border: 2px solid #00F2C3;
}
.culture-testimonials .slick-active button {
background: #00F2C3 !important;
border: 2px solid #00F2C3;
}
.culture-testimonials .slick-prev {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev.svg) !important;
background-position: center center;
background-repeat: no-repeat;
}
.culture-testimonials .slick-prev:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-prev-purple.svg) !important;
}
.culture-testimonials .slick-next {
border: 5px solid #B800E6;
background: #ffffff;
color: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg) !important;
;
background-position: center center;
background-repeat: no-repeat;
}
.culture-testimonials .slick-next:hover {
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next-purple.svg) !important;
} @media only screen and (max-width: 768px) {
.culture-toolkit-container {
flex-direction: column;
}
.culture-toolkit-container .culture-toolkit-details {
width: 100%;
padding: 0 20px;
}
.culture-toolkit-container .culture-toolkit-mockup {
display: none;
}
}
.culture-toolkit-wrapper {
position: relative;
background: #ED2987;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-download-background-optimised.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center left;
padding: 20px;
}
.culture-toolkit-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
position: relative;
}
.culture-toolkit-details {
padding: 20px;
position: relative;
width: 50%;
}
.culture-toolkit-details h3,
.category_v2 p,
a,
.date_v2 {
z-index: 999;
position: relative;
color: #000685;
}
.culture-toolkit-details h3 {
font-size: 2.5em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
margin-bottom: 25px;
}
.culture-toolkit-details .category_v2 p {
font-size: 1.5em;
font-family: "canada-type-gibson", sans-serif;
margin-bottom: 60px;
}
.culture-toolkit-details a {
font-size: 1.875em;
font-weight: 900;
font-family: "canada-type-gibson", sans-serif;
text-decoration: none;
color: #000685;
padding-bottom: 10px;
border-bottom: 1px solid #000685;
margin-top: 20px;
}
.culture-toolkit-mockup {
width: 50%;
}
.culture-toolkit-container .culture-toolkit-mockup img {
height: auto;
width: 80%;
margin: 0 auto;
} @media only screen and (max-width: 959px) {
body .culture.news-post .event-date-details {
flex-direction: column;
align-items: start;
}
.culture.news-post .event-date-details p {
padding: 10px 0px;
line-height: 1em;
text-align: left;
font-size: 2em;
}
.culture.news-post .event_location {
font-size: 2em;
font-weight: 600;
margin-top: 20px;
margin-right: 1.5em;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
}
body .culture.news-post .post-content {
position: relative;
padding: 50px 0px;
}
}
@media only screen and (max-width: 768px) {
body .culture.news-post h1 {
font-size: 3em;
margin: 0;
}
}
@media only screen and (max-width: 576px) {
body .culture.news-post h1 {
font-size: 2em;
margin: 0;
}
body .culture.news-post .event-date-details {
flex-direction: column;
align-items: start;
}
body .culture.news-post .event-date-details p {
padding: 10px 0px 0px;
line-height: 1em;
text-align: left;
font-size: 1.5em;
}
body .culture.news-post .event_location {
font-size: 1.5em;
font-weight: 600;
margin-top: 20px;
margin-right: 1.5em;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
}
body .culture.news-post .event-post-footer {
flex-direction: column;
align-items: start;
}
.culture.news-post .share-post-wrapper span {
margin-top: 20px;
}
.share-post-wrapper img {
margin-right: 10px;
}
}
.culture.news-post {
padding-top: 100px;
}
.culture.news-post h1 {
text-align: left;
font-family: "canada-type-gibson", sans-serif;
color: #b800e6;
text-transform: none;
font-weight: 900;
font-size: 5em;
line-height: 1.1em;
margin-bottom: 50px;
}
.culture.news-post .post-banner {
border-radius: 10px;
}
.culture.news-post .event-date-details {
display: flex;
align-items: center;
}
.culture.news-post .post-content {
position: relative;
padding: 130px 0px;
}
.culture.news-post .event-date-details p {
font-size: 2.5em;
font-weight: 600;
margin: 0;
margin-right: 1.5em;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
}
.event_location {
font-size: 2.5em;
font-weight: 600;
margin-top: 30px;
margin-right: 1.5em;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
}
.culture.news-post .intro {
text-align: left;
font-size: 1.875em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 400;
text-transform: none;
color: #000685;
}
.culture.news-post .post-banner img { border-radius: 10px;
}
.culture.news-post .bodycopy {
max-width: 100%;
}
.culture.news-post .bodycopy p {
width: 100%;
color: #000685;
font-size: 1.5em;
}
.culture.news-post .event-post-footer {
margin-top: 50px;
}
.culture.news-post .event-post-footer .back-button span {
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-weight: 600;
}
.culture.news-post .event-post-footer .back-button .icon {
border: 2px solid #B800E6;
border-radius: 100%;
}
.culture.news-post .back-button {
margin: 0;
padding: 0;
}
.culture.news-post .event-post-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.culture.news-post .event-post-footer .share-post-wrapper {
margin: 0;
padding: 0;
}
.culture-events-right-side {
position: absolute;
top: 0;
right: 0;
max-width: 200px;
}
.culture-events-left-side {
position: absolute;
bottom: 0%;
left: 0;
max-width: 200px;
} @media only screen and (min-width: 1550px) {
img.events-archive-image-2 {
display: none;
}
}
@media only screen and (max-width: 959px) {
body .culture-events-archive-wrapper {
position: relative;
background: #000685;
padding: 130px 20px 150px;
}
.events-archive-image {
display: none;
}
img.events-archive-image-2 {
display: none;
}
.culture-events-archive-wrapper .events-archive-details {
width: 100%;
}
.culture-events-archive-list-container .culture-archive-event {
flex: 0 0 calc(50% - 2em);
}
.culture-events-archive-list-wrapper .culture-events-right-side {
display: none;
}
.culture .post-content .culture-events-right-side {
display: none;
}
.culture-events-archive-list-wrapper .culture-events-left-side {
display: none;
}
}
@media only screen and (max-width: 768px) {
body .events-archive-categories-second {
width: 100%;
}
body .events-archive-categories {
width: 100%;
}
}
@media only screen and (max-width: 576px) {
body .culture-events-archive-wrapper {
position: relative;
background: #000685;
padding: 130px 20px 90px;
}
.culture-events-archive-wrapper .events-archive-categories {
flex-wrap: wrap;
justify-content: space-between;
}
.culture-events-archive-wrapper .events-archive-category img {
display: none;
}
.culture-events-archive-wrapper .events-archive-category p {
margin: 10px auto;
}
body .events-archive-category {
margin: 0 10px;
}
.culture-events-archive-list-container .culture-archive-event {
flex: 0 0 calc(100% - 2em);
}
.culture-events-archive-wrapper .events-archive-details h1 {
font-size: 3em;
}
.culture-events-archive-wrapper .events-archive-details h2 {
font-size: 1.5em;
}
.culture-events-archive-wrapper .events-archive-details p {
font-size: 1.5em;
margin-top: 0;
}
body .events-archive-categories-second {
margin: 0;
}
}
.events-archive-categories .events-archive-category-all {
display: none;
}
.culture-events-archive-wrapper {
position: relative;
background: #000685;
padding: 130px 20px 150px;
}
.culture-events-archive-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
}
img.events-archive-image-2 {
position: absolute;
width: 18%;
max-width: 300px;
z-index: 0;
bottom: -5%;
left: -9%;
}
.events-archive-details {
width: 65%;
z-index: 1;
}
.events-archive-details h1,
h2 {
color: #FFE33E;
font-family: "canada-type-gibson", sans-serif;
}
.events-archive-details h1 {
font-weight: 600;
font-size: 5em;
}
.events-archive-details h2 {
font-size: 3em;
}
.events-archive-details p {
color: #ffffff;
font-size: 1.875em;
margin-top: 35px;
}
.events-archive-image {
width: 35%;
}
.events-archive-categories {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
margin-top: 25px;
width: 80%;
}
.events-archive-categories-second {
display: flex;
flex-direction: row;
align-items: baseline;
margin-top: 25px;
width: 38%;
justify-content: space-between;
flex-wrap: wrap;
}
.events-archive-category {
display: flex;
flex-direction: column;
align-items: center;
}
.events-archive-category img {
width: 55px;
height: 100%;
margin: 0 auto 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category:hover img {
scale: 1.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category a {
text-decoration: none;
}
.events-archive-category p {
font-size: 1.25em;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #FFE33E;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
}
.events-archive-category:hover p {
background: #FFE33E;
color: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category:nth-child(2) p {
border: 1px solid #B800E6;
}
.events-archive-category:hover:nth-child(2) p {
background: #B800E6;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category:nth-child(3) p {
border: 1px solid #ED2987;
}
.events-archive-category:hover:nth-child(3) p {
background: #ED2987;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category:nth-child(4) p {
border: 1px solid #00F2C3;
}
.events-archive-category:hover:nth-child(4) p {
background: #00F2C3;
color: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category:nth-child(5) p {
border: 1px solid #ffffff;
}
.events-archive-category:hover:nth-child(5) p {
background: #ffffff;
color: #000685;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.events-archive-category-all p {
border: 1px solid #ffffff !important;
}
.events-archive-category-all p:hover {
background: #ffffff !important;
color: #000685 !important;
}
.culture-events-archive-list-wrapper {
position: relative;
padding: 0 0 80px;
}
.culture-events-archive-list-container {
max-width: 1280px;
margin: -80px auto 30px;
display: flex;
flex-wrap: wrap;
}
.culture-events-archive-list-container h2 {
color: #000685;
padding: 120px 20px 0px;
}
.culture-past-events-archive-list-container {
margin: 0 auto;
}
.culture-past-events-archive-list-container h2 {
padding: 0 10px;
color: #000685;
font-weight: 600;
}
.culture-past-events-archive-list-container .culture-archive-event img {
filter: grayscale(100%);
}
.culture-archive-event {
flex: 0 0 calc(33.333333% - 2em);
margin: 1em;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-archive-event img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.culture-archive-event h3 {
font-size: 1.875em;
color: #000685;
font-weight: 600;
padding: 0px 10px 10px;
}
.culture-archive-event p {
color: #000685;
font-size: 1.25em;
display: inline-block;
padding: 5px 10px;
margin-top: 30px;
text-transform: uppercase;
font-weight: 600;
}
.culture-archive-event a {
font-size: 1.25em;
color: #000685;
font-weight: 300;
text-decoration: none;
padding-bottom: 5px;
margin-left: 10px;
} .culture-footer.footer {
background: #000685;
padding: 25px 0;
}
.culture-footer.footer .culture-logo img {
width: 100px;
}
.culture-footer.footer .policies {
margin-top: 0;
}
.culture-footer .container {
display: flex;
align-items: center;
}
@media only screen and (max-width: 959px) {
.culture-footer .container {
display: block;
}
} @media only screen and (max-width: 768px) {
body .culture-news .news-banner {
padding: 50px 0 50px;
}
body .culture-news .news-banner h2 {
font-size: 3em;
}
body .culture-news .news-banner h3 {
font-size: 2em;
}
}
.culture-news {
padding-top: 90px;
}
.culture .post-banner {
background-color: #ffffff;
}
.culture-news .news-banner {
background: #B800E6;
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-news-banner.svg);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding: 100px 0px 50px 0px;
}
.culture-news .news-banner h1 {
color: #ffffff;
}
.culture-news .news-banner h2 {
color: #FFE33E;
font-size: 4.375em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 400;
width: 100%;
line-height: 1em;
text-transform: none;
}
.culture-news .news-banner h2 span {
font-weight: 600;
}
.culture-news .news-banner h3 {
color: #ffffff;
font-size: 2.5em;
font-weight: 500;
}
.culture-news .news-banner .fwp-submit {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
text-transform: none;
letter-spacing: 1px;
background: #000685;
}
.culture-news .featured-news_v2 {
position: relative;
background: rgba(106, 238, 197, 0.1);
overflow: hidden;
}
.culture-news .featured-news-posts {
padding-bottom: 50px;
}
.culture-news .latest-news-header h2,
h3 {
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
letter-spacing: 1px;
color: #000685;
}
.culture-news .featured-news_v2 h3 {
color: #000685;
}
.main-featured-post .title-wrap_v2 h3 {
color: #000685;
}
.culture-news .sub-news-item {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .sub-news-item p {
color: #a92ade;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .main-featured-post p {
color: #a92ade;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .main-featured-post .date_v2 {
color: #a92ade;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .main-featured-post .read-more-wrap_v2 a {
color: #a92ade;
font-family: "canada-type-gibson", sans-serif;
border-bottom: 2px #a92ade solid;
}
.culture-news .main-featured-post h3 {
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .sub-news-item h3 {
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .news-post_wrapper .read-more-wrap_v2 a {
color: #a92ade;
border-bottom: 2px #a92ade solid;
}
.culture-news .facetwp-load-more {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news .latest_news_content_wrapper h2 {
text-align: center;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-weight: 900;
letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
.culture-news .latest_news_content_wrapper h2 {
text-align: center;
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-weight: 900;
letter-spacing: 1px;
padding-bottom: 35px;
}
.culture-news-promote-container .culture-news-promote-image {
display: none;
}
.culture-news-promote-container .culture-news-promote-details {
width: 100%;
}
}
@media only screen and (max-width: 576px) {
.culture-news-promote-wrapper .culture-news-promote-details h2 {
font-size: 2.5em;
line-height: 1.1em;
}
.culture-news-promote-wrapper .culture-news-promote-details p {
font-size: 1.5em;
line-height: 1.1em;
}
.culture-news-promote-wrapper .culture-news-promote-details a {
font-size: 1em;
line-height: 1.1em;
}
}
.culture-news-promote-wrapper {
position: relative;
padding: 50px 0;
margin: 0 20px;
}
.culture-news-promote-container {
max-width: 1280px;
margin: 0 auto;
background: #dc4086;
display: flex;
border-radius: 10px;
padding: 50px;
}
.culture-news-promote-details {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 60%;
}
.culture-news-promote-details h4 {
font-family: "canada-type-gibson", sans-serif;
font-size: 1.25em;
color: #ffffff;
font-weight: 900;
}
.culture-news-promote-details h2 {
font-size: 3em;
color: #ffffff;
font-weight: 600;
}
.culture-news-promote-details p {
font-size: 2em;
color: #ffffff;
line-height: 1.1em;
font-family: "canada-type-gibson", sans-serif;
}
.culture-news-promote-details a {
color: #ffffff;
text-decoration: none;
font-size: 1.5em;
font-weight: 600;
font-family: "canada-type-gibson", sans-serif;
width: 280px;
}
.culture-news-promote-details a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-news-promote-details a:hover::after {
margin-left: 25px;
}
.culture-news-promote-image {
width: 40%;
}
.culture-news-promote-image img {
width: 100%;
height: 350px;
object-fit: contain;
}
.culture .post-content .title {
text-align: left;
margin: 0;
}
.culture .post-content .title span.date {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
font-size: 18px;
padding: 5px 10px;
color: #000685;
text-transform: uppercase;
letter-spacing: 1px;
}
.culture .share-post-wrapper {
justify-content: start;
}
.culture .share-post-wrapper span {
color: #000685;
}
.culture .category {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
font-size: 18px;
padding: 5px 10px;
color: #000685;
text-transform: uppercase;
letter-spacing: 1px;
}
.culture .category-Makes {
border: 1px solid #ffe33e;
border-radius: 5px;
}
.culture .category-Moves {
border: 1px solid #ed2987;
border-radius: 5px;
}
.culture .category-Sounds {
border: 1px solid #b800e6;
border-radius: 5px;
}
.culture .category-Tastes {
border: 1px solid #00f2c3;
border-radius: 5px;
}
.culture .bodycopy ul li {
padding: 0;
}
.culture .bodycopy.purple-bullets ul li {
background: none;
color: #000685;
margin-left: 30px;
}
.culture .bodycopy ul li a:hover {
color: #B800E6;
}
.culture .bodycopy ul {
list-style: disc;
}
.culture .post-content .back-button span {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
}
.culture .post-content .back-button .icon {
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture .back-button span {
color: #000685;
}
.culture .news .culture {
z-index: 0;
display: block;
}
.culture .search-archive {
display: none;
}
@media only screen and (max-width: 576px) {
.culture .post-content .title span.date {
padding: 0 10px 0 0;
}
}
.culture-pagination {
display: flex;
justify-content: space-around;
min-width: 5%;
margin: 0 auto;
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-size: 1.5em;
}
.culture-pagination a {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
text-decoration: none;
margin: 0 10px;
}
.culture-pagination a:hover {
color: #ED2987;
}
.culture-pagination span {
margin: 0 10px;
}
.gform_legacy_markup_wrapper .gform_validation_errors>h2 {
color: #ffffff !important;
}
.gform_legacy_markup_wrapper div.validation_error {
border-bottom: 2px solid #ffffff !important;
border-top: 2px solid #ffffff !important;
}
.gform_legacy_markup_wrapper .gform_validation_errors {
border: 1px solid #ffffff !important;
}
.gform_ajax_spinner {
width: 50px !important;
height: 50px !important;
} .culture-funding-wrapper {
background: #000685;
padding: 180px 20px 80px;
position: relative;
}
.culture-funding-wrapper:after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/blue-wave.svg);
height: 10px;
display: block;
width: 105%;
position: absolute;
bottom: -10px;
left: -2%;
}
.culture-funding-container {
max-width: 1280px;
margin: 0 auto;
}
.culture-funding-wrapper .culture-funding-bg-asset-1 {
max-width: 345px;
position: absolute;
right: -5%;
z-index: 1;
top: 23%;
}
.culture-funding-wrapper .culture-funding-bg-asset-2 {
max-width: 235px;
position: absolute;
left: -10%;
z-index: 1;
top: 23%;
}
.culture-funding-container h1 {
font-size: 5em;
line-height: 1em;
color: #ffffff;
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
z-index: 9;
position: relative;
}
.culture-funding-container h2 {
margin-top: 30px;
font-weight: 400;
z-index: 9;
position: relative;
}
.culture-funding-container-about h1 {
font-size: 3em;
}
.culture-funding-para {
margin-top: 35px;
}
p.culture-funding-para {
font-size: 2em;
}
.culture-accordian-wrapper {
padding: 0;
}
.culture-accordian-wrapper .accordion {
max-width: 100%;
margin: 0 auto;
}
.culture-accordian-wrapper .accordion-head {
max-width: 1280px;
margin: 0 auto;
transition: ease-in 0.3s;
}
.culture-accordian-wrapper .accordion-head p {
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
font-size: 2.1em;
color: #000685;
}
.culture-accordian-wrapper .accordion-head span {
font-weight: 500;
}
.culture-accordian-wrapper .accordion .accordion-content {
max-width: 1280px;
margin: 0 auto;
color: #000685;
position: relative;
}
.culture-accordian-wrapper .accordion .accordion-content p,
li {
line-height: 1.2em;
font-family: "canada-type-gibson", sans-serif;
color: #000000;
}
.culture-accordian-wrapper .accordion .accordion-content p {
position: relative;
font-family: "canada-type-gibson", sans-serif;
}
.culture-accordian-wrapper .accordion .accordion-content p span {
font-weight: 600;
font-family: "canada-type-gibson", sans-serif;
}
.culture-accordian-wrapper .accordion .accordion-content li {
margin-left: 40px;
position: relative;
}
.culture-accordian-wrapper .accordion .accordion-content li::before {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/STOC-bullet-point.svg);
position: absolute;
left: -40px;
width: 32px;
height: 32px;
}
.culture-accordian-wrapper .accordion .accordion-content a {
font-family: "canada-type-gibson", sans-serif;
font-weight: 900;
text-decoration: none;
font-size: 1.2em;
}
.culture-accordian-wrapper .accordion .accordion-content a::after {
content: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/townofculture/culture-next.svg);
height: 24px;
width: 24px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
transition: 0.3s ease-in-out;
border: 3px solid #B800E6;
border-radius: 100%;
}
.culture-accordian-wrapper .accordion .accordion-content a:hover::after {
margin-left: 25px;
transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 576px) {
.culture-accordian-wrapper .accordion .accordion-content a {
font-size: 1em !important;
}
}
.culture-accordian-wrapper .accordion-head:hover {
background: none;
padding: 70px 50px;
transition: ease-in 0.3s;
}
.culture-accordian-wrapper .accordion .culture-events-right-side {
max-width: 350px;
}
.culture-accordian-wrapper .accordion .accordion-item {
background: #ed298880;
border: none;
position: relative;
}
.culture-accordian-wrapper .accordion .accordion-item:nth-child(2) {
background: #00F2C380;
}
.culture-accordian-wrapper .accordion .accordion-item:nth-child(3) {
background: #FFE33E80;
}
.culture-accordian-wrapper .accordion-head .plus {
border: 3px solid #B800E6;
border-radius: 100%;
}
.open .accordion-head .closed-arrow {
display: none;
}
.open .accordion-head .opened-arrow {
display: block;
}
.opened-arrow {
display: none;
rotate: 270deg;
}
.closed-arrow {
display: block;
rotate: 90deg;
}
.culture-accordian-wrapper .accordion-item.open .accordion-head:hover {
padding: 40px 50px;
}
@media only screen and (max-width: 1059px) {
.culture-funding-wrapper .culture-funding-bg-asset-2 {
display: none;
}
}
@media only screen and (max-width: 768px) {
.culture-funding-wrapper {
padding: 130px 20px 50px;
}
.culture-funding-container h1 {
font-size: 3em;
}
.culture-funding-container h2 {
font-size: 1.5em;
line-height: 1em;
}
body .culture-funding-container-about h1 {
font-size: 2.2em;
}
.culture-accordian-wrapper .accordion-head p {
font-size: 1.5em;
}
.culture-accordian-wrapper .accordion-head:hover {
padding: 20px 20px;
}
.culture-accordian-wrapper .accordion-item.open .accordion-head:hover {
padding: 20px 20px;
}
.culture-funding-wrapper .culture-funding-bg-asset-1 {
display: none;
}
} .culture .bodycopy .culture-slider-item-image img:not(.back) {
height: 300px;
width: 100%;
object-fit: cover;
}
.slick-initialized .culture-slider-item-image.slick-slide {
margin: 0px 10px;
}
.gform_confirmation_message_2 {
color: #ffffff;
font-size: 16px;
font-family: "canada-type-gibson", sans-serif;
} .gibson {
font-family: "canada-type-gibson", sans-serif;
}
.bg-yellow {
background: #ffe33e;
}
.stoc-weekender {
margin-top: 130px;
padding: 50px 20px;
}
.stoc-weekender img.bg-image {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.stoc-weekender .bg-image-mobile {
display: none;
}
.stoc-weekender p.pre-title {
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
color: #ed2987;
}
.stoc-weekender h2 {
color: #000685;
font-size: 60px;
line-height: 60px;
font-weight: 800;
}
.stoc-weekender p.date {
color: #ed2987;
font-size: 40px;
line-height: 40px;
font-weight: 800;
margin: 30px 0;
}
.stoc-weekender p.description {
font-size: 24px;
color: #000685;
}
.stoc-weekender .image {
display: flex;
justify-content: center;
}
.stoc-weekender .image img {
max-width: 283px;
height: auto;
}
@media only screen and (max-width: 959px) {
.stoc-weekender {
margin-top: 110px;
}
}
@media only screen and (max-width: 782px) {
.stoc-weekender {
margin-top: 105px;
}
.stoc-weekender .container {
width: 100%;
}
.stoc-weekender .eight.columns {
width: 100%;
}
.stoc-weekender .image {
display: none;
}
.stoc-weekender img.bg-image {
display: none;
}
.stoc-weekender .bg-image-mobile {
display: block;
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.stoc-weekender p.pre-title {
font-size: 22px;
line-height: 22px;
}
.stoc-weekender h2 {
font-size: 48px;
line-height: 48px;
}
.stoc-weekender p.date {
font-size: 26px;
line-height: 26px;
}
.stoc-weekender p.description {
font-size: 20px;
line-height: 20px;
}
}
.tribe-events-content h2 {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-weight: 800;
}
.tribe-events-content h3 {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.tribe-events-content h3 strong {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
font-size: 20px;
text-transform: none;
text-decoration: underline;
margin-bottom: 0;
}
@media only screen and (min-width: 1500px) {
.culture-final-hero {
padding-top: 500px !important;
}
.hero-dec-1 {
width: 450px !important;
}
.hero-dec-2 {
width: 380px !important;
top: 15% !important;
}
.hero-dec-3 {
position: absolute;
width: 336px !important;
right: 3% !important;
top: 24% !important;
z-index: 10002;
}
.hero-dec-3 {
width: 443px !important;
}
.hero-dec-4 {
width: 794px !important;
top: -234px !important;
}
}
.culture-header-new_2024.sticky{
z-index: 9999999 !important;
}
.culture-desktop-nav.culture-desktop-nav_v2 {
justify-content: flex-end;
}
.culture-desktop-menu.culture-desktop-nav_v2 ul li a{
font-weight: 600;
}
.back-button{
border-radius: 80px;
background: #FFE33E;
padding: 16px 20px;
color: #000685 !important;
font-family: "canada-type-gibson", sans-serif;
font-size: 18px;
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.back-button p{
text-decoration: none;
margin-right: 10px;
font-weight: 600;
color: #000685;
margin-bottom: 0px;
}
.back-button:hover {
background: #fff;
}
.culture-desktop-menu.culture-desktop-nav_v2{
display: flex;
align-items: center;
}
.culture-desktop-menu.culture-desktop-nav_v2 ul{
width: auto;
padding: 16px;
} .culture-final-hero{
background: #000685;
padding-top: 250px;
padding-bottom: 60px;
}
.culture-final-hero-wrap img{
max-width: 40%;
}
.culture-final-hero-wrap h2{
color: #FFE33E;
font-family: "canada-type-gibson", sans-serif;
font-size: 48px;
font-style: normal;
line-height: 100%;
font-weight: 600;
margin-top: 40px;
font-size: 39px;
}
.hero-dec-1{
position: absolute;
top: 0px;
z-index: 1001;
left: 10%;
width: 250px;
}
.hero-dec-2{
position: absolute;
right: 30%;
width: 280px;
z-index: 10002;
top: 10%;
}
.hero-dec-3{
position: absolute;
width: 336px;
right: 3%;
top: 24%;
z-index: 10002;
}
.hero-dec-4{
width: 594px;
position: absolute;
right: 0px;
top: -121px;
z-index: 999999;
}
@media all and (max-width: 1300px) {
.hero-dec-1 {
width: 250px;
top: -13px;
}
.hero-dec-2 { width: 205px; }
.hero-dec-3 { width: 236px; top: 21%; }
.culture-final-hero-wrap h2 { font-size: 29px; }
}
@media all and (max-width: 959px) and (min-width: 768px) {
.hero-dec-3 { width: 185px; top: 14%; }
.culture-final-hero-wrap h2 { font-size: 24px; }
.hero-dec-4 { width: 431px; }
}
@media all and (max-width: 768px) {
.hero-dec-2 { width: 115px; right: 2%; top: -3%; }
.culture-final-hero { background: #000685; padding-top: 172px; padding-bottom: 60px; }
.culture-final-hero-wrap img { max-width: 70%; }
.hero-dec-3 { display: none; }
.hero-dec-1{display: none; }
.culture-final-hero-wrap h2 { font-size: 21px; }
.back-button { padding: 9px 16px; font-size: 16px; }
} .partners-heading-new{
font-family: "canada-type-gibson", sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 500;
border-bottom: 1px solid #B800E6;
color: #B800E6;
}
.culture-partners-new{
padding: 100px 0px;
}
.parters-main-wrap{
padding: 32px 0px 16px 0px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.partners-text{
color: #000685;
font-family: "canada-type-gibson", sans-serif;
font-size: 39px;
font-style: normal;
font-weight: 600;
margin-right: 8px;
}
.green-oval:after{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/green-oval.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-left: 8px;
}
.pink-spike:after{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/pink-spike-circle.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-left: 8px;
}
.yellow-oval:after{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/yellow-oval.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-left: 8px;
}
.purple-circle:after{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/purple-donut.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-left: 8px;
}
.yellow-oval-before:before{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/yellow-oval.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-right: 8px;
}
.green-oval-before:before{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/green-oval.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-right: 8px;
}
.pink-spike-before:before{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/pink-spike-circle.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-right: 8px;
}
.purple-circle-before:before{
background-image: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/assets/svg/purple-donut.svg);
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-right: 8px;
}
.blank-icon:after{
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-flex;
height: 30px;
width: 30px;
margin-right: 8px;
}
.partners-heading-new.partners-subheading-new{
color: #000685;
border: 0px transparent;
}
@media all and (max-width: 1300px) {
.green-oval-before, .purple-circle-before, .pink-spike-before, .yellow-oval-before, .blank-icon{ display: none; }
.partners-text { font-size: 35px; line-height: 20px; }
.pink-spike:after, .blank-icon:after, .purple-circle-before:before, .pink-spike-before:before, .green-oval-before:before, .yellow-oval-before:before, .purple-circle:after, .green-oval:after, .yellow-oval:after, .purple-circle:after, .yellow-oval:after, .pink-spike:after  { height: 25px; width: 25px; }
.partners-heading-new { line-height: 30px; padding-bottom: 14px; }
}
@media all and (max-width: 959px) and (min-width: 768px) {
.partners-text { font-size: 28px; line-height: 25px; }
.partners-heading-new { line-height: 30px; padding-bottom: 14px; }
}
@media all and (max-width: 768px) {
.partners-text { font-size: 28px; line-height: 25px; }
.partners-heading-new { line-height: 30px; padding-bottom: 14px; }
}
@media only screen and (max-width: 479px) {
.partners-text { font-size: 22px; line-height: 20px; }
.pink-spike:after, .blank-icon:after, .purple-circle-before:before, .pink-spike-before:before, .green-oval-before:before, .yellow-oval-before:before, .purple-circle:after, .yellow-oval:after, .purple-circle:after, .yellow-oval:after, .pink-spike:after, .green-oval:after  { height: 20px; width: 20px; }
} .weekender-content-wrap{
padding-top: 0px;
}
.culture-weekener{
background: #ED2987;
padding-block: 100px;
}
.weekender-title{
font-size: 2.675em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 700;
color: #FFE33E;
}
.weekender-text{
color: #FFF;
font-family: "canada-type-gibson", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 25px;
}
.weekender-list li{
color: #FFF;
font-family: "canada-type-gibson", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
border-bottom: 1px solid #FFE33E;
padding-bottom: 6px;
}
.weekender-list li:last-child{
border-bottom: 0px solid transparent;
}
.arrows-wrap-2{
display: flex;
justify-content: flex-start;
margin-top: 32px;
}
.arrows-wrap-2 img{
width: 18px;
}
.next-arrow-2{
cursor: pointer;
}
.prev-arrow-2{
margin-right: 40px;
cursor: pointer;
}
.weekender-slider-wrap{
overflow: hidden;
border-radius: 18px;
}
.weekender-img-wrap{
width: 100%;
height: 600px;
position: relative;
}
.weekender-img-wrap img{
position: absolute;
object-fit: cover;
width: 100%;
border-radius: 18px;
height: 100%;
}
@media all and (max-width: 1300px) {
.weekender-content-wrap { padding-top: 0px; }
.weekender-img-wrap { height: 400px; }
}
@media all and (max-width: 959px) and (min-width: 768px) {
}
@media all and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
} .what-was-delivered{
padding-block: 100px;
}
.delivered-title{
font-size: 2.675em;
font-family: "canada-type-gibson", sans-serif;
font-weight: 700;
color: #B800E6;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 6, 133, 0.50);
margin-bottom: -1px;
}
#filters{
display: flex;
justify-content: flex-end;
}
#filters button{
margin-left: 32px;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
color: rgba(0, 6, 133, 0.50);
font-family: "canada-type-gibson", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
padding-top: 32px;
letter-spacing: 2.64px;
}
#filters button:hover{
color: #000685;
}
.filter-btn.is-checked{
color: #000685 !important;
border-top: 2px solid #ED2987 !important;
}
.box-img-wrap {
float: left;
}
.grid-sizer,
.box-img-width-30 {
width: 30%;
margin-right: 25px;
}
.grid-sizer,
.box-img-width-50 {
width: 40%;
margin-right: 25px;
}
.grid-sizer,
.box-img-width-20 {
width: 26%;
}
.box-img-wrap {
float: left;
}
.box-img-wrap img {
display: block;
max-width: 100%;
} .box-delivered-grid:after {
content: '';
display: block;
clear: both;
}
.box-img-wrap{
margin-bottom: 25px;
height: 350px;
}
.box-img-wrap img{
object-fit: cover;
width: 100%;
height: 100%;
}
@media all and (max-width: 1300px) {
.grid-sizer, .box-img-width-30 { width: 30%; margin-right: 18px; }
.grid-sizer, .box-img-width-50 { width: 40%; margin-right: 18px; }
}
@media all and (max-width: 959px) and (min-width: 768px) {
.grid-sizer, .box-img-width-30 {
width: 48%;
margin-right: 11px;
}
.grid-sizer, .box-img-width-50 {
width: 48%;
margin-right: 11px;
}
.grid-sizer, .box-img-width-20 {
width: 48%;
margin-right: 11px;
}
#filters {
justify-content: center;
}
}
@media all and (max-width: 768px) {
#filters button { font-size: 15px; }
.grid-sizer, .box-img-width-30 {
width: 100%;
margin-right: 0px;
}
.grid-sizer, .box-img-width-50 {
width: 100%;
margin-right: 0px;
}
.grid-sizer, .box-img-width-20 {
width: 100%;
margin-right: 0px;
}
.box-img-wrap {
margin-bottom: 25px;
height: 200px;
}
.weekender-slider-wrap{
padding-bottom: 0px;
}
.arrows-wrap-2 {
margin-top: 0px;
margin-bottom: 32px;
}
.weekender-img-wrap {
height: 300px;
}
}
@media only screen and (max-width: 479px) {
.filter-btn.is-checked {
border-top: 0px solid #ED2987 !important;
}
#filters button {
margin-left: 0px;
padding-top: 0px;
}
#filters {
flex-direction: column;
}
.delivered-title {
border-bottom: 0px solid rgba(0, 6, 133, 0.50);
}
}
.toc-events-calendar .columns.sixteen {
z-index: 0;
position: relative;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding: 50px;
background: #ffffff;
border-radius: 20px;
}
.tribe-events--filter-bar-horizontal.tribe-common--breakpoint-medium{
overflow: visible!important;
}
.toc-events-calendar  .datepicker .month.active, .tribe-events .datepicker .month.active.focused{
background: #000685!important;
}
.toc-events-calendar  .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-top-bar__datepicker-container{
max-width: 20%!important;
}
.toc-events-calendar .tribe-events .datepicker .datepicker-months .datepicker-switch{
font-size: 18px;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
color: #000685;
}
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link{
font-size: 24px;
font-family: "canada-type-gibson", sans-serif;
color: #000685!important;
}
.toc-events-calendar .tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
color: #000685;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium{
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
color: #000685;
}
.tribe-events-calendar-list__event-header{
box-shadow: none!important;
}
.tribe-events-calendar-month__header{
position: relative;
background: #ffffff;
box-shadow: none;
height: auto!important;
z-index: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-desktop{
text-align: center;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month{
background: #ffffff;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description{
margin-top: 0!important;
}
.tribe-events .tribe-events-calendar-list__event-title-link{
color: #000685!important;
z-index: 0;
font-family: "canada-type-gibson", sans-serif;
}
.toc-events-calendar .tribe-events .tribe-events-calendar-month__day-date-link {
color: #b800e6;
font-family: "canada-type-gibson", sans-serif;
}
.toc-events-calendar .tribe-events .tribe-events-calendar-month__day-date-daynum {
color: #000685;
font-family: "canada-type-gibson", sans-serif;
}
.toc-events-calendar .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {
opacity: 0.3;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{
font-size: 28px;
font-family: "canada-type-gibson", sans-serif;
color: #b800e6;
}
.tribe-events-c-top-bar__datepicker-mobile{
color: #b800e6;
}
.tribe-events-c-top-bar__datepicker-desktop{
color: #b800e6;
font-size: 38px;
}
.tribe-common-c-svgicon__svg-fill{
fill: #000685!important;
}
.tribe-events-pro .tribe-events-pro-photo__event-title-link{
font-size: 24px!important;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
color: #000685!important;
line-height: 24px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2{
font-size: 18px;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
color: #000685;
}
.toc-events-calendar .single-tribe_events .tribe-events-c-subscribe-dropdown__container,
.tribe-events .tribe-events-c-subscribe-dropdown__container {
display: none !important;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-group{
display: none;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container{
display: none!important;
}
.tribe-events-calendar-list__event-header {
position: relative;
display: block;
background: none;
z-index: 0;
}
.toc-events-calendar .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar{
border: none;
}
.tribe-events .tribe-events-header {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.tribe-events .tribe-events-header {
background: #ffffff;
height: auto;
}
.toc-event-wrapper {
padding: 150px 0 50px;
}
.toc-event-wrapper .container .event-image {
margin: 0 auto;
}
.toc-event-wrapper .container .sixteen.columns {
padding: 0 100px;
}
.toc-event-wrapper .tec-events-pro-series-meta-detail--label{
display: none;
}
.toc-event-wrapper .tec-events-pro-series-meta-detail--link{
display: none;
}
.toc-event-wrapper .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a{
color: #000685;
font-family: "canada-type-gibson", sans-serif;
}
.toc-event-wrapper .tribe-venue{
pointer-events: none;
}
.toc-event-wrapper .events-all a {
font-family: "canada-type-gibson", sans-serif;
font-size: 24px;
text-decoration: none;
font-weight: 600;
color: #000685;
}
.event-image img {
margin: 0 auto;
width: 80%;
border-radius: 10px;
}
.toc-event-wrapper a {
color: #000685;
font-weight: 600;
border: 0;
}
.toc-event-wrapper a:hover {
color: #b800e6;
border: 0;
}
.toc-event-wrapper .tribe-venue a{
text-decoration: none;
color: #000685;
}
.toc-event-wrapper .tribe-events-gmap{
display: none;
}
.toc-event-wrapper .tribe-events-event-meta dt[class*=url]+dd{
line-height: 30px;
}
.tribe-events-back {
display: none;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
display: none;
}
.toc-event-wrapper .tribe-common{
display: none;
}
.tribe-region.tribe-events-abbr{
display: none;
}
h1.tribe-events-single-event-title {
text-align: left;
font-family: "canada-type-gibson", sans-serif;
color: #b800e6;
text-transform: none;
font-weight: 900;
font-size: 4em;
line-height: 1.1em;
margin-bottom: 25px;
}
.tribe-events-schedule {
display: none;
}
.tribe-events-calendar-list__event-header{
height: auto!important;
}
.toc-event-wrapper .tribe-events-single-section-title{
font-family: "canada-type-gibson", sans-serif!important;
color: #b800e6!important;
font-size: 28px!important;
}
.toc-event-wrapper .tribe-events-event-meta dt{
font-family: "canada-type-gibson", sans-serif!important;
font-size: 24px;
font-weight: 600;
color: #000685;
}
.toc-event-wrapper .tribe-events-event-meta dd{
font-family: "canada-type-gibson", sans-serif;
color: #000685;
font-size: 22px;
text-decoration: none;
}
.toc-event-wrapper .tribe-events-event-meta dd abbr{
text-decoration: none;
}
.single-tribe_events .tribe-events-single .tribe-events-event-meta{
width: 100%;
}
.tribe-events-event-categories-label{
display: none;
}
.tribe-events-event-categories{
display: none;
}
.tribe-events-meta-group.tribe-events-meta-group-organizer{
display: none;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small{
color: #000685;
}
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small{
border: 1px solid #000685!important;
} .events-cards{
margin-top: -200px;
display: block;
position: relative;
overflow: visible;
}
.events-cards .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{
color: #ffffff;
font-size: 28px;
font-family: "canada-type-gibson", sans-serif;
}
.events-cards .tribe-events-pro .tribe-events-pro-photo__event-date-tag-month{
font-family: "canada-type-gibson", sans-serif;
font-weight: 600!important;
color: #ffffff!important;
}
.events-cards .tribe-events .tribe-events-c-small-cta>:first-child{
font-size: 18px;
font-weight: 600;
color: #000685;
}
.events-cards .tribe-events-pro .tribe-events-pro-photo__event-featured-image{
margin-bottom: 30px;
border-radius: 10px;
height: 300px;
object-fit: cover;
width: 100%;
}
.events-cards .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2{
font-size: 18px;
font-family: "canada-type-gibson", sans-serif;
font-weight: 600;
margin-bottom: 15px;
line-height: 18px;
}
.tribe-events-c-top-bar__datepicker-time{
color: #000685;
font-weight: 600;
font-family: "canada-type-gibson", sans-serif;
}
.events-cards .tribe-common--breakpoint-medium .tribe-filter-bar--horizontal.tribe-filter-bar .tribe-filter-bar__form{
margin-top: 20px;
}
.events-cards .tribe-filter-bar .tribe-filter-bar-c-pill--has-selections .tribe-filter-bar-c-pill__remove-button{
top: 38%;
}
.events-cards .tribe-common--breakpoint-medium .tribe-filter-bar--horizontal.tribe-filter-bar--has-selected-filters.tribe-filter-bar .tribe-filter-bar__actions{
padding: 0px 0 12px 20px;
}
.events-cards .tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path{
fill: #000685!important;
}
.events-cards .tribe-filter-bar-c-clear-button__text{
color: #ffffff!important;
}
.events-cards .tribe-filter-bar .tribe-filter-bar-c-clear-button__reset-icon path{
stroke: #ffffff!important;
}
.events-cards .tribe-events .tribe-events-c-events-bar__filter-button-icon path{
fill: #000685!important;
}
.events-cards .tribe-events-pro .tribe-events-pro-photo__event-date-tag{
position: absolute;
top: 0;
margin-left: 20px;
padding: 5px 0px;
z-index: 999;
width: 60px;
background: #000685;
border-radius: 0 0 10px 10px;
}
.tribe-events-pro-photo{
z-index: 0;
position: relative;
}
.events-cards .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col{
position: relative;
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-legend{
font-family: "canada-type-gibson", sans-serif!important;
font-weight: 600!important;
color: #000685!important;
}
.select2-results__option.select2-results__option--highlighted{
font-family: "canada-type-gibson", sans-serif!important;
font-weight: 600!important;
color: #000685!important;
}
.select2-results__option.select2-results__option--highlighted:hover{
font-family: "canada-type-gibson", sans-serif!important;
font-weight: 600!important;
color: #b800e6!important;
}
.tribe-events-calendar-series-archive__container{
display: none;
}
.tribe-venue-tel{
display: none;
}
.tribe-venue-tel-label{
display: none;
}
@media only screen and (max-width: 959px) {
.events-cards{
margin-top: -150px;
}
.tribe-events .tribe-events-header{
margin: 0 0 20px 0!important;
padding: 10px!important;
border-radius: 5px;
}
.tribe-common .tribe-common-h5{
color: #ffffff!important;
}
.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col{
position: relative;
}
h1.tribe-events-single-event-title{
font-size: 28px;
}
.toc-event-wrapper .container .sixteen.columns{
padding: 0;
}
#tribe-events-pg-template{
padding: 20px 0 0 0;
}
.toc-event-wrapper .tribe-events-single-section-title{
font-size: 22px!important;
}
.tribe-events-single>.tribe_events{
margin-bottom: 20px;
}
.tribe-events .tribe-events-calendar-month__body{
padding: 10px;
}
.tribe-events .tribe-events-calendar-month__header-column{
padding: 0;
}
.tribe-events-calendar-month__header-row{
padding: 10px 10px 0 10px!important;
}
.tribe-events button.tribe-events-c-top-bar__datepicker-button{
margin: 0 auto!important;
}
.tribe-events-c-top-bar__datepicker-mobile{
font-size: 15px!important;
}
}
.txt-white-washed {
color: #f6f8de !important;
}
.txt-lime-green {
color: #e4e88a !important;
}
.txt-dark-green {
color: #3b532e !important;
} .top-banner-2.economic-banner.great-outdoors-hero {
background-position-y: -82px !important;
}
.top-banner-2.great-outdoors-hero {
min-height: 780px;
}
.great-outdoors-title_2024 {
width: 100%;
} .great-outdoor-intro.sub-intro {
background: #3b532e url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images-v2/great-outdoors/Flowers.svg) no-repeat;
} .film-sub-text {
color: #fff !important;
text-align: center;
font-family: "Barlow", sans-serif !important;
font-size: 28px !important;
font-style: normal;
font-weight: 700 !important;
margin-top: 32px !important;
max-width: 48ch !important;
}
.outdoor-film .play-button:hover .play-button-1 {
fill: #3b532e;
}
.band.band-accessiblity-outdoors {
background: #3b532e;
padding-block: 14px;
}
.band.band-accessiblity-outdoors h3 {
margin-bottom: 0px !important;
line-height: 42px;
}
.cta-accessibility {
background: #e4e88a !important;
margin-top: 0px !important;
max-width: 100%;
}
.cta-accessibility.cta-button.cta-button-outdoors p {
color: #3b532e !important;
}
.accessibility-left {
padding-right: 32px;
}
.accessibility-wrap {
display: flex;
justify-content: center;
} .band.band-stockport-outdoors {
padding: 100px 0px 300px 0px;
background: #f6f8de;
position: relative;
}
.band-stockport-outdoors h3 {
color: #3b532e;
font-family: "soleil", sans-serif !important;
font-size: 30px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: 30px !important;
letter-spacing: 0px;
margin-bottom: 32px;
}
.band-stockport-outdoors p {
color: #3b532e !important;
font-family: "soleil", sans-serif !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 400 !important;
}
.stockport-outdoors-left {
padding-right: 78px;
}
.cta-button-outdoors {
background: #3b532e;
padding: 12px 15px;
}
.cta-button-outdoors:hover {
background: #e4e88a;
}
.cta-button-outdoors:hover p {
color: #3b532e !important;
}
.cta-button-outdoors p {
color: #e4e88a !important;
font-size: 22px !important;
font-family: "Barlow", sans-serif !important;
font-weight: 600 !important;
text-transform: initial !important;
}
.cta-button-outdoors.whats-on {
margin-top: 15px;
}
.discover-dec {
position: absolute;
width: 1300px !important;
bottom: 6%;
left: 0px;
}
@media only screen and (min-width: 2800px) {
.discover-dec {
bottom: -11%;
}
} .greatoutdoors-testimonials {
background: #e4e88a;
position: relative;
}
.greatoutdoors-testimonials-dec {
position: absolute;
width: 100%;
top: 3%;
} .outdoors-toolkit {
background: #3b532e !important;
}
.toolkit.outdoors-toolkit ul li {
background: url(//www.onestockport.co.uk/wp-content/themes/one-stockport/images-v2/great-outdoors/toolkit-os-icon.svg) no-repeat 0px
0px;
background-size: 20px;
}
.outdoors-toolkit .intro {
color: #ff828a !important;
}
.economic-2023.toolkit.outdoors-toolkit .download a.img .dl-icon-1 {
fill: #f6f8de;
stroke: #f6f8de;
} .outdoors-share {
background: #f6f8de !important;
}
.outdoors-share a.pink {
color: #ff828a !important;
border-bottom: 2px #ff828a solid;
}
.right-share-img-outdoor {
margin-top: -33px;
}
@media all and (max-width: 1300px) {
.top-banner-2.great-outdoors-hero {
min-height: 580px;
margin-top: 93px;
}
.stockport-outdoors-left {
padding-left: 32px;
}
.stockport-outdoors-right {
padding-right: 25px;
}
.discover-dec {
width: 886px !important;
bottom: 13%;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.top-banner-2.economic-banner.economic-banner-2023.great-outdoors-hero {
background-position-x: 43% !important;
min-height: 448px;
margin-top: 71px;
}
.cta-button-outdoors p {
font-size: 16px !important;
}
.discover-dec {
width: 686px !important;
}
.greatoutdoors-testimonials-dec {
top: 0%;
}
.band.band-accessiblity-outdoors h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.top-banner-2.great-outdoors-hero {
min-height: 580px;
margin-top: 50px;
background-position-x: 17% !important;
}
.outdoor-film .film-sub-text {
display: none;
}
.stockport-outdoors-left {
padding-right: 0px;
padding-left: 0px;
}
.discover-dec {
width: 353px !important;
bottom: 7%;
}
.outdoors-share a.pink {
border-bottom: 0px #ff828a solid;
}
.cta-button-outdoors p {
color: #e4e88a !important;
font-size: 16px !important;
font-family: "Barlow", sans-serif !important;
font-weight: 600 !important;
text-transform: initial !important;
}
.right-share-img-outdoor {
margin-top: 0px;
}
.accessibility-wrap {
display: flex;
justify-content: center;
flex-direction: column;
}
.band.band-accessiblity-outdoors h3 {
margin-bottom: 9px !important;
line-height: 31px;
text-align: center;
}
.accessibility-right {
margin: auto;
}
.accessibility-left {
padding-right: 0px;
}
}
@media only screen and (min-width: 2000px) {
.discover-dec {
width: 1700px !important;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.onestockport.co.uk/wp-content/themes/one-stockport/slick/ajax-loader.gif) center center no-repeat;
}  .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 60px;
height: 60px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-prev:before
{
content: '';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '';
}
[dir='rtl'] .slick-next:before
{
content: '';
} .slick-dots
{
position: absolute;
bottom: 50px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 60px;
line-height: 60px;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
content: '•';
text-align: center;
opacity: 1;
color: #A52C46;
}
.slick-dots li.slick-active button:before
{
color: #E1E17C;
}.dialog,
.dialog__overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.dialog {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
}
.dialog__overlay {
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-backface-visibility: hidden;
}
.dialog--open .dialog__overlay {
opacity: 1;
pointer-events: auto;
}
.dialog__content {
width: 80%;
max-width: 80%;
min-width: 290px;
padding: 0px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
} .dialog h2 {
margin: 0;
font-weight: 400;
font-size: 2em;
padding: 0 0 2em;
margin: 0;
}
.dialog__overlay {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog.dialog--open .dialog__content {
-webkit-animation-name: anim-open;
animation-name: anim-open;
-webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}
.dialog.dialog--close .dialog__content {
-webkit-animation-name: anim-close;
animation-name: anim-close;
}
@-webkit-keyframes anim-open {
0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}
@keyframes anim-open {
0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}
@keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}