a.page-title-action {
background: red!important;
}      h1, h2, h3, h4, label {
font-family: itc-avant-garde-gothic-pro, sans-serif;
}
p, li, body, button, input, textarea, #page #mc_embed_signup input.email, #mc_embed_signup, .shop_table {
font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.secondary-navigation a, .main-navigation a, .handheld-navigation a {
font-family: itc-avant-garde-gothic-pro, sans-serif;
}
.beta.site-title a {
font-family: itc-avant-garde-gothic-pro, sans-serif;
} a, a:hover {
color: #00a8b5; 
}
a.button:hover {
text-decoration: none!important;
}
span.pillarbox-red {
color: #D21B32;
}
i.mce-i-aligncenter,i.mce-i-alignjustify,i.mce-i-alignleft,i.mce-i-alignright,i.mce-i-backcolor,i.mce-i-blockquote,i.mce-i-bold,i.mce-i-bullist,i.mce-i-charmap,i.mce-i-dashicon,i.mce-i-dfw,i.mce-i-forecolor,i.mce-i-fullscreen,i.mce-i-help,i.mce-i-hr,i.mce-i-indent,i.mce-i-italic,i.mce-i-link,i.mce-i-ltr,i.mce-i-numlist,i.mce-i-outdent,i.mce-i-pastetext,i.mce-i-pasteword,i.mce-i-redo,i.mce-i-remove,i.mce-i-removeformat,i.mce-i-spellchecker,i.mce-i-strikethrough,i.mce-i-underline,i.mce-i-undo,i.mce-i-unlink,i.mce-i-wp-media-library,i.mce-i-wp_adv,i.mce-i-wp_code,i.mce-i-wp_fullscreen,i.mce-i-wp_help,i.mce-i-wp_more,i.mce-i-wp_page {
font: normal 20px/1 dashicons!important;
padding: 0;
vertical-align: top;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -2px;
padding-right: 2px
}  h1 {
color: #222;
font-weight: 100;
font-size: 40px;
line-height: 1.2em;
padding-top: 15px;
} h2 {
color: #00a8b5;
font-weight: 100;
font-size: 30px;
line-height: 1.2em;
}
h3 {
color: #00a8b5;
font-weight: 100;
font-size: 22px;
line-height: 1.2em;
}
h4 {
color: #595957;
font-weight: 100;
font-size: 18px;
line-height: 1.2em;
letter-spacing: 1px;
}
h5 {
color: #595957;
font-weight: 100;
font-size: 14px;
line-height: 1.8em;
letter-spacing: 1px;
}
span.uppercase {
font-weight: 700;
text-transform: uppercase;
color: #222;
}
h5 span.uppercase {
font-weight: 100;
}
p, li {
line-height: 1.4em;
color: #595957;
font-size: 18px;
}
ol, ul {
margin: 0 0 10px 29px;
padding: 0;
}
p {
margin-bottom: 18px;
}
h1.logo {
padding: 0;
}  .meta-info {
font-size: 20px;
}
#comments {
color: #222;
}
.fee-table-block-title {
font-size: 24px;
color: white;
font-weight: 900;
margin-bottom: 15px;
}
.fee-table-block p {
font-size: 12px;
color: white;
} .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
color: white;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px solid red;
margin-bottom: 10px;
padding-bottom: 7px;
} .widget-area .widget a:not(.button) {
font-weight: 100;
text-decoration: none;
font-size: 18px;
}
.widget .widget-title, .widget .widgettitle {
font-size: 23px;
letter-spacing: 0;
font-weight: 300;
} .header-text h1, .header-text h2, .header-text p, .header-text-inner h1, .header-text-inner h2, .header-text-inner p {
color: white; }
.header-text h1 {
font-size: 395%;
font-weight: 800;
margin-bottom: 25px;
}
.header-text h2 {
font-size: 30px;
}
.page-template-template-fullwidth-slider .header-text h1 {
font-size: 60px;
font-weight: 500;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) { .header-text h1 {
font-size: 250%;
}
.header-text h2 {
font-size: 21px;
}
} .home-blocks h4 {
font-size: 18px;
}  button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button, button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout, .woocommerce-page div#tab-reviews input {
border: 1px solid transparent;
color: white!important;
padding: 8px 20px 5px;
background-color: #000;
} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover, .woocommerce-page div#tab-reviews input#submit:hover {
-webkit-transition: .5s!important;
-o-transition: .5s!important;
transition: .5s!important;
border-color: #000!important;
background-color: transparent!important;
color: #000!important;
}
.handheld-navigation button {
border: 0px solid transparent;
} .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
background:transparent!important;
}
#payment .place-order .button {
font-size:16px;
display:block;
}
.wc-proceed-to-checkout .button.checkout-button {
line-height: 1;
padding: 20px;
width: auto!important;
margin: 0;
}
.wcppec-checkout-buttons__button {
padding-top:0;
} a.button.arrow:after {
content: "";
border-left: 1px solid #ccc;
content: "arrow_forward";
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 24px;
display: inline-block;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 5px;
margin-left: 15px;
border-left: 1px solid white;
padding-left: 10px;
transition: 0.5s;
}
a.button.arrow:hover:after {
border-left: 1px solid #C71585!important;
} .on-black h1, .on-black h2, .on-black h3, .on-black h4, .on-black p, .on-black li, .on-black a {
color: white;
}  .secondary-navigation ul.menu a, .main-navigation ul ul li, .secondary-navigation ul ul li {
color: #00a8b5;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
.handheld-navigation a {
font-size: 16px;
} #colophon p, #colophon a {
color: white;
margin-bottom:0;
}
.footer-inner {
text-align: center;
}
@media screen and (min-width: 768px) {  } .beta+h3, h2+h3 {
border-top: 0px solid rgba(0,0,0,.05);
padding-top: 0px;
}
blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
margin-top: 1em;
}
ul#menu-main-menu-1, ul#menu-main-menu {
font-size: 0px;
} @media screen and (max-width: 767px) { h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
}           .col-full {
max-width: 1140px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#masthead .col-full {
max-width: 1140px;
width: 100%;
padding: 0;
}
.below-footer .row {
max-width: 1140px;
margin: 0 auto;
} @media (min-width: 768px) { .right-sidebar .content-area {
width: calc( 75% - 30px );
float: left;
margin-right: 30px;
}
.right-sidebar .widget-area {
width: 25%;
float: right;
margin-right: 0;
} .post-type-archive-product .content-area, .page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area, .page-template-template-fullwidth-repeater-slider .content-area, .page-template-template-fullwidth-slider .content-area, .page-template-default .content-area, .search-results .content-area, .page-template-template-fullwidth-gallery .content-area, .page-template-template-fullwidth-absolute-slider .content-area, .single-jobvacancies .content-area, .page-template-template-codesnippets .content-area, .single-videos .content-area {
width: 100%;
margin-right: 0px;
}
.search-results div#primary {
min-height: 0px!important;
}
} .search-results div#secondary, .post-type-archive-product div#secondary, .single-jobvacancies div#secondary {
display: none;
} div#content {
padding-top: 0px;
}
.page-template-template-fullwidth-repeater-slider div#content, .page-template-template-fullwidth-slider div#content {
padding-top: 0px;
}
div#primary {
padding-top: 0px;
}
.page-template-template-homepage div#primary {
padding-top: 30px;
}
.page-template-template-fullwidth-repeater-slider div#primary, .page-template-template-fullwidth-slider div#primary {
padding-top: 0px;
} .hentry .entry-header {
margin-bottom: 0;
border: 0;
}
.hentry.type-post .entry-content {
width:100%; 
}
#primary, .hentry, .site-main  {
margin-bottom: 0px;
}
.vc_column-inner, .vc_row {
background-size: cover;
background-position: center;
}           #masthead {
background:white;
}
#masthead > .col-full {
background:transparent;
}
.entry-header {
color: blue;
}  .secondary-navigation {
background: white;
} .secondary-navigation ul ul, .secondary-navigation ul.menu ul {
background-color: white;
} .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a, .site-header ul.menu li.current-menu-item > a {
color: #5d2c4e;
text-decoration: none;
} .secondary-navigation ul li:hover ul.sub-menu li a {
color:#00a8b5;	
} .secondary-navigation ul li:hover ul.sub-menu li a:hover {
color:#00a8b5;	
}
@media (min-width: 768px) {  .primary-navigation ul ul li a, .secondary-navigation ul ul li a {
width: 225px;
} .secondary-navigation ul.menu a:hover {
color: #595959;
background: white;
} .secondary-navigation ul.sub-menu a:hover {
background: lightgrey;
}
.secondary-navigation .menu ul a {
background: white;
}
}  .primary-navigation ul li:hover ul.sub-menu li a {
color:rgba(0,0,0,0.8);	
} .primary-navigation ul li:hover ul.sub-menu li a:hover {
color:rgba(0,0,0,1);	
} .primary-navigation {
background: lightgray;
} .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
background-color: lightgray;
} .primary-navigation .menu-item a:hover {
background: orange;
}
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a {
background-color: pink;
} #site-header-cart {
background: #87CEFA;
}  .main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
color: #333333;
} .handheld-navigation ul.menu li button::after {
color: #333333!important;
} .handheld-navigation .current_page_item a {
background: #F2F2F2;
} button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
background-color: #333333;
}
.handheld-navigation {
border-top: 0px solid #eee;
}
.handheld-navigation  li.social-menu a {
display: inline-block!important;
float: left;
width: 20px;
}
button.dropdown-toggle:hover {
background: transparent!important;
}
button.menu-toggle, button.menu-toggle:hover {
background-color: transparent!important;
}
.handheld-navigation ul.menu > li.menu-item-has-children > a:after {
display: none;
}
.handheld-navigation ul li a {
padding-left: 20px;
border-bottom: 1px solid #eee;
}
.handheld-navigation ul li.social-menu a {
border-bottom: 0px solid #eee;
}
.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search,  button.menu-toggle:hover {
background-color: white;
}
button.menu-toggle {
background-color: transparent;
}
@media screen and (max-width: 767px) {  #masthead {
background:white;  
}
}
.handheld-navigation a {
background: white;
}  body {
background-color: white;
} #content > .col-full {
background: white;
}  #colophon {
background: #171717;
padding-bottom: 0px;
} #colophon > .col-full {
background: #171717;
padding: 0 20px;
} .below-footer {
background: #171717;
}            .primary-navigation, .storefront-primary-navigation ul#site-header-cart {
display: none;
}   header#masthead ul.sub-menu  {
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.175);
}
div#page {
position: relative;
}
#masthead {
margin-bottom: 0px;
padding-top: 0px;
z-index: 10;
}
#masthead .col-full {
padding-left: 0px;
padding-right: 0px;
}
.main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.nav-menu > li.menu-item-has-children > a:after, .main-navigation ul.nav-menu > li.page_item_has_children > a:after {
margin-left: .5em;
}
.main-navigation ul ul {
margin-left: 0;
}
.site-header {
border-bottom: 0px solid transparent;
}
@media screen and (min-width: 768px) { #masthead > .col-full {
padding:10px 20px 10px;
}
}  @media (min-width: 768px) { .site-header .site-branding img {
max-width: 100%;
width: 230px;
}
.storefront-secondary-navigation .site-header .site-branding {
width: 20%;
float: left;
margin-right: 20px;
margin-bottom: 0px;
}
.site-header .site-branding {
margin-right:2%;
width:20%;
transition: 0.5s;
}
} @media screen and (max-width: 767px) { .site-branding {
float: none!important;
text-align: center;
padding: 0 15px;
}
.site-branding {
width: 75%;
display: inline-block;
}
.site-header .custom-logo-link {
float:none;
}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
max-width: 200px!important;
width: 100%; }
}  .secondary-navigation {
top: 0px;
position: relative;
}
@media (min-width: 768px) { .secondary-navigation .menu {
width: 100%;
float: none;
text-align: right;
}
.main-navigation ul li, .secondary-navigation ul li {
margin-bottom: 0px;
}
.storefront-secondary-navigation .site-header .secondary-navigation {
width: calc( 80% - 20px );
float: right;
margin-right: 0;
margin-bottom: 0;
}
.secondary-navigation .menu a {
padding: 40px 0px 0px;
transition: 0.5s;
margin: 0 10px;
}
.secondary-navigation .sub-menu a {
padding: 40px 15px 0px;
transition: 0.5s;
margin: 0 0px;
}
}
ul#menu-main-menu {
margin-top: 0px;
}
.secondary-navigation ul.menu>li.menu-item-has-children>a::after, .secondary-navigation ul.menu>li.page_item_has_children>a::after, .secondary-navigation ul.nav-menu>li.menu-item-has-children>a::after, .secondary-navigation ul.nav-menu>li.page_item_has_children>a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
margin-left: 1em;
}
.secondary-navigation ul.menu ul li.menu-item-has-children>a::after, .secondary-navigation ul.menu ul li.page_item_has_children>a::after, .secondary-navigation ul.nav-menu ul li.menu-item-has-children>a::after, .secondary-navigation ul.nav-menu ul li.page_item_has_children>a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f105";
float: right;
line-height: 1.618;
} @media (min-width: 768px) { .main-navigation ul.menu>li.menu-item-has-children>a::after, .main-navigation ul.menu>li.page_item_has_children>a::after, .main-navigation ul.nav-menu>li.menu-item-has-children>a::after, .main-navigation ul.nav-menu>li.page_item_has_children>a::after {
font-size: 0.8em;
}
.secondary-navigation ul.menu>li.menu-item-has-children>a::after, .secondary-navigation ul.menu>li.page_item_has_children>a::after, .secondary-navigation ul.nav-menu>li.menu-item-has-children>a::after, .secondary-navigation ul.nav-menu>li.page_item_has_children>a::after {
font-size: 0.8em;
}
} @media screen and (min-width: 768px) { .woocommerce-active .site-header .site-search {
display: none;
}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
width: calc( 80% - 20px );
float: right;
margin-right: 0px;
}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
width: 20%;
float: left;
margin-right: 20px;
margin-bottom: 0px;
}
.site-header-cart .cart-contents {
padding: 24px 0 25px;
}
} .secondary-navigation .menu ul a {
padding: 7px 15px!important;
font-weight: 400;
font-size: 1em!important;
}
.secondary-navigation .menu ul ul {
margin-top: 0;
}  .primary-navigation ul.menu>li>a {
padding: 22px 15px;
}
@media (min-width: 768px) {  .primary-navigation {
padding-left: 30px;
}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
padding: 10px 20px;
font-weight: 400;
font-size: 1em;
}
}
#site-header-cart {
padding-left: 30px;
padding-right: 30px;
}
#menu-primary-menu .menu-item-has-children > a:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
content: "\f107";
margin-left: 8px;
}
#menu-primary-menu .sub-menu .menu-item-has-children > a:after {
content: "\f105";
} button.menu-toggle {
right: 45px;
top: 48px;  max-width: 30%; }
.handheld-navigation ul li a {
padding: 16px 30px 16px!important;
width: 100%!important;
}
.handheld-navigation ul.sub-menu li a {
padding-left: 45px!important;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
margin-bottom: 0px;
display: block;
width: 100%;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0em;
vertical-align: 0em;
content: "";
border-top: 0 solid;
border-right: 0 solid transparent;
border-bottom: 0;
border-left: 0 solid transparent;
}
button.dropdown-toggle {
padding: 15px 20px;
}
.handheld-navigation ul.menu li {
display: block;
width: 100%;
}
.handheld-navigation {
width: 100%;
}
.handheld-navigation ul ul {
position: inherit;
left: 0px;
}
@media screen and (max-width: 767px) { ul.sub-menu.toggled-on a {
padding-top: 18px;
padding-bottom: 18px;
}
li.menu-item {
margin-bottom: 0px;
}
.site-branding {
padding-bottom: 20px;
padding-top: 20px;
}
#masthead {
padding-top:0px;
padding-bottom: 0px;
}
.main-navigation ul ul li a {
padding-left: 40px;
}
.main-navigation ul.sub-menu ul.sub-menu li a {
padding-left: 60px;
}
} button.menu-toggle {
right: 0;
max-width: 100%;
margin: 0;
position: absolute;
border: 0;
}
button.menu-toggle span:before, button.menu-toggle:after, button.menu-toggle:before {
height: 3px;
width: 35px;    
}
button.menu-toggle:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
button.menu-toggle:after {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu {
-webkit-transition: all,ease,1.5s;
transition: all,ease,1.5s;
}   
.menu-toggle span {
visibility: hidden;
}
.menu-toggle span:before {
visibility: visible;
} @media screen and (min-width: 768px) and (max-width: 1000px) {  } .storefront-breadcrumb {
display: none;
}
.woocommerce-breadcrumb {
padding: 20px 0;
margin: 0;
}
.storefront-breadcrumb .col-full {
background: white;
}
@media (min-width: 768px) { .storefront-breadcrumb {
padding: 0px 0;
margin: 0px 0 0px;
}
}  @media screen and (max-width: 767px) { .social-menu {
float: none;
display: inline-block;
left: 0px;
margin: 10px 10px 10px 0;
top:0;
}
}
.secondary-navigation .social-menu:before {
font-size: 14px;
padding: 3px;
}
.secondary-navigation .social-menu {
min-width: 22px;
margin-right: 13px;
} @media screen and (min-width: 768px) { .woocommerce-active .site-header .site-header-cart, .woocommerce-active .site-header .site-search {
width: 20%;
}
.woocommerce-active .site-header .secondary-navigation {
width:56%;
margin-right:2%;
}
.woocommerce-active .site-header .main-navigation {
width: 78%;
margin-right:2%;
}    
} @media (min-width: 768px) { header#masthead {
position: absolute;
width: 100%;
top: 0;
}
.has-y-scroll header#masthead {
position: fixed;
}
body.admin-bar.has-y-scroll header#masthead {
top: 0px;
}
.has-y-scroll #masthead > .col-full {
padding: 0 20px;
}
.has-y-scroll.storefront-secondary-navigation .site-header .site-branding, .has-y-scroll img.custom-logo {
width: auto!important;
max-height: 35px!important;
top: 2px;
position: relative;
}
.has-y-scroll header#masthead {
background: white;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.has-y-scroll .secondary-navigation {
top: 0px;
}
.has-y-scroll .secondary-navigation .menu a {
padding: 10px 0px;
}
.has-y-scroll .primary-navigation ul.menu>li>a {
padding: 10px 15px;
}
.has-y-scroll .site-header-cart .cart-contents {
padding: 10px 0;
}
.has-y-scroll .secondary-navigation ul li ul.sub-menu {
top: 49px;
}
.has-y-scroll .primary-navigation ul li ul.sub-menu {
top: 48px;
}
.has-y-scroll .above-header-sidebar-relative {
display: none;
} }   .above-header-sidebar-relative {
position: relative;
z-index: 1;
background: white;
}
.above-header-sidebar-outer {
position: absolute;
width: 100%;
top: 0;
z-index: 6000;
}
.above-header-sidebar {
max-width: 1200px;
margin: 0 auto;
padding: 0px 20px;
}
.above-header-sidebar-inner {
float: right;
padding: 10px 20px;
background: white;
}
@media screen and (max-width: 767px) { .above-header-sidebar-outer {
position: initial;
}
.above-header-sidebar {
padding: 0px;
}
.above-header-sidebar-inner {
float: none;
}
} .above-header-sidebar-outer {
position: relative;
}
.above-header-sidebar-inner {
width: 100%;
float: none;
text-align: center;
} @media (min-width: 768px) { .primary-navigation  ul ul.sub-menu, .primary-navigation  ul ul.sub-menu ul.sub-menu, .secondary-navigation ul ul.sub-menu {
display: initial;
}
}
.primary-navigation  a, .secondary-navigation a {
-moz-transition:color 0.3s ease-out;
-webkit-transition:color 0.3s ease-out;
-o-transition:color 0.3s ease-out;
transition:color 0.3s ease-out;
}
.primary-navigation  ul li ul.sub-menu, .secondary-navigation ul li ul.sub-menu {
float:left;
list-style:none;
margin:0;
padding:0!important;
position:absolute;
left:0px;
top:71px;
opacity:0;
visibility:hidden; 
-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}
.secondary-navigation ul li ul.sub-menu { 
top:77px;
}
.primary-navigation ul li ul.sub-menu li, .secondary-navigation ul li ul.sub-menu li {
clear:both;
margin-top:-15px;
padding:0;
-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}
.primary-navigation ul li:hover ul.sub-menu, .secondary-navigation ul li:hover ul.sub-menu {
opacity:1;
visibility:visible;
}
.primary-navigation ul li:hover ul.sub-menu li, .secondary-navigation ul li:hover ul.sub-menu li {
margin-top:0;
opacity:1;
}
.primary-navigation ul li:hover ul.sub-menu li a, .secondary-navigation ul li:hover ul.sub-menu li a {	
-moz-transition:color 0.1s ease-out;
-webkit-transition:color 0.1s ease-out;
-o-transition:color 0.1s ease-out;
transition:color 0.1s ease-out;
}
.primary-navigation ul li:hover ul.sub-menu li a:hover, .secondary-navigation ul li:hover ul.sub-menu li a:hover {	
-moz-transition:color 0.3s ease-out;
-webkit-transition:color 0.3s ease-out;
-o-transition:color 0.3s ease-out;
transition:color 0.3s ease-out;
}
.primary-navigation ul li ul.sub-menu li ul.sub-menu, .secondary-navigation ul li ul.sub-menu li ul.sub-menu {
float:left;
list-style:none;
margin:0;
padding:0;
position:absolute;
left:61px;
top:0px;
opacity:0;
visibility:hidden;
-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}
.primary-navigation ul li ul.sub-menu li ul.sub-menu li, .secondary-navigation ul li ul.sub-menu li ul.sub-menu li {
clear:both;
opacity:1;
}
.primary-navigation ul li ul.sub-menu li:hover ul.sub-menu, .secondary-navigation ul li ul.sub-menu li:hover ul.sub-menu {
opacity:1;
left:200px;
visibility:visible;
} ul:not(.sub-menu) > li a { }           button.open-deskop-mobile-menu-button {
position: absolute;
right: 50px;
border: none;
background: transparent;
padding: 0;
}
span.material-icons {
font-size: 50px;
color: #FFD503;
}
.open-deskop-mobile-menu-modal {
padding: 0!important;
}
.deskop-mobile-menu-modal {
width: 100%!important;
max-width: 100%!important;
margin: 0!important;
height: 100vh!important;
}
.deskop-mobile-menu-modal-content {
max-width: 100%!important;
}
.deskop-mobile-menu-modal-content {
max-width: 100%!important;
height: 100%!important;
background: url(//www.connectcharity.co.uk/wp-content/uploads/2021/01/photodune-AjAM9gbp-modern-office-interior-xxl.jpg);
background-size: cover;
background-position: center;
}
.deskop-mobile-menu-modal-content {
position: relative!important;
overflow: hidden;
}
.deskop-mobile-menu-modal-content:after {
content: " ";
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
background: rgba(255, 255, 255, 0.2);
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
display: block!important;
position: absolute;
z-index: 13;
left: 0;
top: 0;
}
.deskop-mobile-menu-modal-content * {
z-index: 15;
position: relative;
}
.deskop-mobile-menu-modal-content .row {
max-width: 1200px;
margin: 0 auto;
}
.desktop-mobile-top-section {
top: 0;
position: absolute;
width: 100%;
z-index: 17;
}
ul.deskop-mobile-menu-ul {
list-style: none;
margin: 0;
text-align: center;
min-width: 1200px;
padding: 40px; 
}
.deskop-mobile-menu-social-side {
margin-top: 50px;
}
ul.deskop-mobile-menu-social-ul {
list-style: none;
margin: 0;
}
a.deskop-mobile-menu-item {
font-size: 6vw;
margin: 10px 0;
line-height: 7vw;
z-index: 50;
color: white;
text-shadow: 1px 1px 5px black;
font-weight: 900;
}
a.deskop-mobile-menu-item:hover {
text-decoration: none!important;
}
a.deskop-mobile-menu-item:before {
-ms-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
-webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
transition: transform .3s ease-out,border-color .3s ease-out;
position: absolute;
display: block;
bottom: 5px;
left: 10px;
width: calc( 100% - 20px );
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
border-top: 2px solid #FFD503;
content: '';
padding-bottom: inherit;
}
a.deskop-mobile-menu-item:before {
-ms-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
-webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
transition: transform .3s ease-out,border-color .3s ease-out;
position: absolute;
display: block;
bottom: -6px;
left: 10px;
width: calc( 100% - 20px );
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
border-top: 10px solid #FFD503;
content: '';
padding-bottom: inherit;
}
a.deskop-mobile-menu-item:hover:before, a.deskop-mobile-menu-item:active:before {
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
a.deskop-mobile-menu-item:before, a.deskop-mobile-menu-item{
border-color: #FFD503!important;
}
a.deskop-mobile-menu-item::before {
content: " ";
margin-left: 0em;
}
.social-title {
font-size: 20px;
color: white;
text-shadow: 1px 1px 5px black;
font-weight: 100;
}
a.deskop-mobile-menu-social-side-link {
font-size: 20px;
color: white;
text-shadow: 1px 1px 5px black;
font-weight: 100;
}
a.deskop-mobile-menu-logo-link img {
max-width: 150px;
margin: 40px auto 0;
}
.deskop-mobile-menu-close {
right: 50px!important;
top: 50px!important;
opacity: 0.6!important;
color: #FFD503!important;
font-size: 75px!important;
font-weight: 100!important;
}
.deskop-mobile-menu-close:hover {
opacity: 1!important;
color: #FFD503!important;
}
.deskop-mobile-menu-close.close:before, .deskop-mobile-menu-close.close:after {
content: none!important;
}
img.deskop-mobile-menu-item-image-left, img.deskop-mobile-menu-item-image-right {
max-width: 500px;
}
ul.deskop-mobile-menu-ul li {
position: initial;
}
img.deskop-mobile-menu-item-image-background {
max-width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -1;
}
img.deskop-mobile-menu-item-image-left {
position: absolute;
left: 0;
top: 0;
}
img.deskop-mobile-menu-item-image-right {
position: absolute;
right: 0;
bottom: 0;
}
li.deskop-mobile-menu-item-li img {
opacity: 0;
transition: 1.5s;
}
li.deskop-mobile-menu-item-li:hover img.deskop-mobile-menu-item-image-left, li.deskop-mobile-menu-item-li:hover img.deskop-mobile-menu-item-image-right  {
opacity: 1;
}
a.deskop-mobile-menu-item:hover + img.deskop-mobile-menu-item-image-background {
opacity: 1;
}          .footer-widgets {
padding: 20px 0 0;
border-bottom: 0;
}
@media screen and (max-width: 767px) { .footer-widgets {
padding: 20px 0 1px;
}
}
.widget {
margin: 0 0 0 0;
}
.site-footer {
padding-top: 0px;
}
.footer-widgets.row-1.col-1.fix, .footer-widgets.row-1.col-2.fix, .footer-widgets.row-1.col-3.fix, .footer-widgets.row-1.col-4.fix {
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 768px) { } #colophon .widget ul ul {
margin-left: 0em;
}
#colophon .widget_nav_menu ul li {
margin-bottom: 0px;
}
#colophon  .menu {
padding-bottom: 10px;
}
#colophon .menu a {
text-decoration: none;
margin-bottom: 5px;
line-height: 1.4em;
}
#colophon .menu li.social-menu {
display: inline-block;
width: 30px;
} .below-footer {
padding: 10px;
}
.below-footer .row {
max-width: 1140px;
margin: 0 auto;
}
.below-footer p {
margin-bottom: 0px!important;
font-size: 14px;
}
@media screen and (min-width: 768px) { .below-footer .widget {
width: 50%;
display: inline-block;
}
.below-footer .widget:last-of-type {
text-align: right;
}
} .cookie-notice-banner {
display: grid;
padding: 20px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #f5f5f5;
grid-template-columns: 1fr 340px;
z-index: 50;
}
.manage-cookies-body {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 20px;
}
.manage-cookies-panel.active {
display: block;
}
.manage-cookies-panel {
display: none;
}
.manage-cookies-wrapper {
display: none;
}
.manage-cookies-wrapper.active {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: grid;
align-content: center;
}
.manage-cookies-inner {
background: white;
padding: 20px;
width: 100%;
margin: 0 auto;
max-width: 700px;
-webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 1);
-o-box-shadow: 0 0px 40px rgba(0, 0, 0, 1);
box-shadow: 0 0px 40px rgba(0, 0, 0, 1);
}
.cookie-options-not-set .manage-cookies-tab {
display: none;
}
.cookie-options-set .cookie-notice-banner {
display: none;
}
.manage-cookies-tab {
position: fixed;
top: 50%;
right: -64px;
transform: rotate(-90deg);
z-index: 30;
}
.cookie-notice .nav-items {
padding-bottom: 20px;
}
.cookie-notice .nav-items a {
display: block;
}
.cookie-notice-banner p {
margin-bottom: 0;
}
.cookie-notice-banner-buttons {
align-content: center;
display: grid;
grid-template-columns: 190px 130px;
grid-gap: 20px;
}
button.manage-cookies.open-cookie-options {
background: transparent;
text-decoration: underline;
color: black!important;
}
.manage-cookies-body label {
font-size: 18px;
font-weight: 100;
margin-left: 5px;
margin-bottom: 15px;
}
.manage-cookies-panel {
margin-bottom: 25px;
}
.cookie-notice button.close-cookie-options {
color: black!important;
font-size: 40px;
background: none;
border: none;
position: absolute;
top: 0;
right: 10px;
}
.manage-cookies-inner {
position: relative;
}
@media only screen and (max-width: 767px) { .cookie-notice-banner-buttons {
align-content: center;
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.manage-cookies-footer {
display: grid;
grid-gap: 20px;
margin-bottom: 50px;
}
.manage-cookies-body {
display: block;
}
.manage-cookies-header h3 {
margin-top: 50px;
max-width: calc( 100% - 50px );
}
.manage-cookies-header {
display: block;
}
.cookie-notice-banner {
display: block;
}
.cookie-notice-banner-text {
margin-bottom: 40px;
}
.manage-cookies-inner {
position: relative;
max-height: 100vh;
overflow: auto;
}
.cookie-notice-banner-buttons {
min-width: 0px;
width: 100%;
}
}           @media screen and (max-width: 767px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
}
}
.container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
max-width: 100%!important;
}
.handheld-navigation .dropdown-toggle::after {
border-top: .0em solid!important;
border-bottom: 0!important;
} div#customer_details .col-1, div#customer_details .col-2, .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1, .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2, .u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.u-column1.col-1, .u-column2.col-2 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0px;
padding-right: 0px;
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -4px;
}
.stripe-card-group, div#stripe-exp-element, div#stripe-cvc-element {
width: 100%;
}           .flexslider {
margin: 0 0 0px!important;
background: #fff;
border: 0px solid #fff!important;
position: relative;
zoom: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
}
ul.slides li {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
ol.flex-control-nav.flex-control-paging {
display: none!important;
}
.flex-direction-nav a {
height: 40px!important;
padding-top: 10px;
}
.flex-direction-nav a
{
width:65px !important;
height:65px !important;
background:url(//www.connectcharity.co.uk/wp-content/themes/connectcharity/assets/images/slider-direction-thin-white.png) 
no-repeat 0 0 !important;
top:48% !important;
}
.flex-direction-nav .flex-next{background-position:100% 0 !important;right:0px !important;}
.flex-direction-nav .flex-prev{left:0px !important;}
.flexslider:hover .flex-next{opacity:0.8 !important;right:5px !important;}
.flexslider:hover .flex-prev{opacity:0.8 !important;left:5px !important;}
.flex-control-nav{bottom:10px !important;line-height:11px !important;}
.flex-control-paging li a{height:11px !important;width:11px !important;}
.flex-direction-nav a.flex-next:before, .flex-direction-nav a:before {
content: ' '!important;
}
a.flex-next, a.flex-prev {
font-size: 0;
}
@media screen and (max-width: 767px) { .flex-direction-nav a {
width: 30px !important;
height: 29px !important;
background-size: cover!important;
margin: -20px 15px 0!important;
}
} .header-slider {
position: relative;
}
.header-text {
top: 0px;
z-index: 9;
width: 100%;
left: 0px;
height: 100%;
display: grid;
}
ul.slides li, .header-text {
min-height: 300px!important;
}
.header-text-background {
background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,0));
width: 100%;
height: 100%;
}
.page-template-template-fullwidth-slider  .header-text-background {
background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,168,181,.4));
}
.header-text-max-width {
max-width: 1140px;
margin: 0 auto;
height: 100%;
display: grid;
align-items: normal;
align-items: center;
}
.page-template-template-fullwidth-slider .header-text-max-width {
align-items: end;
}
.page-template-template-fullwidth-slider .header-slider {
margin-bottom: 30px;
}
.page-template-template-fullwidth-slider {
}
.header-text-inner {
width: 100%;
display: block;
padding: 0px 20px;
bottom: 0;
}
.page-template-template-homepage .header-text-inner {
padding: 30px 20px;
}             .woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: blue;
} .site-content > .col-full > .woocommerce > .woocommerce-message:first-child, .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, .site-content > .col-full > .woocommerce > .woocommerce-error:first-child, ul.woocommerce-error, .woocommerce-info, .woocommerce-noreviews, p.no-comments {
margin: 0 0 20px;
background: black;
}
ul.woocommerce-error li {
color: white;
}  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
content: none;
}
.single-product ol.flex-control-nav.flex-control-thumbs {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
width: calc( 100% )!important;
float: left;
margin: 0px!important;
}
select {
padding: 10px 10px;
}
.single-product .flex-viewport img {
width: 100%;
}
@media (min-width: 768px) { .single-product div.product .woocommerce-product-gallery {
width: calc( 50% - 15px );
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.single-product div.product .summary {
width: calc( 50% - 15px );
float: right;
margin-right: 0;
margin-left: 15px;
}
}
@media (min-width: 768px) { .single-product .content-area {
width: 100%;
float: left;
margin-right: 0%;
} 
} .single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 15px;
}
.single-product div#secondary {
display: none;
}
.single-product table.variations td {
border-bottom: 0px solid #222!important;
}
h2.woocommerce-Reviews-title {
background: white;
margin-bottom: 0!important;
padding-bottom: 20px;
} div#stripe-card-element, div#stripe-exp-element, div#stripe-cvc-element  {
padding: 10px;
}
div#customer_details .form-row label {
width: 100%;
}
div#customer_details span.woocommerce-input-wrapper {
width: 100%;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
display: grid;
grid-template-columns: 30px 1fr;
}
.woocommerce-checkout .checkbox input {
width: 20px;
height: 20px;
position: relative;
top: 5px;
left: 4px;
margin-right: 13px;
}
input#wc-stripe-new-payment-method {
width: 20px!important;
height: 20px;
top: 2px;
position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
position: absolute;
top: 0px;
right: 6px;
width: 20px;
}
#payment .place-order {
padding: 0px;
margin-top: 0px;
} span.select2-selection.select2-selection--single {
width: calc( 100% + 1px )!important;
}
h3#ship-to-different-address {
font-size: 18px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
width: 100%;
}
.select2-container .select2-selection--single {
height: 40px;
}
span.select2-selection.select2-selection--single {
padding: 6px;
}
.woocommerce th, .woocommerce tr, .woocommerce td, td.product-remove {
border-bottom: 1px solid lightgrey!important;
} 
.woocommerce-page input, .woocommerce textarea {
border: 1px solid #d9d9d9;
border-radius: 4PX;
padding: 8px 15px;
margin: 0px 0;
background: white;
box-shadow: none;
}
input.qty {
font-size: 18px;
}
.order-total span.woocommerce-Price-amount.amount {
font-size: 1.6em;
}
@media (min-width: 768px) { #ship-to-different-address .woocommerce-form__input-checkbox {
width: 20px;
left: 0;
margin-right: 9px;
position: relative;
top: 5px;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper  {
padding: 5px;
}
}
@media (max-width: 767px) { .woocommerce-shipping-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
margin-left: -4px;
}
div#order_review {
margin-left: -5px;
margin-right: -5px;
}
}
table.shop_table.woocommerce-checkout-review-order-table {
color: black;
}
@media screen and (max-width: 767px) { .shipping td[data-title]::before {
width: 100%!important;
text-align: left;
margin-bottom: 10px;
}
ul#shipping_method li {
text-align: left;
}
p.woocommerce-shipping-destination {
text-align: left;
}
}
.woocommerce-page.woocommerce-edit-address span.woocommerce-input-wrapper {
width: 100%;
} @media only screen and (min-width: 768px) { .woocommerce-checkout #main {
background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#f0f4f5));
background: linear-gradient(90deg,#fff 50%,#f0f4f5 50%);
background: -moz-linear-gradient(left,#fff 50%,#f0f4f5 50%);
padding-top: 20px;
}
.woocommerce-checkout.woocommerce-order-received #main {
background: -webkit-gradient(linear,left top,right top,color-stop(45%,#fff),color-stop(45%,#f0f4f5));
background: linear-gradient(90deg,#fff 45%,#f0f4f5 45%);
background: -moz-linear-gradient(left,#fff 45%,#f0f4f5 45%);
padding-top: 20px;
}
.woocommerce-checkout .woocommerce {
margin: 0 20px;
}
.woocommerce-checkout div#content {
padding-top: 0px;
}
th, tr, td, #payment .payment_methods > li .payment_box, #payment .place-order, #order_review, #payment .payment_methods > li:not(.woocommerce-notice) {
background: transparent!important;
}
}
.woocommerce-checkout header.entry-header {
display: none;
}  ul#shipping_method label {
display: inline-block;
width: calc( 100% - 41px );
margin-left: 10px!important;
padding-left: 0px;
}
ul#shipping_method input {
float: left;
margin-top: 6px!important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: block;
width: 100%;
}
table.shop_table.woocommerce-checkout-review-order-table {
margin-bottom: 0px!important;
}
nav.storefront-product-pagination {
display: none;
}
.wc-proceed-to-checkout .button.checkout-button {
text-decoration: none;
}
a.woocommerce-product-gallery__trigger:hover, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover  {
text-decoration: none;
}
@media screen and (max-width: 767px) { .storefront-handheld-footer-bar {
display: none;
}
table.cart td.product-remove a.remove {
position: relative;
top: 0;
left: 0;
}
} .star-rating span:before, .quantity .plus, .quantity .minus, p.stars a:hover:after, p.stars a:after, .star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
color:#e04145;  
}
table.cart td.product-quantity .qty {
margin: 0;
}
.shop_table {
border-top: 1px solid #222;
}
.cart-collaterals h2 {
margin-bottom: 20px;
font-weight: normal;
}
table.cart td.actions, .woocommerce-checkout-review-order-table {
border-top:0!important;
}
.wc-proceed-to-checkout .button.checkout-button, #payment .place-order .button {
font-size: 1em;
}
.woocommerce-page pre {
white-space: inherit;
font-family: inherit;
background:none;
}
table.cart td, table.cart th {
padding: 15px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
table.woocommerce-checkout-review-order-table .product-name {
width:auto; 
}
.storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
text-align: center;
padding: 0 0 40px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
border-left: 0;
padding: 1em;
} h2.woocommerce-loop-product__title {
margin-top: 15px;
}
p.woocommerce-result-count {
top: 6px;
}
.storefront-sorting {
margin-bottom: 20px;
}
.post-type-archive-product ul.products.columns-3, section.related.products ul.products.columns-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-bottom: 20px;
}
.post-type-archive-product li.product.type-product, section.related.products li.product.type-product{
width: 100%!important;
margin: 0!important;
}
.post-type-archive-product img.attachment-woocommerce_thumbnail, section.related.products img.attachment-woocommerce_thumbnail{
margin: 0 auto!important;
}
.post-type-archive-product ul.products::before, .post-type-archive-product  ul.products::after, section.related.products ul.products::before, section.related.products  ul.products::after {
content: none!important;
}
@media screen and (max-width: 767px) { .post-type-archive-product ul.products.columns-3, section.related.products ul.products.columns-3 {
grid-template-columns: 1fr 1fr;
}
}             .author-details {
padding-bottom: 10px;
}
.meta-info {
padding-bottom: 15px;
}
.date-in-feed, .pipe-in-feed, .cat-in-feed, .no-of-comments {
display: inline-block;
}
.pipe-in-feed {
padding-left: 10px;
padding-right: 10px;
} .single-post h1.item-title {
padding-top: 20px;
}
.single-post header.entry-header {
display: none;
}
.single-post img.attachment-.size-.wp-post-image {
display: none;
} .post-image-background {
min-height: 400px;
background-position: center!important;
background-size: cover!important; position: relative;
}
.single-feed-item-text a:hover {
text-decoration: none;
}
h2.item-title {
display: block;
}
.single-feed-item {
padding-bottom: 20px;
} #comments {
padding-top: 0px;
background: #E8E8EE;
margin-bottom: 40px;
} .widget .widget-title, .widget .widgettitle {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 0 10px;
margin-bottom: 15px;
}
.widget_recent_entries ul li::before, .widget_pages ul li::before, .widget_categories ul li::before, .widget_archive ul li::before, .widget_recent_comments ul li::before, .widget_nav_menu ul li::before, .widget_links ul li::before, .widget_product_categories ul li::before, .widget_layered_nav ul li::before, .widget_layered_nav_filters ul li::before {
content: none;
}
.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
padding-left: 0px;
}
.widget-area .widget {
list-style: none;
}
.widget-area .widget a:not(.button) {
text-decoration: none;
}
.widget_categories ul li.current-cat::before {
content: none;
}
.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
list-style: none;
margin-bottom: 15px;
line-height: 1.3em;
} .author-image {
max-width: 50px;
}
.author-name h2 {
padding-top: 12px;
padding-left: 15px;
}
.author-image, .author-name {
display: inline-block;
float: left;
}
p.author-bio {
display: none;
}           .wpcf7 label {
width: 100%;
}
span.wpcf7-form-control-wrap {
margin-right: 10px;
}
.wpcf7 input[type="checkbox"] {
width: 20px;
}
.wpcf7-form input {
width: 100%;
}
.wpcf7-textarea {
height: 140px;
}
.wpcf7 input[type="radio"] {
display: inline-block;
width: 35px;
}
span.wpcf7-list-item-label {
display: inline-block;
width: calc(100% - 35px);
}
span.wpcf7-list-item {
display: block;
}
.wpcf7-form-control-wrap {
padding-bottom: 20px;
}
.wpcf7-form input {
width: 100%;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
width: 16px;
margin-right: 18px;
margin-bottom: 12px;
font-size: 39px;
height: 16px;
top: 2px;
position: relative;
}
.wpcf7-select {
width: 100%;
}
.wpcf7 form {
margin-bottom: 0em;
}
div.wpcf7-response-output {
margin: 0px 0px 10px;
padding: 0.2em 1em;
}
.wpcf7 .row {
margin-right: -10px;
margin-left: -10px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0em 5px 0em;
padding: 5px 10px;
}          @media (min-width: 768px) { .page-template-template-conversionpage .content-area {
width: 100%;
float: left;
margin-right: 0%;
}
.converstion-form {
margin-top: 20px;
}
.page-template-template-conversionpage main#main .col-8 {
padding-top: 220px;
padding-right: 80px;
}
}
.converstion-form input[type='text'], .converstion-form input[type='number'], .converstion-form input[type='email'], .converstion-form input[type='tel'], .converstion-form input[type='url'], .converstion-form input[type='password'], .converstion-form input[type='search'], .converstion-form textarea, .converstion-form .input-text {
background-color: white;
}
.converstion-form .wpcf7 {
background: #E1DCD7;
padding: 18px 20px 5px;
}
.header-image-inner {
position: absolute;
width: 100%;
height: 200px;
left: -20px;
padding-top: 20px;
background-position: center;
background-size: cover;
}
.header-image {
max-width: calc( 100% + 40px );
width: 1220px;
margin: 0 auto;
position: relative;
left: -20;
}
.converstion-form p {
margin-bottom: 0px!important;
}
.converstion-form form {
margin-bottom: 0em;
}
.converstion-form .wpcf7-form input {
margin-bottom: 10px;
}
.converstion-form  textarea.wpcf7-form-control.wpcf7-textarea {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) { .page-template-template-conversionpage .header-image-inner {
position: relative;
width: 100%;
height: 200px;
left: -20px;
padding-top: 0px;
background-position: center;
background-size: cover;
display: block;
}
.page-template-template-conversionpage div#content {
padding-top: 0px;
}
.page-template-template-conversionpage main#main .col-8 {
padding-top: 20px;
}
}           table th, table tbody td {
background:white;   
}
th, tr, td {
background: #fff;
border-right: none;
border-bottom: 1px solid #222;
vertical-align: middle;
} .added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, :focus, a:focus {
outline:none;
} img {
border-radius: 0px;
} .hentry.type-post .entry-meta {
display: none;
}
.page-template-template-homepage header.entry-header {
display: none;
}
.site-info {
display: none;
} .edit-link {
display: none;
} .vc_tta-panel-title {
background: red;
}
.vc_active .vc_tta-panel-title {
background: blue;
}
.vc_tta-panel-title a {
color: white!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
border-color: white!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: white!important;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-heading {
border-width: 0px;
}
.vc_tta-panel {
margin-bottom: 10px;
} .widget_search form.search-form label {
width: 100%;
}
form.search-form label {
width: calc( 100% - 95px );
}
input.search-field {
width: 100%
} div#primary a[href$=".pdf"] { 
padding-left: 0px;
}
div#primary a[href$=".pdf"]:before { 
padding-right: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f1c1";
}
div#primary a[href$=".docx"] { 
padding-left: 0px;
}
div#primary a[href$=".docx"]:before { 
padding-right: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f1c2";
}
div#primary a[href$=".pptx"] { 
padding-left: 0px;
}
div#primary a[href$=".pptx"]:before { 
padding-right: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f1c4";
}
div#primary a[href$=".xlsx"]:before { 
padding-right: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f1c3";
} .type1, .type2 { 
transition: 1.5s;
}
.type1.fire:not(.hold-fire) {
color: red!important;
}
.type2.fire {
color: blue!important;
}
#content > .col-full, body { 
transition: 1.5s;
}
.theme-storefront.bg-grey-fire:not(.bg-grey-hold-fire) #content > .col-full, 
body.theme-storefront.bg-grey-fire:not(.bg-grey-hold-fire) {
background-color: #AFB8B3!important;
} .home-blocks {
background: grey;
}
.home-blocks:hover {
background: green;
}
.home-blocks h4 {
padding: 10px;
min-height: 62px;
color: white;   
}
a.home-link {
text-decoration: none!important; 
} #mc_embed_signup .mc-field-group {
width: 100%!important;
}
div#mc_embed_signup input#mce-EMAIL {
width: 100%;
}
div#mc_embed_signup label {
margin-bottom: 0px!important;
}
div#mc_embed_signup .mc-field-group.size1of2 {
width: 100%!important;
}
#mc_embed_signup input {
border: 1px solid #ABB0B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 0px;
}
#mc_embed_signup .mc-field-group input {
border-radius: 0px!important;
}
#mc_embed_signup input.button {
width: auto!important;
height: auto!important;
}
#mc_embed_signup input.button {
padding: 5px 20px!important;
display: block;
margin: 0 0 10px 0;
border-radius: 0px;
background: red;
border: 1px solid red;
color: white;
}
#mc_embed_signup input.button:hover {
background: transparent;
border: 1px solid red;
color: red;
}
#mc_embed_signup form {
text-align: left!important;
padding: 10px 0 10px 0;
}
main#main div#mc_embed_signup input#mce-EMAIL {
width: calc( 100% - 108px);
}
#mc_embed_signup input.email {
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
height: 44px!important;
padding: 0px 10px;
} .inline-mailchimp form#mc-embedded-subscribe-form {
padding: 0!important;
}
.inline-mailchimp  {
background: transparent!important;
}
.inline-mailchimp input#mce-EMAIL {
width: calc( 100% - 100px )!important;
display: inline-block!important;
margin: 0!important;
}
.inline-mailchimp  input#mc-embedded-subscribe {
width: calc( 100px )!important;
display: inline-block!important;
}
.inline-mailchimp div#mc_embed_signup_scroll {
font-size: 0!important;
margin: 0!important;
}
div#mc_embed_signup {
background: transparent!important;
} .mailchimp-inline-two-row {
padding-top: 15px;
padding-bottom: 15px;
background: #4C71A0;
}
.mailchimp-inline-two-left {
display: grid;
grid-template-columns: 90px 1fr;
grid-gap: 20px;
}
.mailchimp-inline-two-title {
margin-bottom: 10px;
color: white;
font-size: 24px;
font-weight: 300;
}
.mailchimp-inline-two-text {
margin-bottom: 0px;
color: white;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
}
.mailchimp-inline-two-row form#mc-embedded-subscribe-form {
margin-bottom: 0;
}
.mailchimp-inline-two-row #mc_embed_signup input.button {
margin: 0 0 0px 0;
}
.mailchimp-inline-two-row input#mce-EMAIL {
padding: 25px!important;
border: none!important;
background: white!important;
}
.mailchimp-inline-two-row #mc_embed_signup input.button {
padding: 8px 20px!important;
border: 1px solid white;
background: #4c71a0;
margin: 0!important;
}
.mailchimp-inline-two-row footer#colophon .button:hover {
border: 1px solid white!important;
}
.mailchimp-inline-two-row #mc_embed_signup input.button:hover {
border: 1px solid white!important;
} #scroll {
position: fixed;
right: 15px;
bottom: 15px;
cursor: pointer;
width: 75px;
height: 75px;
background-color: #333;
text-indent: 0;
display: none;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
text-align: center;
color:white;
padding-top:10px;
}
#scroll p {
font-size: 12px;
max-width: 35px;
margin: 0 auto;
color: white;
}
#scroll:hover {
background-color:#bbb;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
} .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
padding-top: 0em;
}
a:focus, button:focus, input:focus, textarea:focus {
outline: 0px solid #96588a;
} @media screen and (min-width: 768px) {  } a#vc_load-inline-editor, a.button.storefront-hero__button-edit {
display: none;
} .service-block-background {
padding-top: 50%;
background-position: center!important;
background-size: cover!important;
outline: 1px solid #595957;
}
.service-block-text {
background: transparent;
padding: 18px 0px 3px;
transition: 0.5s;
color: #595957;
}
.service-block a:hover .service-block-text {
background: transparent;
}
.service-block a:hover, .service-block a {
text-decoration: none!important;
color: #5d2c4e;
}
.service-block {
margin-bottom: 35px
}
.service-block-title {
font-size: 28px;
color: #5d2c4e;
}
.read-more {
margin-bottom: 0!important;
color: #5d2c4e;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}   .regular-irregular > .wpb_column > .vc_column-inner {
padding: 40px 30px 10px 30px!important;
z-index: auto!important;
}
.regular-irregular .vc_col-sm-6 .wpb_content_element { width: 540px;
max-width: 100%;
}
.regular-irregular .vc_col-sm-6:first-of-type .wpb_content_element { width: 540px;
max-width: 100%;
}
.vc_column-inner {
background-position: center;
background-size: cover;
}
.regular-irregular .vc_col-has-fill {
min-height: 300px;
} .modal {
display: none;
position: fixed;
z-index: 100;
padding: 0px 62px 0px 62px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
padding: 0 0 0 0;
width: 100%;
max-width: 1200px;
}
.slide {
display: none;
}
.image-slide {
width: 100%;
}
.modal-preview {
width: 100%;
}
.dots {
display: flex;
flex-direction: row;
justify-content: space-between;
}
img.preview, img.modal-preview {
opacity: 0.6;
}
img.active,
.preview:hover,
.modal-preview:hover {
opacity: 1;
}
img.hover-shadow {
transition: 0.3s;
} .close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}
div#Lightbox {
z-index: 1000;
}
.thumbnail {
max-width: 40%;
} .lightbox { display: none; position: fixed;
z-index: 999;
width: 100%;
height: 100%;
text-align: center;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
} .lightbox:target { outline: none; display: block;
}
.lightbox-content {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
margin: 45px auto 0px;
display: block;
width: 100%;
max-width: 600px;
}
.close {
position: absolute;
right: 0px;
top: -50px;
width: 32px;
height: 32px;
opacity: 0.3;
}
.close:hover {
opacity: 1;
}
.close:before, .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: white;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.lightbox-content-inner {
background: white;
padding: 50px 50px 15px;
}
a.lightbox {
text-decoration: none;
}
@media screen and (max-width: 767px) { .modal {
padding: 10px 20px 0px 20px;
}
.lightbox-content-inner {
padding: 40px 20px 15px;
}
} .openingbox {
display:flex;
flex-flow: column;
}   .single-products .panel {
padding: 0 0px;
display: none;
background-color: transparent;
overflow: hidden;
}
.single-products .accordion {
color: #444;
cursor: pointer;
padding: 10px 0px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
background-color: transparent;
}
arrow {
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
}
button.accordion.active .down {
transform: rotate(-135deg) 2s;
-webkit-transform: rotate(-135deg);
}
.down {
transform: rotate(45deg) 2s;
-webkit-transform: rotate(45deg);
transition: all 0.8s;
}
arrow.down {
position: relative;
margin: 0px 10px;
top: -3px;
}
button.accordion.active arrow.down {
position: relative;
top: 4px;
} .fadebackground {
position: relative!important;
overflow: hidden;
}
.fadebackground:after {
content: " ";
background: red;
background: rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
width: 100%;
height: 100%;
display: block!important;
position: absolute;
z-index: 3;
left: 0;
top: 0;
}
.fadebackground .vc_column-inner {
z-index: 5;
position: relative;
} .circle h2 {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
max-width: 200px;
margin: 0 auto;
font-size: 32px;
line-height: 44px;
}
.circle-outer {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px!important;
}
.circle-upper {
margin-top: 100%; 
}
.circle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 4px solid red;
border-radius: 50%;
text-align: center;
background: radial-gradient(#BEDA24 , #466D2E);
border: 4px solid #6B8F2B;
}
.circle:hover {
background: transparent;
} .circle-card-outer {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px!important;
}
.circle-card-upper {
margin-top: 100%; 
}
.circle-card {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
text-align: center;
}
.circle-card-text {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
.circle-card-title {
color: white;
font-size: 30px;
margin-bottom: -5px;
}
.circle-card-desc {
color: white;
font-size: 20px;
} .parralax {
position: relative!important;
background-attachment: fixed!important;
background-position: left!important;
background-repeat: no-repeat!important;
background-size: cover!important;
transform: translateZ(-0.1px) scale(1.2)!important;
} .site {
overflow-x: initial;
}
.sticky-container{ max-width:600px; margin:0 auto; border:solid 10px green; padding:10px; margin-top:40px;}
.sticky-container *{padding:10px;background:#aaa; border:dashed 5px #000;}
.sticky-container * + *{margin-top:20px;}
.sticky-header{
height:50px; background:#aaa; border-color:red;
}
.sticky-header{position:-webkit-sticky; position:sticky; top:0;}
.sidebar-internal-wrap {position:-webkit-sticky; position:sticky; top:80px;}
.sticky-content .wpb_wrapper  {position:-webkit-sticky; position:sticky; top:30px;} .vimeo-background-outer, .vimeo-background-overlay, .vimeo-text-background, .vimeo-text-positioning {
min-height: 400px;
position: relative;
}
.vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vimeo-background-overlay {
z-index: 1;
}
.vimeo-text-background {
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
width: 100%;
height: 100%;
}
.vimeo-text-positioning {
display: grid;
align-items: normal;
align-items: center;
align-items: end;
}
.vimeo-text-inner {
max-width: 800px;
padding: 20px;
}
.vimeo-text-inner  h1, .vimeo-text-inner  h2, .vimeo-text-inner h3, .vimeo-text-inner h4, .vimeo-text-inner p, .vimeo-text-inner  li {
color: white!important;
}   .header-message-wrapper {
padding: 20px;
background: #F7C808;
text-align: center;
}
.header-message-wrapper .header-wrapper-content {
font-size: 20px;
font-weight: 700;
color: black;
max-width: 1000px;
margin: 0 auto;
width: 100%;
} @media screen and (min-width: 768px) { .two-col-text {
-webkit-column-count: 2!important;
-moz-column-count: 2!important;
column-count: 2!important;
-webkit-column-gap: 30px!important;
-moz-column-gap: 30px!important;
column-gap: 30px!important;
}
} div#share-buttons a {
background: #656564;
margin-right: 7px;
padding: 9px;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
color: white;
margin-bottom: 10px;
transition: 0.5s;
}
div#share-buttons a.whatsapp-share.share-button {
background: #11B518;
}
div#share-buttons a.pinterest-share.share-button {
background: #E00019;
}
div#share-buttons a.twitter-share.share-button {
background: #1DA1F2;
}
div#share-buttons a.linkedin-share.share-button {
background: #0077B5;
}
div#share-buttons a.facebook-share.share-button {
background: #4267B2;
}
div#share-buttons a:hover {
background: black!important;
}   .gallery--pinterest .image-link {
margin-bottom: 10px;
}
.gallery--pinterest .image-link img {
min-width: 100%;
}
.grid-sizer,
.image-link {
width: 100%;
}
@media screen and (min-width: 767px) {
.grid-sizer,
.image-link {
width: calc(33.3333% - 7px);
}
} .gallery-lightbox {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.gallery-lightbox  .thumbnail {
max-width: 100%;
width: 100%;
}
.gallery-lightbox::before, .gallery-lightbox::after {
display: none;
}
.square-grid-thumbs {
background-size: cover;
background-position: center;
padding-top: 100%;
}
.square-style-grid a.image-link {
width: 100%;
}
.pinterest-style .gallery-lightbox {
transition: all .5s ease-in-out;
display: block; column-count: 3;
padding-bottom: 10px;
}
@media screen and (max-width: 767px) { .pinterest-style .gallery-lightbox {
column-count: 1;
}
}
.pinterest-style .gallery-lightbox img {
margin-bottom: 20px;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
width: 65px !important;
height: 65px !important;
background: url(//www.connectcharity.co.uk/wp-content/themes/connectcharity/assets/images/slider-direction-thin-white.png) no-repeat 0 0 !important;
top: 48% !important;
position: absolute;
}
button.slick-next.slick-arrow {
background-position: 100% 0 !important;
right: 0px !important;
}
button.slick-prev.slick-arrow {
background-position: 100% 0 !important;
left: 0px !important;
background-position: left!important;
z-index: 5;
}
button.slick-arrow {
color: transparent!important;
border: none!important;
}
.slick-lightbox-close {
position: absolute;
top: 10px!important;
right: 55px!important;
display: block;
height: 32px!important;
width: 32px!important;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent!important;
color: transparent!important;
padding: 0;
border: none;
}
.slick-prev:before, .slick-next:before {
opacity: 0!important;
}
.slick-lightbox-close:before {
font-size: 55px!important;
font-weight: 100!important;
opacity: 0.55!important;
}
.slick-lightbox-close:hover:before {
opacity: 1!important;
} .call-to-action-inline h2, .call-to-action-inline p {
margin-bottom: 0px!important;
}
.cta-desc {
margin-left: 15px;
}
.call-to-action-inline {
background: #F7F7F7;
padding: 9px 0px;
}
.call-to-action-inline .svg-inline--fa {
vertical-align: -0.25em;
}
.call-to-action-inline .button svg {
position: relative;
left: 0px;
transition: 0.5s;
}
.call-to-action-inline .button:hover svg {
left: 5px;
}
@media screen and (min-width: 768px) { a.btn-lg.button {
float: right;
margin-right: 12px;
}
}
@media screen and (max-width: 767px) { .cta-btn {
margin: 5px 14px 0px;
}
.call-to-action-inline {
padding: 15px 0px;
}
} h2.line-background {
position: relative;
z-index: 1;
text-align: center;
margin-top: 15px;
}
h2.line-background:before {
border-top: 2px solid #dfdfdf;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
h2.line-background span {
background: white;
padding: 0 9px;
}
h2.double:before {
border-top: none;
}
h2.double:after {
border-bottom: 5px dotted #9aa2a7;
content: "";
margin: 0 auto;
position: absolute;
top: 45%;
left: 0;
right: 0;
width: 100%;
z-index: -1;
} .middle-menu {
background: #f5f5f5;
}
.middle-menu .menu {
padding: 0!important;
margin: 0!important;
text-align: center;
font-size: 0!important;
}
.middle-menu .menu-item {
list-style: none;
display: inline-block;
font-size: 0px;
}
.middle-menu .menu-item a {
padding: 20px 30px;
text-align: center;
color: #46545e;
font-size: 16px;
display: inline-block;
transition: 0.5s;
}
.middle-menu .menu-item a:hover, .middle-menu .current_page_item a {
text-decoration: none;
background: #ee8b26;
color: white!important;
}
p.middle-menu-dropdown-mobile-text {
padding: 10px;
margin-bottom: 0;
position: relative;
}
p.middle-menu-dropdown-mobile-text:before {
content: "menu";
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 24px;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
top: 6px;
margin-right: 7px;
margin-left: 3px;
}
@media screen and (min-width: 768px) { p.middle-menu-dropdown-mobile-text {
display: none;
}
}
@media screen and (max-width: 767px) { .middle-menu .menu {
display: none;
animation: fadeIn .5s;
margin-top: 0;
}
.middle-menu p:hover .menu {
display: block;
}
.middle-menu .menu.block {
display: block;
}
.middle-menu .menu-item {
display: block;
text-align: left;
}
.middle-menu .menu-item a {
padding: 20px 20px;
text-align: left;
display: block;
width: 100%;
}
} .info-banner {
background: #d3e9b6;
padding: 20px;
margin-bottom: 20px;
border-radius: 0px;
border: 1px solid #8DC540;
position: relative;
color: black;
}
.info-banner p, .woocommerce-form-coupon-toggle  a {
margin-bottom: 0px!important;
color: white!important;
}
.info-banner .info-icon {
display: inline-block;
font-family: 'FontAwesome';
font-size: 1em;
font-weight: 400;
line-height: 100%;
width: 1.758em;
bottom: -.18em;
color: white;
content: '\F05A';
font-size: 3.5em;
position: absolute;
right: -.18em;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
width: auto;
zoom: 1;
} .process-block-background {
padding-top: 50%;
background-position: center!important;
background-size: cover!important;
}
.process-block-text {
background: #FAFAFA;
padding: 18px 20px 3px;
}
.service-block, .process-block  {
margin-bottom: 35px
}
.process-row {
margin: 0px 0px;
}
h3.processno {
font-size: 70px;
min-width: 60px;
margin-bottom: 0px;
}
h1.processtitle:after {
content: none;
}
h1.processtitle {
margin-bottom: 0px;
}
h2.processsubtitle {
margin-left: 1px;
}
p.process-desc {
border-top: 1px solid black;
padding-top: 15px;
}
.processnocol {
padding-left: 0px;
} .change-on-hover-image {
background-size: cover!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
.change-on-hover-image img {
transition: 0.5s;
}
.change-on-hover-image:hover img {
opacity: 0;
} .page #carousel-anything-1 .owl-prev, .page #carousel-anything-1 .owl-next {
width: 40px !important;
font-size: 0!important;
opacity: 0.8;
}
.page #carousel-anything-1 .owl-prev::before, .page #carousel-anything-1 .owl-next::before {
color: transparent !important;
font-size: 00px !important;
}
.owl-next, .owl-prev {
padding-top: 10px;
width:65px !important;
height:65px !important;
background:url(//www.connectcharity.co.uk/wp-content/themes/connectcharity/assets/images/slider-direction-thin-white.png) 
no-repeat 0 0 !important;
font-size: 0;
}
.owl-next{background-position:100% 100% !important;}
.owl-next:hover, .owl-prev:hover {opacity:1 !important;}
.owl-nav, .owl-theme .owl-nav {
margin-top: -30px!important;
padding-bottom: 30px!important;
}
@media screen and (min-width: 768px) { .owl-next {
right: -70px !important;
}
.owl-prev {
left: -70px!important;
}
}
@media screen and (max-width: 767px) { .owl-prev {
left: -42px!important;
}
.owl-next {
right: -42px!important;
}
} .backarrow {
background: #f4f4f4;
padding: 10px 15px 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}
.backarrow svg {
margin-right: 6px;
} ul.tick-list {
list-style: none;
}
ul.tick-list li:before {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
margin: 0 10px 0 -25px;
color: #9d804f;
font-weight: 900;
}
ul.custom-png-tick-list {
list-style: none;
}
ul.custom-png-tick-list li {
position: relative;
}
ul.custom-png-tick-list li:before {
background: url(//www.connectcharity.co.uk/wp-content/uploads/2019/06/new-google-favicon-512.png);
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
margin: 0 10px 0 -6px;
position: absolute;
content: " ";
left: -20px;
top: 3px;
}
ul.md-tick-list {
list-style: none;
margin-left: 0;
}
ul.md-tick-list li:before {
content: "done";
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
top: 5px;
margin-right: 7px;
} .pricing-block-WYSIWYG ul {
list-style: none;
margin-left: 26px;
}
.pricing-block-WYSIWYG li {
font-size: 16px;
position: relative;
}
.pricing-block-WYSIWYG ul li:before {
content: "done";
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 18px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: absolute;
top: 0px;
margin-right: 7px;
color: #00A099;
left: -25px;
} .square h2 {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
max-width: 200px;
margin: 0 auto;
font-size: 32px;
line-height: 44px;
}
.square-outer {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px!important;
}
.square-upper {
margin-top: 100%; 
}
.square {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: url(//www.connectcharity.co.uk/wp-content/uploads/2019/06/01_40-scaled.jpg);
background-size: cover;
}
.square:after {
content: " ";
background: rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.2);
width: 100%;
height: 100%;
display: block!important;
position: absolute;
z-index: 3;
left: 0;
top: 0;
transition: 0.5s;
}
.square * {
z-index: 5;
position: relative;
transition: 0.5s;
}
.square:hover * {
opacity: 0;
}
.square:hover:after {
background: transparent;
} .vc_wp_custommenu .sub-menu {
display: none;
position: absolute;
left: 100%;
top: 0;
min-width: 215px;
margin: 0;
}
.vc_wp_custommenu .menu-item-has-children:hover .sub-menu {
display: block;
}
.vc_wp_custommenu .widget_nav_menu .sub-menu li {
width: 100%!important;
}
.vc_wp_custommenu .widget_nav_menu ul li {
width: 50%;
}
.vc_wp_custommenu li {
background: #E4E2E2;
margin: 0;
width: 99%!important;
padding: 10px 15px;
}
.vc_wp_custommenu ul li {
padding-left: 0px;
position: relative;
font-size: 16px;
text-decoration: none;
line-height: 15px;
margin-bottom: 0;
}
.vc_wp_custommenu ul.sub-menu {
background: white;
padding: 10px 10px 0px;
z-index: 9;
top: -10px;
}
.vc_wp_custommenu li {
background: #E4E2E2;
margin: 0;
width: 100%!important;
padding: 0px;
}
.vc_wp_custommenu li:hover {
background: #B5B5B5;
}
.vc_wp_custommenu li a {
color: #5f5e5e;
padding: 12px 12px 10px!important;
width: 100%;
text-decoration: none!important;
padding: 15px;
display: block;
}
@media screen and (min-width: 768px) { .vc_wp_custommenu ul.sub-menu {
padding: 10px 0px 0px 0px;
}
} .materialdcard {
padding: 60px 20px 10px;
border-radius: 0px;
box-shadow: 0 3px 6px 0 rgba(155,188,232,.29);
-webkit-transition: box-shadow .3s ease,-webkit-transform .3s ease;
transition: box-shadow .3s ease,-webkit-transform .3s ease;
transition: transform .3s ease,box-shadow .3s ease;
margin: 30px 0px;
}
.materialdcard .material-icon {
position: absolute;
top: -40px;
}
.materialdcard span.material-icons {
background: white;
padding: 15px;
border-radius: 50%;
border: 1px solid #DFDFDF;
}
.materialdcard span.material-icons {
font-size: 50px;
color: #0D77BD;
}
.materialdcard h3 {
font-size: 20px;
} @media screen and (min-width: 768px) { .list-item-with-custom-image .floating-wider {
width: calc( 100% + 200px )!important;
left: -200px;
}
.white-background {
background: white;
}
.list-item-with-custom-image  .col-6.floating-wider {
-ms-flex: 0 0 calc( 50% + 200px );
flex: 0 0 calc( 50% + 200px );
max-width: calc( 50% + 200px );
}
.floating-wider-pull-right {
width: calc( 100% + 150px );
left: -150px;
position: relative;
}   
} .list-item-with-custom-image {
padding: 5px 0px;
grid-gap: 15px;
grid-template-columns: 50px 1fr;
display: grid;
}
.list-item-with-custom-image .right-item {
font-size: 20px;
} .strapline {
position: relative;
}
.has-y-scroll .strapline {
display: none;
}
.strapline-inner {
float: right;
position: absolute;
right: 0;
z-index: 1;
}
.social.Links {
margin-right: 12px;
}
.social.Links a {
font-size: 20px;
margin-left: 10px;
text-align: right;
}
.social.Links a, .social.Links a:hover {
text-decoration: none!important;
} .animated-section-top {
background-position: center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
padding-top: 0%;
position: relative;
}
.animated-title-block {
position: absolute;
bottom: -135px;
width: 100%;
padding: 0 50px;
z-index: 5;
max-width: 1200px;
}
.animated-title {
-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: infinite;
animation-duration: 2s!important;
font-size: 100px;
margin-bottom: 0!important;
line-height: 0.6em;
text-shadow: 1px 1px 5px white;
font-weight: 800;
}
.animated-text-block {
background: transparent;
padding-top: 50px;
padding: 100px 50px 100px;
font-size: 30px;
max-width: 700px;
}
.top-animated-title {
text-align: left;
}
.bottom-animated-title {
text-align: right;
}
.animated-title-block-with-top-title {
position: absolute;
top: -10px;
width: 100%;
padding: 0 50px;
max-width: 1200px;
}
.animated-section-with-top-title {
background: lightgray;
margin-top: 40px;
position: relative;
}
@media screen and (max-width: 767px) { .animated-title {
font-size: 40px;
line-height: 1em;
}
.animated-title-block {
bottom: -80px;  
}
.animated-section-with-top-title {
margin-top: 123px;
}
.animated-text-block {
padding: 30px 20px 30px;
font-size: 24px;
}
} .zoom-card a {
text-decoration: none!important;
}
.zoom-card {
width: calc( 100% + 30px );
left: -15px;
position: relative;
border: 0px solid #cccccc;
border-left: none;
border-bottom: none;
}
.zoom-block-background-outer {
display: block;
overflow: hidden;
width: 100%;
}
.zoom-block-background {
background-position: center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
transition: all .5s; padding-top: 60%;
}
.zoom-card:hover .zoom-block-background,
.zoom-card:focus .zoom-block-background {
transform: scale(1.1);
}
.zoom-block-text {
padding: 20px 25px 5px;
} .video-behind-title-block {
position: relative;
width: 100%;
height: 290px;
overflow: hidden;
margin: 60px 50px;
}
.video-behind-title-block video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 290px;
-o-object-fit: cover;
object-fit: cover;
}
.video-behind-title {
font-family: "Roboto", Sans-serif;
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
height: 100%;
font-weight: 900;
font-size: 8vw;
animation: anim-text-color 16s infinite linear;
text-transform: uppercase;
background-color: #ffffff;
mix-blend-mode: screen;
line-height: 1em;
text-align: left;
}
@media screen and (max-width: 767px) { .video-behind-title-block {
height: 185px;
margin: 0px 20px;
}
.video-behind-title {
font-size: 15vw;
}
} .blog-block-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
margin-bottom: 60px;
margin-top: 60px;
}
.blog-block-card {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.175);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.175);
padding: 15px;
background: white;
}
.blog-block-card-image {
padding-top: 100%;
background-size: cover;
background-position: center;
}
.blog-block-card-title {
margin: 20px 0;
font-size: 20px;
color: #727171;
}
.blog-block-card-meta {
border-top: 1px solid #9ed7c6;
padding-top: 10px;
text-align: center;
}
.blog-block-card-button {
text-align: center;
}
.blog-block-title {
text-align: center;
color: #878787;
}
.blog-block-read-more.button {
border-radius: 0!important;
background: transparent;
text-transform: uppercase;
border: 1px solid #adadad;
color: #adadad;
}
.blog-block-read-more.button:hover {
background: rgb(243,243,243)!important;
border: 1px solid #adadad!important;
color: #000!important;
}
@media screen and (max-width: 767px) { .blog-block-cards {
grid-template-columns: 1fr;
}
} .team-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.team-cards a, .team-cards a:hover {
text-decoration: none!important;
}
.team-member-card {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 20px;
background: #F7F7F7;
padding: 20px;
margin-bottom: 20px;
}
.team-member-card-image {
padding-top: 100%;
background-position: center!important;
background-size: cover!important;
border-radius: 50%;
max-height: 0;
}
.team-image {
padding-top: 120%;
background-position: center!important;
background-size: cover!important;
}
.team-text {
padding: 20px 0;
}
@media screen and (max-width: 767px) { .team-member-card {
grid-template-columns: 1fr;
}
.team-cards {
grid-template-columns: 1fr;
}
}  .floating-social-share-outer {
position: fixed;
right: 20px;
top: 40vh;
background: white;
padding: 0px;
border: 1px solid black;
z-index: 15;
}
.floating-social-share div#share-buttons a {
background: white!important;
margin-right: 0px;
color: black!important;
padding: 9px;
border-radius: 0%;
width: 50px;
height: 50px;
text-align: center;
display: inline-block;
color: white;
margin-bottom: 0px;
transition: 0.5s;
margin: 0px;
}
.floating-social-share div#share-buttons a:hover {
background: black!important;
color: #E41A73!important;
}
.floating-social-share span.material-icons {
font-size: 28px;
}
.floating-social-share div#share-buttons {
max-width: 50px;
margin: 0px auto;
border-top: 1px solid black;
}
.floating-social-share button.accordion {
padding: 10px 10px 5px;
margin-bottom: 0px;
background: white;
color: black!important;
border: 1px solid white!important;
}
.floating-social-share button.accordion:hover {
background: black!important;
color: #E41A73!important;
border: 1px solid black!important;
}
.floating-social-share-outer .svg-inline--fa {
font-size: 20px;
margin-top: 6px;
}
@media screen and (max-width: 767px) { .floating-social-share-outer {
top: auto;
bottom: 20px;
}
} .vc_wp_search input.search-submit {
border: 0!important;
clip: auto!important;
-webkit-clip-path: initial!important;
clip-path: initial!important;
height: auto!important;
position: absolute!important;
width: auto!important;
word-wrap: normal !important;
top: 1px!important;
right: 0!important;
left: auto!important;
padding: 10px 20px!important;
} .funky-card {
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
min-height: 0px;
position: relative;
padding-top: 60%;
position: relative;
margin-bottom: 35px;
}
.funky-card-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.1);
top: 0;
}
.funky-card:hover .funky-card-box {
border: 2px solid #eee;
color: #FFF;
opacity: 1;
}
.funky-card:hover .funky-card-box {
border: 2px solid #eee;
color: #FFF;
}
.funky-card-box {
position: absolute;
vertical-align: middle;
color: #def1eb;
display: inline-block;
text-align: center;
transition: 0.5s;
cursor: pointer;
-webkit-transition: 0.5s;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%, -50%);
width: calc( 100% - 30px );
box-sizing: border-box;
height: calc( 100% - 30px );
}
.funky-card-box-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
.funky-card:hover .funky-card-box::after, .funky-card:hover .funky-card-box::before  {
-webkit-transform: scale(1);
transform: scale(1);
}
.funky-card:hover .funky-card-overlay {
background: rgba(0,0,0,.4)!important;
animation: TheFade 1s;
}
.funky-card:hover .funky-card-box::after, .funky-card:hover .funky-card-box::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.funky-card-foo::after {
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.funky-card-foo::before {
border-bottom: 2px solid #FFF;
border-left: 2px solid #FFF;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.funky-card-box::before, .funky-card-box::after {
width: 100%;
height: 100%;
z-index: 3;
content: '';
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
-webkit-transform: scale(0);
transform: scale(0);
transition: 0.5s;
}
.funky-card-box-inner h2 {
font-size: 1.5vw;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: black 0px 0px 20px;
text-align: center;
margin-bottom: 0;
}
@keyframes TheFade {
0%   { background: rgba(0,0,0,.2); }
100% { background: rgba(0,0,0,.4); }
}
.funky-card:hover .funky-card-box {
border: 2px solid #eee;
color: #FFF;
opacity: 1;
}
.funky-card:hover .funky-card-box {
border: 2px solid #eee;
color: #FFF;
}
@media screen and (max-width: 767px) { .funky-card-box-inner h2 {
font-size: 22px;
}
}  .cool-section {
background: #262626;
margin: 0 30px;
position: relative;
}
.cool-section-line {
border: 2px solid #20F6DA!important;
margin: 30px;
width: 100%;
}
span.cool-section-title::before {
content: " ";
width: calc( 100% + 20px);
height: 22px;
background: #262626;
margin: 10px 0px 10px;
display: block;
padding: 10px;
position: absolute;
bottom: 55px;
right: -12px;
z-index: -1;
}
span.cool-section-title {
position: absolute;
bottom: -46px;
right: 55px;
color: white;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
z-index: 2;
}
.cool-section-left-text {
padding: 50px 40px 40px;
}
.cool-section-left-text p, .cool-section-left-text li {
font-size: 26px;
color: white;
}
.cool-section-left-text  li {
font-size: 26px;
color: white;
margin-left: 50px;
position: relative;
}
.cool-section-left-text ul {
list-style: none;
margin-left: 0;
}
.cool-section-left-text ul li:before {
color: #20F6DA;
content: "done";
font-family: 'Material Icons';
font-weight: 100!important;
font-style: inherit;
font-size: 52px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: absolute;
top: -12px;
margin-right: 7px;
left: -54px;
}
@media screen and (min-width: 768px) { .cool-section { }
}
@media screen and (max-width: 767px) { .cool-section {
margin: 0 0px;
}
.cool-section-left-text {
padding: 20px 0px 40px;
}
.cool-section-left-text p {
font-size: 18px;
}
span.cool-section-title {
bottom: -23px;
right: 55px;
font-size: 50px;
}
span.cool-section-title::before {
height: 52px;
bottom: 13px;
}
.cool-section-line {
margin: 15px;
}
.cool-section-left-text li {
font-size: 18px;
}
.cool-section-left-text ul li:before {
font-size: 32px;
top: -3px;
margin-right: 7px;
left: -37px;
}
.cool-section-left-text li {
margin-left: 35px;
}
} .cool-section-two {
background: #262626;
background-size: cover!important;
background-position: center!important;
margin: 0 30px;
position: relative;
}
.cool-section-two {
position: relative!important;
overflow: hidden;
}
.cool-section-two:after {
content: " ";
background: red;
background: rgba(0, 0, 0, 0.8);
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
display: block!important;
position: absolute;
z-index: 3;
left: 0;
top: 0;
}
.cool-section-two * {
z-index: 5;
position: relative;
}
span.cool-section-two-title {
position: absolute;
bottom: -46px;
right: 55px;
color: white;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
}
.cool-section-two-left-text {
padding: 50px 50px 20px;
}
.cool-section-two-left-text p {
font-size: 26px;
color: white;
}
@media screen and (min-width: 768px) { .cool-section-two { }
}
@media screen and (max-width: 767px) { .cool-section-two {
margin: 0 0px;
}
.cool-section-two-left-text {
padding: 20px 15px 40px;
}
.cool-section-two-left-text p {
font-size: 18px;
}
span.cool-section-two-title {
bottom: -23px;
right: 55px;
font-size: 50px;
}
} .cool-section-three {
background: #262626; background-position: right!important;
margin: 0 30px;
position: relative;
background-repeat: no-repeat!important;
}
.cool-section-three {
position: relative!important;
overflow: hidden;
}
.cool-section-three:after {
content: " ";
background: red;
background: rgba(0, 0, 0, 0.8);
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(105deg, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0) , rgba(0,0,0,0) );
width: 100%;
height: 100%;
display: block!important;
position: absolute;
z-index: 3;
left: 0;
top: 0;
}
.cool-section-three * {
z-index: 5;
position: relative;
}
span.cool-section-three-title {
position: absolute;
bottom: -46px;
right: 55px;
color: white;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
}
.cool-section-three-left-text {
padding: 50px 50px 20px;
}
.cool-section-three-left-text p {
font-size: 26px;
color: white;
}
@media screen and (min-width: 768px) { .cool-section-three { }
}
@media screen and (max-width: 767px) { .cool-section-three {
margin: 0 0px;
}
.cool-section-three-left-text {
padding: 20px 15px 40px;
}
.cool-section-three-left-text p {
font-size: 18px;
}
span.cool-section-three-title {
bottom: -23px;
right: 55px;
font-size: 50px;
}
} .cool-section-four {
background: #EEEBE4;
background-size: cover!important;
background-position: center!important;
margin: 0 30px;
position: relative;
}
span.cool-section-four-title {
position: absolute;
bottom: -46px;
right: 55px;
color: white;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
}
.cool-section-four-left-text {
padding: 50px 50px 20px;
}
.cool-section-four-left-text p {
font-size: 26px;
color: white;
color: #080808;
}
@media screen and (min-width: 768px) { .cool-section-four { }
}
@media screen and (max-width: 767px) { .cool-section-four {
margin: 0 0px;
}
.cool-section-four-left-text {
padding: 20px 15px 40px;
}
.cool-section-four-left-text p {
font-size: 18px;
}
span.cool-section-four-title {
bottom: -23px;
right: 55px;
font-size: 50px;
}
} .slanted-section-one {
position: relative!important;
min-height: 600px!important;
}
.slanted-section-background {
position: absolute!important;
height: 0px!important;
padding-top: 35%;
left: 0!important;
top: 0!important;
width: 100%!important;
background-position: center!important;
background-size: cover!important;
z-index: 0!important;
}
.slanted-section-background-mask {
width: 100%;
background: white;
height: 1000px;
position: absolute;
top: 49%;
left: 0;
transform: skewY(0deg);
transition: 1.5s;
transform-origin: top right;
} .slanted-section-background-mask.fire {
transform: skewY(-10deg);
}
.slanted-text-block-outer {
z-index: 2!important;
display: grid;
place-content: end;
}
.slanted-text-block {
background: #fafafa!important;
max-width: 750px;
padding: 50px 60px;
box-shadow: rgba(255,213,3,0.7) 6px 6px 0px;
margin: 150px 100px 50px;
align-self: end;
transform: skewX(0deg);
}
.slanted-text-inner {
transform: skewX(0deg);
}
.slanted-text-block-outer {
z-index: 2!important;
position: relative;
display: grid;
} .slanted-section-two {
display: grid;
grid-template-columns: 1fr 1fr;
}
.slanted-section-two-background {
background-position: center!important;
background-size: cover!important;
}
.slanted-text-two-block {
padding: 80px 40px;
max-width: 600px;
}
.slanted-section-two-background {
transform: skewX(0deg);
position: relative;
overflow: hidden;
}
.slanted-section-two-background-mask {
width: 130%;
background: white;
height: 100%;
position: absolute;
top: 0px;
transform: skewx(-18deg);
transform-origin: top left;
transition: 1.5s;
left: 0%;
}
.slanted-section-two-background-mask.fire {
left: 100%;
}
@media screen and (max-width: 767px) { .slanted-section-two {
grid-template-columns: 1fr ;
}
.slanted-section-two-background {
min-height: 200px;
}
.slanted-text-two-block {
padding: 20px 20px;
}
} .slanted-section-three {
position: relative!important;
min-height: 78%!important;
}
.slanted-section-three-background {
position: absolute!important;
height: 78%!important;
left: 0!important;
top: 0!important;
width: 100%!important;
background-position: center!important;
background-size: cover!important;
z-index: 0!important;
}
h2.slanted-three-text-title {
color: white;
margin-top: 50px;
font-size: 40px;
max-width: 800px;
margin: 50px auto 30px;
text-align: center;
text-shadow: 1px 1px 5px black;
}
.slanted-section-three-background-mask {
width: 100%;
background: white;
height: 1000px;
position: absolute;
top: 250px;
left: 0;
transform: skewY(0deg);
transition: 1.5s;
transform-origin: top right;
} .slanted-section-three-background-mask.fire {
transform: skewY(-10deg);
}
.slanted-three-text-block-outer {
z-index: 2!important;
display: grid;
place-content: center;
}
.slanted-three-text-block {
background: #fafafa!important;
max-width: 1300px;
padding: 0px 0px;
box-shadow: rgba(255,213,3,0.7) 6px 6px 0px;
margin: 0px 0px 100px;
align-self: end;
transform: skewX(0deg);
}
.slanted-three-text-inner {
transform: skewX(0deg);
}
.slanted-three-text-block-outer {
z-index: 2!important;
position: relative;
display: grid;
}
@media screen and (max-width: 767px) { h2.slanted-three-text-title {
font-size: 24px;
}
.slanted-three-text-block-outer {
padding: 10px;
}
.slanted-section-three {
min-height: 0px!important;
}
.slanted-three-text-block {
margin: 0px 0px 20px;
}
} .contact-section {
position: relative;
}
span.contact-section-title {
position: relative;
top: -19px;
color: #F0F0F0;
font-weight: 900;
font-size: 43px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
width: 100%;
left: 25px;
}
.contact-section-text {
position: relative;
top: -34px;
}
@media screen and (max-width: 767px) { span.contact-section-title {
top: -15px;
font-size: 35px;
}
} .link-block-background {
padding-top: 50%;
background-position: center!important;
background-size: cover!important;
outline: 1px solid #595957;
}
.link-block-text {
background: white;
padding: 18px 0px 3px;
transition: 0.5s;
}
.link-block a:hover .link-block-text {
background: white;
}
.link-block a:hover, .link-block a {
text-decoration: none!important;
}
.link-block {
margin-bottom: 35px
}
.link-block-title {
font-size: 28px;
color: #5d2c4e;
} .info-block-background {
padding-top: 50%;
background-position: center!important;
background-size: cover!important;
}
.info-block-text {
background: #F1F3F5;
padding: 18px 20px 3px;
transition: 0.5s;
}
.info-block a:hover .info-block-text {
background: #e6e9ed;
}
.info-block a:hover, .info-block a {
text-decoration: none!important;
}
.info-block {
margin-bottom: 35px
}
.info-block-title {
font-size: 28px;
} .smart-menu ul.sub-menu {
margin: 0!important;
}
.smart-menu li {
display: none;
margin-bottom: 0!important;
}
.smart-menu li.current-menu-item, .smart-menu .current-menu-item ul li, .smart-menu li.current-menu-ancestor, .smart-menu .current-menu-ancestor ul li {
display: block;
}
.smart-menu a {
padding: 7px 10px;
display: block;
} .grid-one-one { display: grid; grid-template-columns: 1fr 1fr; }
.grid-one-one-one { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.grid-one-one-one-one { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.grid-one-one-one-one-one { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} 
.grid-one-one-one-one-one-one { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.grid-one-two { display: grid; grid-template-columns: 1fr 2fr; }
.grid-two-one { display: grid; grid-template-columns: 2fr 1fr; }
.grid-one-three { display: grid; grid-template-columns: 1fr 3fr; }
.grid-three-one { display: grid; grid-template-columns: 3fr 1fr; }
.grid-one-four { display: grid; grid-template-columns: 1fr 4fr; }
.grid-four-one { display: grid; grid-template-columns: 4fr 1fr; }
@media screen and (max-width: 767px) { .grid-one-one, .grid-one-one-one, .grid-one-one-one-one, .grid-one-one-one-one-one, .grid-one-one-one-one-one-one, .grid-one-two, .grid-two-one, .grid-one-three, .grid-three-one, .grid-one-four, .grid-four-one {
grid-template-columns: 1fr;
}
.grid-mobile-one-one { grid-template-columns: 1fr 1fr; }
}
.grid-gap-0 { grid-gap: 0px; }
.grid-gap-10 { grid-gap: 10px; }
.grid-gap-15 { grid-gap: 15px; }
.grid-gap-20 { grid-gap: 20px; }
.grid-gap-30 { grid-gap: 30px; }
.grid-gap-35 { grid-gap: 35px; }
.grid-gap-40 { grid-gap: 40px; }
.grid-gap-50 { grid-gap: 50px; } .slanted-cards-outer {
padding-bottom: 40px;
max-width: 1400px;
margin: 0 auto; 
width: 100%;
}
.slanted-card {
box-shadow: rgba(255,213,3,0.7) 3px 3px 0px;
transition: 0.5s;   
transform: skewX(-18deg);
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
min-height: 0px;
position: relative;
padding-top: 60%;
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.slanted-card:hover {
box-shadow: rgba(255,213,3,1) 12px 12px 0px;
}
.slanted-card-inner {
width: 130%;
height: 100%;
position: absolute;
top: 0;
left: -15%;
transform: skewX(18deg);
overflow: hidden;
background-size: cover;
background-position: center;
}
.slanted-card-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.1);
top: 0;
}
.slanted-card:hover .slanted-card-overlay {
background: rgba(0,0,0,.2)!important;
animation: TheFade 1s;
}
.slanted-card-box {
position: absolute;
vertical-align: middle;
color: #def1eb;
display: inline-block;
text-align: center;
transition: 0.5s;
cursor: pointer;
-webkit-transition: 0.5s;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%, -50%);
width: calc( 100% - 30px );
box-sizing: border-box;
height: calc( 100% - 30px );
}
.slanted-card-box-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) skewX(18deg);
width: 80%;
}
.slanted-card-box-inner h2 {
font-size: 1.5vw;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: black 0px 0px 20px;
text-align: center;
margin-bottom: 0;
line-height: 1.2em;
}
.slanted-card:hover h2:after {
width: 100%;
}
.slanted-card h2:after  {
display: block;
position: absolute;
left: 0;
bottom: -10px;
width: 0;
height: 2px;
background-color: #eee;
content: "";
transition: width 0.2s;
}
@media screen and (max-width: 767px) { .slanted-card-box-inner h2 {
font-size: 16px;
font-size: 4vw;
}
.slanted-cards {
grid-template-columns: 1fr 1fr!important;
}
.slanted-cards-outer {
width: 110%;
left: -5%;
position: relative;
}
.slanted-card {
margin-bottom: 0px!important;
}
} .modal-backdrop {
z-index: 1!important;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 320px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
} .modal.left.fade .modal-dialog{
left: 0px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog {
left: 0;
} .modal.right.fade .modal-dialog {
right: -340px!important;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out!important;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out!important;
-o-transition: opacity 0.3s linear, right 0.3s ease-out!important;
transition: opacity 0.3s linear, right 0.3s ease-out!important;
}
.modal.right.fade.show .modal-dialog {
right: 0!important;
} .modal-content {
border-radius: 0!important;
}
.modal-header {
border-bottom-color: #EEEEEE;
background-color: #FAFAFA;
}
.modal-header .close {
position: absolute;
right: 40px;
top: 13px;
width: 32px;
height: 32px;
color: black!important;
}
.modal-header .close:before, .modal-header .close:after {
content: none;
}  .slick-slide {
margin: 0 15px!important;
} .slick-list {
margin: 0 -15px!important;
}
.slick-list.draggable {
padding: 0!important;
}          .item-thumb {
padding-top: 65%;
background-position: center;
background-size: cover;
}
.threegrid {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
} .event-text-area {
padding: 20px;
background: #F7F7F7;
}
.main-event-text-area {
padding: 45px;
}
.event-side-image {
background: black;
background-position: center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
}
.post-type-archive-events .post-feed, .events-footercol, .tax-events-category .post-feed {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.event-row {
margin: 0;
}
.post-type-archive-events .single-feed-item, .tax-events-category .single-feed-item {
padding-bottom: 0px;
}
h1.upcoming-title {
text-align: center;
width: 100%;
padding: 20px;
margin-bottom: 8px;
}
.event-content {
min-height: 300px;
}
.event-excerpt {
min-height: 105px;
}
span.events-cat {
margin-bottom: 20px;
display: block;
}
a.link-streteched-over-empty-background {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.tax-events-category h1.page-title {
display: none;
}
@media screen and (max-width: 767px) { .post-type-archive-events .post-feed, .events-footercol, .tax-events-category .post-feed {
grid-template-columns: 1fr;
}
.event-side-image  {
padding-top: 60%;
}
} .videos-single {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 3fr;
margin-bottom: 20px!important;
} .videos-feed-right .post-feed {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
margin-bottom: 20px!important;
width: calc( 100% + 20px );
} 
.videos-feed-right .post-feed .videos {
width: calc( ( 100% / 3 ) - ( 20px * 1 ) );
}
.videos-feed-filter {
display: grid;
grid-template-columns: 1fr 1fr 1fr 120px;
grid-gap: 20px;
margin-bottom: 0;
max-width: 80%;
margin: 20px auto 40px;
align-items: end;
}
.videos-mian-text-area {
margin-top: 20px;
}
.movement-card-text {
padding: 25px;
}
.videos-feed-filter-item * {
width: 100%;
}
.movement-card-image {
background-size: cover!important;
background-position: center!important;
}
.post-type-archive-videos .post-feed > article { }
.videos-feed-right .single-feed-item {
padding-bottom: 0!important;
}
.cat-list p {
margin-bottom: 5px;
}
.videos-section {
background: red;
}
.videos-single-left-inner {
position: sticky;
top: 50px;
}
@media (min-width: 768px) { .post-type-archive-videos .content-area, .tax-videos-categories .content-area {
width: 100%;
margin-right: 0px;
}
.videos-cards {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px!important;
}
}
@media screen and (max-width: 767px) { .videos-cards {
grid-template-columns: 1fr;
}
.videos-feed {
grid-template-columns: 1fr ;
}
.videos-feed-right .post-feed {
grid-template-columns: 1fr;
}
}
.videos-section .movement-card-text h2 {
color: white;
text-align: center;
} .job-single-card {
background: #f3f3f3;
margin-bottom: 20px;
padding: 20px;
}
.vacancies-sidebar-outer {
margin-bottom: 20px;
}
.job-vacancies-sidebar-inner {
background: #f4f4f4;
padding: 20px 20px 0px;
}
.job-vacancies-sidebar-inner .wpcf7-text, .job-vacancies-sidebar-inner .wpcf7-textarea {
background: white;
}
.job-vacancies-sidebar-inner .wpcf7 .row {
margin-right: -10px;
margin-left: -10px;
}
.archive-filter-form-wrapper label {
display: none;
}
.archive-filter-form-wrapper input[type="submit"] {
top: -2px;
position: relative;
}
@media screen and (max-width: 767px) { .job-vacancies-sidebar-inner .wpcf7 .row {
margin-right: -15px;
margin-left: -15px;
}
.vacancies-sidebar-outer {
margin-left: -5px;
padding-right: 5px;
}
}           .page-template-template-homepage ul.slides li, .page-template-template-homepage .header-text {
min-height: calc( 0 )!important;
}
@media screen and (max-width: 767px) { .mobile-only-home-buttons a.button {
width: 100%;
margin: 20px 0px 0;
}
}
@media screen and (min-width: 768px) { .mobile-only-home-buttons {
display: none;
}
} .page-template-template-fullwidth-absolute-slider #masthead {
background: rgba(255,0,0,0.5);
}
.page-template-template-fullwidth-absolute-slider div#content {
padding-top: 0px;
}
.absolute-header-text-background {
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
width: 100%;
height: 100px;
position: absolute;
}
.absolute-header-text-outer {
margin: 0 auto;
max-width: 1200px;
min-height: 300px;
display: grid;
align-items: start;
align-items: center;
align-items: end;
}
.absolute-header-text-inner {
padding: 20px 0;
}
.page-template-template-fullwidth-absolute-slider ul.slides li, .absolute-header-text-background {
min-height: calc( 700px )!important;
}
.page-template-template-fullwidth-absolute-slider .header-slider {
position: absolute;
top: 0;
width: 101%!important;
z-index: -1;
left: -2px;
}
.page-template-template-fullwidth-absolute-slider .header-text-inner {
position: relative;
} @media (min-width: 768px) {
.page-template-template-fullwidth-absolute-slider div#content {
margin-top: 255px;
}
.has-y-scroll .absolute-slider {
top: -38px;
}
} .page-template-template-grid-splash .staticslider.header-slider {
position: absolute;
top: 0;
width: 100%;
}
.page-template-template-grid-splash .the-content {
z-index: 10;
text-align: center;
background: red;
position: relative;
margin: 0 auto;
max-width: 800px;
} @media screen and (min-width: 768px) { .page-template-template-grid-splash header#masthead li.menu-item {
display: block;
}
.page-template-template-grid-splash header#masthead {
max-width: 300px!important;
}
.page-template-template-grid-splash nav.secondary-navigation, .page-template-template-grid-splash ul#site-header-cart {
display: none;
}
.page-template-template-grid-splash .site-header .site-branding {
width: 100%!important;
}
.page-template-template-grid-splash header#masthead {
position: absolute;
top: 0;
height: 100%;
}
.page-template-template-grid-splash ul.slides li {
min-height: 100vh!important;
}
.page-template-template-grid-splash .primary-navigation {
display: none;
}
.page-template-template-grid-splash ul#menu-main-menu-2 {
position: absolute;
top: 140px;
}
.page-template-template-grid-splash  .handheld-navigation {
display: block;
}
.page-template-template-grid-splash ul.sub-menu.toggled-on {
float: initial!important;
}
.page-template-template-grid-splash ul#menu-main-menu-2 {
width: 100%;
left: 15px;
}
.page-template-template-grid-splash .handheld-navigation ul.menu .sub-menu {
-webkit-transition: all, ease, 0s;
transition: all, ease, 0s;
}
.page-template-template-grid-splash ul.sub-menu a {
color: transparent;
}
.page-template-template-grid-splash ul.sub-menu.toggled-on a {
color: red;
transition: all, ease, 2s;
}
.page-template-template-grid-splash .handheld-navigation ul ul {
position: initial;
}
.page-template-template-grid-splash .main-navigation ul.menu ul li.menu-item-has-children > a::after {
content: " ";
}
.page-template-template-grid-splash .handheld-navigation ul.sub-menu ul.sub-menu li a {
padding-left: 60px!important;
}
} span.attribution-name {
font-weight: 600;
}
.testimonial-content::before {
content: '\201c';
font-size: 12rem;
color: #DEECE6;
opacity: .3;
font-family: serif;
font-weight: bold;
position: absolute;
top: -93px;
left: -2rem;
z-index: 1;
pointer-events: none;
float: left;
text-align: left;
height: 108px;
}
.testimonial-content::after {
content: '\201d';
font-size: 12rem;
color: #DEECE6;
opacity: .3;
font-family: serif;
font-weight: bold;
position: absolute;
top: -93px;
right: -2rem;
z-index: 1;
pointer-events: none;
float: left;
text-align: left;
height: 108px;
}
.testimonial-image-background {
padding-top: 100%;
background-position: center;
background-size: cover;
border-radius: 50%;
}
.testimonial-attribution {
text-align: right;
}
.testimonial-content {
font-style: italic;
font-size: 1.2em;
position: relative;
}
.testimonial-content p {
font-size: 
18px;
}
@media screen and (max-width: 767px) { .testimonial-left {
max-width: 100px;
margin: 0 auto 20px;
max-width: 200px!important;
}
.testimonial-single {
text-align: center;
}
.testimonial-attribution {
text-align: center;
}
} .testimonial-single-vertical, .testimonial-single-vertical .attribution  {
text-align: center;
}
.testimonial-single-vertical .speach-mark-center {
color: red;
font-size: 50px;
margin-bottom: -23px;
}
.testimonial-single-vertical .testimonial-content::before, .testimonial-single-vertical .testimonial-content::after {
content: none!important;
}  .page-template-page-template-secure div#primary {
width: 100%;
margin-right: 0;
}
.protected-content-outer, .flash-message.flash-message--error {
text-align: center;
}
.protected-content-outer form {
margin-top: 25px;
}
.protected-content-outer  input[type="submit"] {
top: 0px;
position: relative;
}
.protected-content-outer input[type="text"] {
width: 250px;
background: white;
}
.protected-content-inner {
background: #F7F7F7;
padding: 30px;
max-width: 500px;
margin: 0 auto;
border-radius: 5px;
} .project-top-image {
padding-top: 40%;
background-position: center;
background-size: cover;
border-bottom: 5px solid #00A8B5;
margin-bottom: 15px;
width: calc( 100% + 60px );
position: relative; 
left: -30px;
}
.project-feed-top-image {
padding-top: 40%;
background-position: center;
background-size: cover;
border-bottom: 5px solid #00A8B5;
margin-bottom: 15px;
}
@media (min-width: 768px) { .post-type-archive-projects .content-area, .tax-projects-categories .content-area {
width: 100%;
margin-right: 0px;
}
}
.projects-feed-grid {
display: grid;
grid-template-columns: 220px 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 767px) { .projects-feed-grid {
grid-template-columns: 1fr;
}
}
.projects-feed-left-inner {
display: grid;
grid-template-columns: 1fr;
grid-gap: 13px;
position: sticky;
top: 85px;
align-items: end;
margin-top: 1px;
}
button.reset {
font-weight: 100;
padding-bottom: 5px;
}
.projects-feed-grid select {
width: 100%;
}
.projects-feed-left {
margin-bottom: 20px;
}
.post-type-archive-projects .post-feed > article {
width: calc( ( 100% / 2 ) - ( 10px ) );
margin-bottom: 20px;
}
@media screen and (max-width: 767px) { .post-type-archive-projects .post-feed > article {
width: calc( ( 100% / 1 ) );
}
.projects-feed-left-inner {
grid-template-columns: 1fr 1fr;
}
}
.projects-feed-right  .funky-card {
margin-bottom: 0!important;
}
.projects-cards {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 767px) { .projects-cards {
grid-template-columns: 1fr;
}
}
.projects-single {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 2fr;
margin-bottom: 20px;
}
.projects-single-left-inner {
position: -webkit-sticky;
position: sticky;
top: 115px;
}
.projects-slider ul.slides li {
min-height: 0px!important;
padding-top: 60%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.projects-section {
background: #F4F4F4;
}
span.projects-section-title {
position: relative;
top: -44px;
color: red;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
text-align: center;
width: 100%;
}
.projects-slider {
margin-bottom: 40px;
}
.projects-section-inner {
padding: 50px 0;
}
.single-projects div#secondary {
display: none!important;
}
@media (min-width: 768px) { .single-projects .content-area {
width: calc( 100% );
margin-right: 0px;
}
}
@media screen and (max-width: 767px) { .projects-single, .projects-cards {
grid-template-columns: 1fr;
}
span.projects-section-title {
top: -13px;
font-size: 30px;
}
} @media (min-width: 768px) { .post-type-archive-resource .content-area, .tax-resource-categories .content-area {
width: 100%;
margin-right: 0px;
}
}
.resource-feed-grid {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 767px) { .resource-feed-grid {
grid-template-columns: 1fr;
}
}
.resource-feed-left-inner {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
position: sticky;
top: 180px;
align-items: end;
}
.resource-feed-grid select {
width: 100%;
}
.resource-feed-left {
margin-bottom: 20px;
}
.post-type-archive-resource .post-feed > article {
width: calc( ( 100% / 2 ) - ( 10px ) );
margin-bottom: 20px;
}
@media screen and (max-width: 767px) { .post-type-archive-resource .post-feed > article {
width: calc( ( 100% / 1 ) );
}
.resource-feed-left-inner {
grid-template-columns: 1fr 1fr;
}
}
.resource-feed-right  .funky-card {
margin-bottom: 0!important;
}
.green-background {
background: #20F7DB;
}
.resource-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.resource-single {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 2fr;
margin-bottom: 20px;
}
.resource-single-left-inner {
position: -webkit-sticky;
position: sticky;
top: 115px;
}
.resource-slider ul.slides li {
min-height: 0px!important;
padding-top: 60%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.resource-section {
background: #262626;
}
span.resource-section-title {
position: relative;
top: -44px;
color: red;
font-weight: 900;
font-size: 100px;
text-transform: uppercase;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
text-align: center;
width: 100%;
}
.resource-slider {
margin-bottom: 40px;
}
@media (min-width: 768px) { .single-resource .content-area {
width: calc( 100% );
margin-right: 0px;
}
.resource-section-inner {
position: relative;
top: -20px;
}
}
@media screen and (max-width: 767px) { .resource-single, .resource-cards {
grid-template-columns: 1fr;
}
span.resource-section-title {
top: -13px;
font-size: 30px;
}
} .page-template-template-smart-menu .content-area {
width: calc( 100% );
margin-right: 0px;
}
.page-template-template-smart-menu div#secondary {
display: none;
}
.page-template-template-smart-menu div#content {
padding-top: 0px;
}
.page-template-template-smart-menu div#primary {
padding-top: 20px;
}
.smart-menu-content {
display: grid;
grid-gap: 20px;
grid-template-columns: 3fr 1fr;
}
.smart-menu-right {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) { .mobile-smart-menu {
display: none!important;
}
}
@media screen and (max-width: 767px) { .smart-menu-content {
grid-template-columns: 1fr;
}
.smart-menu-right {
display: none;
}
} .smart-menu {
padding: 0px;
}
.smart-menu .menu {
margin: 0!important;
}
.smart-menu ul.sub-menu {
margin: 0!important;
}
.smart-menu li {
display: none!important;
margin-bottom: 0!important;
}
.smart-menu li.current-menu-item, .smart-menu .current-menu-item ul li, .smart-menu li.current-menu-ancestor, .smart-menu .current-menu-ancestor ul li {
display: block!important;
}
.smart-menu a {
padding: 8px 20px;
display: block!important;
text-decoration: none!important;
color: rgba(0,0,0,.8)!important;
}
.smart-menu a:hover {
text-decoration: underline!important;
background: #f5f6f6;
color: rgba(0,0,0,1)!important;
}
.smart-menu li {
text-decoration: none!important;
}
.smart-menu  li.menu-item-has-children > a {
font-weight: 700;
border-left: 5px solid #7DB0AF;
padding: 8px 15px;
background: #F5F6F6;
}
.mobile-smart-menu .smart-menu li.menu-item-has-children > a {
padding: 20px 15px;
}
.smart-menu .current-menu-item > a {
color: black;
}          @media screen and (min-width: 768px) { }          @media screen and (max-width: 767px) { .mastead-height-mirror {
display: none!important;
}
}          @media screen and (min-width: 768px) and (max-width: 1000px) { }          .home-slider-cards {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
}
.home-slider-card {
padding: 20px;
background: red;
background: linear-gradient(to bottom, rgba(0,168,181,1),rgba(0,59,62,1));
min-height: 225px;
display: grid;
}
.home-slider-card-title {
font-weight: 700;
font-size: 30px;
color: white;
}
.home-slider-card-desc {
display: block;
color: white;
margin-bottom: 20px;
font-size: 20px;
}
a.home-slider-card-link {
align-items: end;
color: white;
font-weight: 700;
font-size: 20px;
align-self: end;
}
header.entry-header {
display: none;
}
.cta-block {
background: linear-gradient(to bottom, rgba(0,168,181,1),rgba(0,59,62,1));
padding: 30px 30px ;
margin-bottom: 30px;
}
p.cta-desc {
color: white;
font-size: 24px;
font-weight: 500;
margin: 0;
}
a.cta-block-link {
text-decoration: none!important;
}
.fee-table-block {
background: linear-gradient(to bottom, rgba(89,89,87,1),rgba(31,31,30,1));
padding: 30px;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) { .home-slider-cards {
grid-template-columns: 1fr;
}
}          ul.slick-dots {
margin-top: 20px;
grid-gap: 20px;
list-style: none;
justify-content: center;
display: flex;
}
ul.slick-dots .slick-active button {
background-color: red;
}
.slick-slider img {
margin: 0 auto;
}
.slick-slider-item-inner {
padding: 0 20px;
} .charity-only {
display: none!important;
}
.charity-user .charity-only {
display: inline-block!important;
} ul.flex-direction-nav {
display: none;
} .logged-in .menu-login {
display: none!important;
}
.menu-logout {
display: none!important;
}
.logged-in .menu-logout {
display: inline-block!important;
}
.charity-only a {
color: #5D2C4E!important;
border-bottom: 2px solid #5D2C4E;
} .pricing-block-background { background-position: center!important;
background-size: cover!important;
outline: 1px solid #595957;
min-height: 200px;
}
.pricing-block-text {
background: transparent;
padding: 18px 0px 3px;
transition: 0.5s;
color: #595957;
}
.pricing-block a:hover .service-block-text {
background: transparent;
}
.pricing-block a:hover, .pricing-block a {
text-decoration: none!important;
color: #5d2c4e;
}
.pricing-block {
margin-bottom: 35px
}
.pricing-block-title {
font-size: 24px;
color: #5d2c4e;
}
.pricing-block-sub-title {
font-size: 18px;
}
p.pricing-desc {
font-size: 16px;
} .logo-footer {
background: #deece6;
padding: 40px 0;
}
.logo-footer .row {
max-width: 1120px;
margin: 0 auto;
}
.aligh-item-right img {
float: right;
} .white-background {
background: #F4F4F4;
}
.grey-background {
background: #5D2C4E;
}
.green-background {
background: #00A8B5;
}
.contact-section-inner {
padding: 30px 0px 0;
}
.projects-details {
padding-top: 20px;
} .projects-single-right {
background: #F4F4F4;
border-top: 5px solid #5D2C4E;
padding: 0px 30px 15px;
overflow: hidden;
}
.projects-details, .projects-manager-details {
border-bottom: 1px solid #B1B4B6;
margin-bottom: 25px;
}
.projects-single-left-inner {
border-bottom: 1px solid #B1B4B6;
padding-bottom: 5px;
}
.projects-single-right .input-text, .projects-single-right input[type=email], .projects-single-right input[type=number], .projects-single-right input[type=password], .projects-single-right input[type=search], .projects-single-right  input[type=tel], .projects-single-right input[type=text], .projects-single-right input[type=url], .projects-single-right textarea {
background-color: white;
}
input.wpcf7-form-control.wpcf7-submit {
padding-bottom: 5px;
font-weight: 100;
}
.projects-feed-right {
border-top: 5px solid #5D2C4E;
padding: 15px 0px;
}
.projects-feed-item {
padding: 0px 0 20px;
border-bottom: 1px solid #B1B4B6;
}
h4.card-spacer { padding-top: 10px;
font-size: 14px;
}
.projects-feed-item p {
line-height: 1.4em;
color: #595957;
font-size: 16px;
}
.projects-feed-left h5 {
line-height: 1em;
}
.projects-cards .projects-feed-item {
background: white;
padding: 30px 30px 15px;
}
.tax-projects-categories .content-area, 
.tax-region .content-area, 
.tax-county .content-area, 
.tax-type-of-charity .content-area, 
.tax-income .content-area, 
.tax-type-of-support .content-area {
width: calc( 100% );
margin-right: 0px;
} .charity-name-area {
display: grid;
grid-template-columns: 75px 1fr;
grid-gap: 15px;
margin-bottom: 15px;
}
.charity-logo {
padding-top: 0%;
background-position: center;
background-size: cover;
}
.charity-name-line p {
margin-bottom: 0!important;
}
.charity-name-line {
align-items: center;
align-content: center;
align-self: center;
display: grid;
} p.tribe-events-back {
display: none;
}
.tribe-common .input-text, .tribe-common input[type=email], .tribe-common input[type=number], .tribe-common input[type=password], .tribe-common input[type=search], .tribe-common input[type=tel], .tribe-common input[type=text], .tribe-common input[type=url], .tribe-common textarea {
box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%);
}
.tribe-common-form-control-text.tribe-events-c-search__input-control.tribe-events-c-search__input-control--keyword {
margin-top: 0!important;
}
span.tribe-events-c-top-bar__datepicker-desktop {
color: black;
font-size: 18px;
}
.tribe-events-c-top-bar.tribe-events-header__top-bar {
padding-bottom: 25px;
}
.tribe-events .tribe-events-c-search__button {
background-color: #00A8B5!important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
background-color: #00A8B5!important;
border: 1px solid #00A8B5!important;
} div#secondary {
margin-top: 84px;
}
a.page-title-action {
background: red!important;
}      body.pmpro-body-level-1 #projects-categories-add-toggle,
body.pmpro-body-level-1 #industries-add-toggle,
body.pmpro-body-level-1 #package-add-toggle,
body.pmpro-body-level-1 #service-add-toggle,
body.pmpro-body-level-1 #function-add-toggle,
body.pmpro-body-level-1 #wpseo_meta,
body.pmpro-body-level-1 #edit-slug-box,
body.pmpro-body-level-1 .misc-pub-post-status,
body.pmpro-body-level-1 .misc-pub-visibility,
body.pmpro-body-level-1 .misc-pub-curtime,
body.pmpro-body-level-1 .yoast-seo-score,
body.pmpro-body-level-1 .content-score,
body.pmpro-body-level-1 th#wpseo-score, body.pmpro-body-level-1 td.wpseo-score.column-wpseo-score, body.pmpro-body-level-1 th.manage-column.column-wpseo-score, 
body.pmpro-body-level-1 li.all,
body.pmpro-body-level-1 th#wpseo-score-readability, body.pmpro-body-level-1 td.wpseo-score-readability.column-wpseo-score-readability, body.pmpro-body-level-1 th.manage-column.column-wpseo-score-readability, 
body.pmpro-body-level-1 th#wpseo-links, body.pmpro-body-level-1 td.wpseo-links.column-wpseo-links, body.pmpro-body-level-1 th.manage-column.column-wpseo-links.sortable.desc, 
body.pmpro-body-level-1 th#wpseo-linked, body.pmpro-body-level-1 td.wpseo-linked.column-wpseo-linked, body.pmpro-body-level-1 th.manage-column.column-wpseo-linked.sortable.desc.button-primary.active,
body.pmpro-body-level-1 li.yoast_cornerstone,
body.pmpro-body-level-1 .handle-actions.hide-if-no-js,
body.pmpro-body-level-1 th.manage-column.column-wpseo-linked.sortable.desc,
body.pmpro-body-level-1 select#wpseo-filter,
body.pmpro-body-level-1 select#filter-by-date,
body.pmpro-body-level-1 select#wpseo-readability-filter, 
body.pmpro-body-level-1 input#post-query-submit,
body.pmpro-body-level-1 div#duplicate-action,
body.pmpro-body-level-1 div#misc-publishing-actions,
body.pmpro-body-level-1 div#mceu_197,
body.pmpro-body-level-1 div#mceu_198,
body.pmpro-body-level-1 div#mceu_195,
body.pmpro-body-level-1 div#region-adder,
body.pmpro-body-level-1 div#county-adder,
body.pmpro-body-level-1 div#type-of-charity-adder,
body.pmpro-body-level-1 div#income-adder,
body.pmpro-body-level-1 div#type-of-support-adder,
body.pmpro-body-level-1 .tablenav.top
{
display: none!important;
}
body.pmpro-body-level-1 li.pending {
color: transparent;
}
body.pmpro-body-level-1 span.wp-media-buttons-icon {
display: none!important;
}
body.pmpro-body-level-1 div#wpadminbar {
display: none;
}     body.pmpro-body-level-1 div#wpbody-content *:not(i) {
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 100;
}
body.pmpro-body-level-1 ul.subsubsub {
color: transparent;
}
body.pmpro-body-level-1 .subsubsub {
list-style: none;
margin: 8px 0 0;
padding: 0;
font-size: 18px;
float: left;
color: #666;
}
body.pmpro-body-level-1 .subsubsub a {
padding: 0 0px 6px 0px;
}     body.pmpro-body-level-1 .tablenav {
padding-top: 18px;
}
body.pmpro-body-level-1 .wp-core-ui select {
font-size: 14px;
line-height: 2;
color: #32373c;
border-color: #7e8993;
box-shadow: none;
border-radius: 14px;
padding: 0 24px 0 14px;
min-height: 30px;
max-width: 25rem;
-webkit-appearance: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
}
body.pmpro-body-level-1 .postbox {
border: 0px solid #ccd0d4;
box-shadow: 0 1px 4px rgba(1, 2, 6, 0.3);
background: #fff;
border-radius: 5px;
}
body.pmpro-body-level-1 .postbox .inside {
border-bottom: #00A8B5 5px solid;
border-radius: 5px;
padding: 0 12px 5px;
}
body.pmpro-body-level-1 .postbox-header {
border-bottom: 1px solid #ccd0d4;
margin: 0 12px 0;
}
body.pmpro-body-level-1 .fixed .column-date {
width: 20%;
}
body.pmpro-body-level-1 th#title {
width: calc( 85% );
}
body.pmpro-body-level-1 #poststuff .stuffbox>h3, body.pmpro-body-level-1 #poststuff h2, body.pmpro-body-level-1 #poststuff h3.hndle {
font-size: 14px;
padding: 10px 0px 7px;
margin: 0!important;
line-height: 1.4;
font-weight: 600!important;
color: #5D2C4E;
}
body.pmpro-body-level-1 #titlediv #title {
padding: 25px 17px;
box-shadow: 0 1px 4px rgba(1, 2, 6, 0.3);
margin: 0 0 3px;
background-color: #fff;
border: none;
}
body.pmpro-body-level-1 ul.subsubsub a {
color: #00A8B5!important;
}
body.pmpro-body-level-1 .wp-core-ui .button-primary {
background: #00A8B5!important;
}
body.pmpro-body-level-1 .wrap .add-new-h2,body.pmpro-body-level-1  .wrap .add-new-h2:active, body.pmpro-body-level-1 .wrap .page-title-action, body.pmpro-body-level-1 .wrap .page-title-action:active {
margin-left: 14px!important;
position: relative;
top: -1px;
text-decoration: none;
border: 1px solid #00A8B5;
border-radius: 5px;
text-shadow: none;
font-weight: 600;
font-size: 16px;
color: white;
background: #00A8B5;
}
body.pmpro-body-level-1 .wrap .add-new-h2, body.pmpro-body-level-1 .wrap .add-new-h2:active, body.pmpro-body-level-1 .wrap .page-title-action, body.pmpro-body-level-1 .wrap .page-title-action:active {
margin-left: 14px!important;
position: relative;
top: -1px;
text-decoration: none;
border: 1px solid #00A8B5;
border-radius: 17px;
text-shadow: none;
font-weight: 600;
font-size: 18px;
color: white;
background: #00A8B5;
transition: 0.5s;
padding: 5px 19px;
}
body.pmpro-body-level-1 .wrap .add-new-h2:hover, body.pmpro-body-level-1 .wrap .page-title-action:hover {
background: #5D2C4E;
border-color: #5D2C4E;
color: white;
}
body.pmpro-body-level-1 input#publish {
background: #5D2C4E!important;
border-color: #5D2C4E!important;
width: 100%;
}
body.pmpro-body-level-1 div#publishing-action {
width: 100%;
}
body.pmpro-body-level-1 a#post-preview {
width: 100%;
}
body.pmpro-body-level-1 div#delete-action {
width: 100%;
}
body.pmpro-body-level-1 a.submitdelete.deletion {
background: #D21B32;
padding: 2px;
width: calc( 100% - 5px );
text-align: center;
display: block;
border-radius: 18px;
color: white;
text-decoration: none;
margin-bottom: 10px;
}
body.pmpro-body-level-1 a.submitdelete.deletion:hover {
background: #470911;
color: white;
text-decoration: none;
}
body.pmpro-body-level-1 #major-publishing-actions {
border-top: 0px solid #ddd;
background: white;
}
body.pmpro-body-level-1 span.spinner {
display: none;
}
body.pmpro-body-level-1 .wp-core-ui .button, .wp-core-ui .button-secondary {
color: white;
border-color: darkslategray;
background: darkslategray;
border-radius: 15px;
padding: 0 20px;
}
body.pmpro-body-level-1 input#post-search-input {
border-radius: 15px;
}
body.pmpro-body-level-1 .wp-core-ui .button-secondary:hover, body.pmpro-body-level-1 .wp-core-ui .button.hover, body.pmpro-body-level-1 .wp-core-ui .button:hover {
background: #5D2C4E;
border-color: #5D2C4E;
color: white;
}
body.pmpro-body-level-1 .wp-tab-active {
border: 0px solid white;
border-bottom-color: #00A8B5;
background-color: white;
}
body.pmpro-body-level-1 .wp-tab-active a {
border-bottom: 2px solid #00A8B5;
}
body.pmpro-body-level-1 ul.add-menu-item-tabs li.tabs, body.pmpro-body-level-1 ul.category-tabs li.tabs {
border: 0px solid white;
border-bottom-color: white;
background-color: white;
}
body.pmpro-body-level-1 ul.add-menu-item-tabs li.tabs a {
border-bottom: 2px solid pink;
transition: 0.5s;
}
body.pmpro-body-level-1 ul.category-tabs li.tabs a {
border-bottom: 2px solid #00A8B5;
transition: 0.5s;
}
body.pmpro-body-level-1 ul.add-menu-item-tabs li, body.pmpro-body-level-1 ul.category-tabs li, body.pmpro-body-level-1 ul.wp-tab-bar li {
padding: 3px 5px 6px 0;
}
body.pmpro-body-level-1 .categorydiv div.tabs-panel, body.pmpro-body-level-1 .customlinkdiv div.tabs-panel, body.pmpro-body-level-1 .posttypediv div.tabs-panel, body.pmpro-body-level-1 .taxonomydiv div.tabs-panel, body.pmpro-body-level-1 .wp-tab-panel {
padding: 0 0;
border: solid 0px #ddd;
background-color: #fdfdfd;
}
body.pmpro-body-level-1 .acf-field input[type="text"], body.pmpro-body-level-1 .acf-field input[type="password"], body.pmpro-body-level-1 .acf-field input[type="date"], body.pmpro-body-level-1 .acf-field input[type="datetime"], body.pmpro-body-level-1 .acf-field input[type="datetime-local"], body.pmpro-body-level-1 .acf-field input[type="email"], body.pmpro-body-level-1 .acf-field input[type="month"], body.pmpro-body-level-1 .acf-field input[type="number"], body.pmpro-body-level-1 .acf-field input[type="search"], body.pmpro-body-level-1 .acf-field input[type="tel"], body.pmpro-body-level-1 .acf-field input[type="time"], body.pmpro-body-level-1 .acf-field input[type="url"], body.pmpro-body-level-1 .acf-field input[type="week"], body.pmpro-body-level-1 .acf-field textarea, body.pmpro-body-level-1 .acf-field select {
width: 100%;
padding: 7px 8px;
margin: 0;
box-sizing: border-box;
font-size: 14px;
line-height: 1.4;
border-radius: 0;
}
body.pmpro-body-level-1 .alternate, body.pmpro-body-level-1 .striped>tbody>:nth-child(odd), body.pmpro-body-level-1 ul.striped>:nth-child(odd) {
background-color: white;
}
body.pmpro-body-level-1 tbody#the-list tr {
transition: 0.5s;
border-left: pink 0px solid;
}
body.pmpro-body-level-1 tbody#the-list tr:hover {
background-color: rgba(0,168,181,.1)!important;
border-left: pink 5px solid;
}
body.pmpro-body-level-1 #menu-management .menu-edit, 
body.pmpro-body-level-1 #menu-settings-column .accordion-container, 
body.pmpro-body-level-1 .comment-ays, 
body.pmpro-body-level-1 .feature-filter, 
body.pmpro-body-level-1 .imgedit-group, 
body.pmpro-body-level-1 .manage-menus, 
body.pmpro-body-level-1 .menu-item-handle, 
body.pmpro-body-level-1 .popular-tags, 
body.pmpro-body-level-1 .stuffbox, 
body.pmpro-body-level-1 .widget-inside, 
body.pmpro-body-level-1 .widget-top, 
body.pmpro-body-level-1 .widgets-holder-wrap, 
body.pmpro-body-level-1 .wp-editor-container, 
body.pmpro-body-level-1 p.popular-tags, 
body.pmpro-body-level-1 table.widefat {
border: 0px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
body.pmpro-body-level-1 .wp-media-buttons .insert-media:before {
content: "cloud_upload";
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
top: 5px;
margin-right: 7px;
}
body.pmpro-body-level-1 .wp-media-buttons .insert-media {
padding-left: 5px;
padding: 0px 15px 2px 10px!important;
border-radius: 19px;
margin: -2px;
position: relative;
top: -6px;
}
body.post-type-projects a.page-title-action {
background: red!important;
}
.tribe-common button, .tribe-common button:focus, .tribe-common button:hover, .tribe-theme-twentyseventeen .tribe-common button:focus, .tribe-theme-twentyseventeen .tribe-common button:hover {
color: #5D2C4E!important;
}      .flexslider {
margin: 0 0 0px!important;
background: var(--background) ;
border: 0px solid var(--background) !important;
position: relative;
zoom: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
}
ul.slides li {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
ol.flex-control-nav.flex-control-paging {
display: none!important;
}
.flex-direction-nav a {
height: 40px!important;
padding-top: 10px;
}
.flex-direction-nav a
{
width:65px !important;
height:65px !important;
background:url(//www.connectcharity.co.uk/wp-content/themes/boilerplate/assets/images/slider-direction-thin-white.png) 
no-repeat 0 0 !important; z-index: 9;
}
.flex-direction-nav .flex-next{background-position:100% 0 !important;right:0px !important;}
.flex-direction-nav .flex-prev{left:0px !important;}
.flexslider:hover .flex-next{opacity:0.8 !important;right:5px !important;}
.flexslider:hover .flex-prev{opacity:0.8 !important;left:5px !important;}
.flex-control-nav{bottom:10px !important;line-height:11px !important;}
.flex-control-paging li a{height:11px !important;width:11px !important;}
.flex-direction-nav a.flex-next:before, .flex-direction-nav a:before {
content: ' '!important;
}
a.flex-next, a.flex-prev {
font-size: 0;
}
ul.flex-direction-nav {
inset: 0;
display: grid;
grid-template-columns: auto auto;
z-index: 2;
align-content: center;
justify-content: space-evenly;
justify-items: stretch;
}
@media screen and (max-width: 767px) { .flex-direction-nav a {
width: 30px !important;
height: 29px !important;
background-size: cover!important;
margin: -20px 15px 0!important;
}
} .header-slider {
position: relative;
}
.header-text {
top: 0px;
z-index: 9;
width: 100%;
left: 0px;
height: 100%;
display: grid;
} .header-text-background {
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
width: 100%;
height: 100%;
}
.header-text-max-width {
max-width: 1200px;
margin: 0 auto;
height: 100%;
display: grid;
align-items: normal;
align-items: center;
align-items: end;
}
.header-text-inner {
width: 100%;
display: block;
padding: 20px; bottom: 0;
}   .metro-slider ul.flex-direction-nav {
position: absolute;
right: 0px;
bottom: 30px;
width: 100px;
}
.metro-slider ul.flex-direction-nav a {
display: grid;
text-align: center;
padding-top: 0px;
grid-template-rows: 1fr 0;
align-items: center;
}
.metro-slider .flex-direction-nav a {
width: 50px !important;
height: 50px !important;
top:auto!important;
}
.metro-slider.flexslider .flex-prev {
opacity: 1!important;
left: -50px!important;
}
.metro-slider.flexslider .flex-prev:hover {
opacity: 1 !important;
}
.metro-slider.flexslider .flex-next {
opacity: 1!important;
left: 0px!important;
border-left: 1px solid #cfd6da;
}
.metro-slider.flexslider .flex-next:hover {
opacity: 1!important;
}
.metro-slider .flex-direction-nav a.flex-next:before, .metro-slider .flex-direction-nav  a.flex-prev:before {
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 45px;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
color: #76757a;
}
.metro-slider .flex-direction-nav a.flex-next:before {
content: "chevron_right"!important;
} 
.metro-slider .flex-direction-nav  a.flex-prev:before {
content: "chevron_left"!important;
}
.metro-slider.flexslider a.flex-prev, .metro-slider.flexslider a.flex-next  {
background: #EBECEB!important;
}
.metro-slider.flexslider a.flex-prev:hover, .metro-slider.flexslider a.flex-next:hover {
background: pink!important;
}
@media screen and (max-width: 767px) { .metro-slider.flexslider .header-text-inner {
padding-bottom: 50px!important;
}
}  .metro-portfolio-slider ul.slides li, .metro-portfolio-slider .header-text {
min-height: 70vh!important;
}
.metro-portfolio-slider ul.flex-direction-nav {
position: inherit;
left: 50px;
bottom: 100px;
width: 100%;
max-width: 1220px!important;
margin: 0 auto;
}
.metro-portfolio-slider ul.flex-direction-nav a {
display: grid;
text-align: center;
padding-top: 0px;
grid-template-rows: 1fr 0;
align-items: center;
}
.metro-portfolio-slider .flex-direction-nav a {
width: 40px !important;
height: 40px !important;
top:auto!important;
}
.metro-portfolio-slider.flexslider .flex-prev {
opacity: 1!important;
left: -40px!important;
}
.metro-portfolio-slider.flexslider .flex-prev:hover {
opacity: 1 !important;
}
.metro-portfolio-slider.flexslider .flex-next {
opacity: 1!important;
left: 0px!important;
border-left: 1px solid #cfd6da;
}
.metro-portfolio-slider.flexslider .flex-next:hover {
opacity: 1!important;
}
.metro-portfolio-slider .flex-direction-nav a.flex-next:before, .metro-portfolio-slider .flex-direction-nav  a.flex-prev:before {
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 36px;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
color: #76757a;
}
.metro-portfolio-slider .flex-direction-nav a.flex-next:before {
content: "chevron_right"!important;
} 
.metro-portfolio-slider .flex-direction-nav  a.flex-prev:before {
content: "chevron_left"!important;
}
.metro-portfolio-slider.flexslider a.flex-prev, .metro-portfolio-slider.flexslider a.flex-next  {
background: #EBECEB!important;
}
.metro-portfolio-slider.flexslider a.flex-prev:hover, .metro-portfolio-slider.flexslider a.flex-next:hover {
background: pink!important;
}
.metro-portfolio-slider-meta-block {
background: white;
display: grid;
width: 60%;
align-items: center;
align-content: center;
grid-template-columns: 1fr 80px;
}
.metro-portfolio-slider-meta-block-inner {
padding: 15px 20px;
}
.metro-portfolio-slider-meta-block * {
color: black!important;
margin-bottom: 0!important;
}
a.metro-portfolio-slider-meta-block-link {
background: lightgray;
height: 100%;
text-align: center;
display: grid;
align-content: center;
width: 80px;
}
a.metro-portfolio-slider-meta-block-link:hover {
background: grey;
text-decoration: none;
}
@media screen and (max-width: 767px) { .metro-portfolio-slider.flexslider .header-text-inner {
padding-bottom: 50px!important;
}
.metro-portfolio-slider-meta-block {
width: 90%;  
}
.metro-portfolio-slider ul.flex-direction-nav {
left: 25px;
}
} .carosel--metro .slick-slide, .carosel--metro .slick-slider-item-inner {
margin: 0px!important;
padding: 0px!important;
}
.carosel--metro ul.slick-dots {
display: none!important;
}
.carosel--metro .slick-slider-metro {
display: grid;
grid-template-columns: calc( 50vw - 580px ) 50px 50px minmax(0,1fr) calc( 50vw - 580px );
grid-template-rows: auto auto;
grid-gap: 10px 0px;
grid-template-areas:
".  slickprevbutton slicknextbutton . ."
"slicklist slicklist slicklist slicklist slicklist";
}
.carosel--metro .slick-list.draggable {
grid-area: slicklist;
}
.carosel--metro button.slick-prev.slick-arrow {
grid-area: slickprevbutton;
}
.carosel--metro button.slick-next.slick-arrow {
grid-area: slicknextbutton;
}
.carosel--metro button.slick-prev.slick-arrow, .carosel--metro button.slick-next.slick-arrow {
top: 0!important;
position: relative;
background: transparent!important;
width: 40px!important;
height: 40px!important;
}
.carosel--metro button.slick-next.slick-arrow:before, .carosel--metro button.slick-prev.slick-arrow:before {
font-family: 'Material Icons';
font-weight: 100;
font-style: inherit;
font-size: 40px;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: relative;
color: #76757a;
opacity: 1!important;
left: 5px;
top: 20px;
}
.carosel--metro button.slick-next.slick-arrow:before {
content: "arrow_forward"!important;
} 
.carosel--metro button.slick-prev.slick-arrow:before {
content: "arrow_back"!important;
}
.carosel--metro a, .carosel--metro img {
max-height: 300px;
width: auto!important;
}
@media (min-width: 768px) { }
@media screen and (max-width: 767px) { } .my-slider {
position: relative;
} swiper-container {
width: 100%; }
@media screen and (max-width: 767px) { swiper-container.mySwiper {
order: 2;
}
} swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
swiper-slide { } swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
img.mySwiper--controller-image {
width: fit-content !important;
height: 100px;
} .mySwiper--meta {
display: grid;
grid-template-columns: auto auto;
justify-items: end;
padding: 10px 0;
min-height: 70px;
}
.mySwiper--meta--overlay {
position: absolute;
inset: 0;
max-width: 1800px;
width: 100%;
margin: 0 auto;
display: grid;
justify-items: stretch;
justify-content: space-between;
align-items: center;
grid-template-columns: 1fr;
}
.mySwiper--meta--overlaid--bottom-right {
position: absolute;
bottom: 10px;
right: 0px;
z-index: 1;
min-height: fit-content;
padding: 0;
width: 100%;
grid-template-columns: 1fr;
text-align: center;
}
.mySwiper--meta--overlaid--middle {
position: absolute;
bottom: 10px;
right: 0px;
z-index: 1;
min-height: fit-content;
padding: 0;
width: 100%;
grid-template-columns: 1fr;
text-align: center;
}
.mySwiper--meta.mySwiper--meta--overlaytight {
position: absolute;
inset: 0;
max-width: 2000px;
width: calc(100% - 30px);
margin: 0 auto;
display: flex;
justify-items: stretch;
justify-content: space-between;
align-items: center;
left: -15px;
}
.mySwiper--meta.mySwiper--meta--overlay--small {
position: absolute;
inset: 0;
width: calc( 100% + 80px )!important;
left: -40px;
margin: 0 auto;
display: grid;
justify-items: stretch;
justify-content: space-evenly;
align-items: center;
grid-template-columns: 1fr;
}
.mySwiper--meta--pagination-bottom {
width: 100%;
max-width: 100%;
text-align: center;
padding: 0px 20px 10px;
position: absolute;
bottom: 0;
z-index: 2;
}
.mySwiper--meta--pagination-underneath {
width: 100%;
max-width: 100%;
margin: 0 auto;
text-align: center;
padding: 10px 20px 0;
}
.mySwiper--meta button {
transition: 0.5s;
}
.my-slider:not(:hover) .mySwiper--meta--hover button {
opacity: 0!important;
}
.my-slider--controller swiper-slide {
width: fit-content;
}
@media screen and (max-width: 767px) { .mySwiper--meta.mySwiper--meta--overlay--small {
width: calc( 100% + 0px )!important;
left: -0px;
}
.mySwiper--meta.mySwiper--meta--overlay {
position: relative!important;
}
} .mySwiper--buttons {
height: fit-content;
display: grid;
grid-template-columns: auto 1fr auto;
width: calc(100% + 100px);
left: -50px;
position: relative;
}
.mySwiper--buttons--lodzenge {
background: var(--detail);
width: fit-content;
border-radius: 16px;
height: fit-content;
display: grid;
grid-template-columns: auto 5px auto;
left: 0;
}
.mySwiper--arrow {
background: transparent;
padding: 0px 4px 2px 4px;
border: none;
color: var(--content)!important;
font-size: 19px;
z-index: 2;
position: relative;
}
.mySwiper--arrow:hover {
background: transparent!important;
border: none!important;
color: var(--content)!important;
}
.mySwiper--arrow--round {
background: var(--detail)!important;
border-radius: 50%;
height: 33px;
width: 32px;
padding: 3px 0px 4px 0px!important;
display: grid;
align-content: center;
text-align: center;
justify-content: center;
z-index: 1;
}
.mySwiper--arrow.mySwiper--arrow--round:hover {
background: #222!important;
}
.mySwiper--arrow--tall {
display: grid;
align-content: center;
text-align: center;
justify-content: center;
z-index: 1;
color: white !important;
}
.mySwiper--arrow.mySwiper--arrow--tall:hover {
opacity: 1;
color: white !important;
}
.mySwiper--arrow--square {
background: var(--detail)!important;
border-radius: 0%;
height: 33px;
width: 32px;
padding: 3px 0px 4px 0px!important;
display: grid;
align-content: center;
text-align: center;
justify-content: center;
z-index: 1;
}
.mySwiper--arrow--square:hover {
background: #222!important;
}
.swiper-pagination-fraction {
color: black;
font-size: 20px;
}
@media screen and (max-width: 767px) { .mySwiper--buttons {
grid-template-columns: minmax(0, 1fr) 10px auto;
width: calc(100%);
left: 0px;
justify-items: end;
}
} .swiper-pagination-bullet {
border: 1px solid white;
}
.swiper-pagination-bullet-active {
border-color: white;
}
:root {
--swiper-pagination-bullet-horizontal-gap:4px;
--swiper-pagination-bullet-height: 14px;
--swiper-pagination-bullet-width:14px;
--swiper-pagination-bullet-size:10px;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-inactive-color: transparent;
--swiper-pagination-color: white;
} .my-slider--with-controller {
display: grid;
grid-gap: 20px;
grid-template-columns: minmax(0, 1fr);
}
.my-slider--controller, .my-slider--controlled {
position: relative;
}
.mySwiper--controller {
padding-top: 65%;
background-position: center !important;
background-size: cover !important;
width: 100%;
cursor: pointer;
} .carousel--single--full-height swiper-container {
height: 100%;
}
@media screen and (max-width: 767px) { .my-slider.testimonial-carousel {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
} .carousel--ribbon swiper-slide img {
max-height: 216px;
width: auto;
}
.carousel--ribbon, .carousel--single--slide {
position: relative;
} .carousel-single swiper-slide {
display: block;
}
.carousel--single swiper-slide {
width: 100%!important;
}
.carousel--single {
margin: 0 auto 20px;
position: relative;
}
.carousel--single--slide {
width: 100%!important;
height: 100%;
background-position: center!important;
background-size: cover!important;
border-radius: 15px;
padding-top: 40%;
}
.swiper-single-item--pane {
padding-top: 60%;
background-position: center!important;
background-size: cover!important;
}
.carousel--single--expand {
position: absolute;
color: white;
top: 15px;
left: 20px;
} img.swiper-ribbon-item--image {
max-height: 300px;
width: auto;
}
.image-ribbon-carousel swiper-slide {
display: block;
width: fit-content;
} .carousel--square  swiper-container {
height: auto;
}
.carousel--square .carousel--single--slide {
padding-top: 100%;
}
.swiper-square-item {
padding-top: 100%;
width: 100%;
background-size: cover !important;
background-position: center !important;
} .carousel--header--slide {
width: 100%;
background-size: cover !important;
background-position: center !important;
min-height: 300px;
position: relative;
display: grid;
}