/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.nf-response-msg
{
background:#c44e9d;	
}

.home h2 {
    font-size: 56px;
    line-height: 70px;
}


.prefix
{
	font-weight:bold;
}



.wpc-filter-terms-count-0, .wpc-filter-terms-count-1
{
	display:none!important;
}


#block-8
{
	display:none;
}


.term-mental-health #block-8 
{
	display:block;
}

.single-post-acf-field
{
margin-bottom:10px;
}

.widget-title.wpc-filter-title {
  visibility: hidden;
  position: relative;
}

.widget-title.wpc-filter-title::before {
  content: "Refine Results";
  visibility: visible;
  position: absolute;
  left: 0;
}

.relatedrow .post-meta
{
	display:none;
}

#header .main-menu .narrow li.menu-item > a {
    color: #171717;
    
}

#header.header-builder .advanced-search-layout input
{
	    
}

#header .searchform .button-wrap .btn
{
	
}


#media_image-2 img
{
  animation: drift 6s ease-in-out infinite;
  position: relative;

 
}
.shift1 img
{
  animation: drift 3s ease-in-out infinite;
  position: relative;

 
}
@keyframes drift {
  0%   { transform: translate(0px, 0px); }
  5%   { transform: translate(1px, -1px); }
  10%  { transform: translate(2px, -2px); }
  15%  { transform: translate(3px, -2px); }
  20%  { transform: translate(4px, -1px); }
  25%  { transform: translate(5px, 0px); }
  30%  { transform: translate(5px, 1px); }
  35%  { transform: translate(4px, 2px); }
  40%  { transform: translate(3px, 3px); }
  45%  { transform: translate(2px, 4px); }
  50%  { transform: translate(1px, 5px); }
  55%  { transform: translate(0px, 4px); }
  60%  { transform: translate(-1px, 3px); }
  65%  { transform: translate(-2px, 2px); }
  70%  { transform: translate(-2px, 1px); }
  75%  { transform: translate(-1px, 0px); }
  80%  { transform: translate(0px, -1px); }
  85%  { transform: translate(1px, -2px); }
  90%  { transform: translate(2px, -2px); }
  95%  { transform: translate(1px, -1px); }
  100% { transform: translate(0px, 0px); }
}



.updown img
{
	  align-self: flex-end;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        margin: 0 auto 0 auto;
        transform-origin: bottom;
	animation-name: bounce-2;
        animation-timing-function: ease;
}
 @keyframes bounce-2 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-100px); }
        100% { transform: translateY(0); }
    }


.updown2 img
{
	  align-self: flex-end;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        margin: 0 auto 0 auto;
        transform-origin: bottom;
	animation-name: bounce-3;
        animation-timing-function: ease;
}
 @keyframes bounce-3 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-100px); }
        100% { transform: translateY(0); }
    }


.home #header .logo, .home #header .searchform-popup
{
	display:none;
}

.centre4-logo
{
    max-width: 144px;
}

header .header-main {
    background-color: #14152a;
}

#header .main-menu > li.menu-item > a {
    font-size: 15px;
    text-transform: lowercase;
    color: #ffffff;
}

.footer, .footer p, .footer .widget > div > ul li, .footer .widget > ul li, .footer a:not(.btn), .footer .tooltip-icon {
    color: #ffffff;
	    font-weight: bold;

}

#footer {
    background-color: #14152a;
	padding-top:50px;
}

.page-top .page-title {
    color: #fff;
	font-weight:bold;
}

.page-top {
    background-color: transparent;
	border-bottom:0px;
}

#searchform input::placeholder
{
	text-transform:lowercase;
}

#searchform
{
	border-radius:10px;
}

.pink-row
{
	    padding: 29px;
    border: solid 5px #c44e9d;
    border-radius: 40px;
}

.widget .widget-title, .widget .widget-title a {
    color: #c05098;
	    text-transform: none;
	    font-size: 28px;
}

.page-wrapper .porto-gb-b7786a78ae3f60334f802d16f1e4db64 {
    background-color: #14142a!important;

}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color:#14152a
}

.wp-block-search__label {
    color: #c05098;
	   text-transform: none!important;
}

.widget li.current-cat-parent>a, .widget li.current-cat>a, .widget li.current-menu-item>a {
    font-weight: 600;
    color: #46c1f0;
}

.porto-posts-grid .product-category, .porto-tb-item {

    margin-bottom: 60px;
	
    padding: 30px;
    border: solid #fff 3px;
    border-radius: 30px;
}

.page-wrapper .porto-gb-6b9e18fe73269d61017a10c779717790 {
    background-color: transparent!important;
}
.porto-tb-item strong {
    color: #c05098;
}

#nav-menu-item-44
{
	border:solid #19b24b 3px;
	border-radius:40px;
}

#nav-menu-item-96
{
		border:solid #3dc3f2 3px;
	border-radius:40px;
}

#header .main-menu>li.menu-item {
    margin: 0 14px 0 0;
}


#header .main-menu > li.menu-item > a {
    padding: 8px 16px 8px 16px;
}

#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: transparent;
    color: #ffffff;
}

#searchform .input-group {
    border-radius: 30px;
    overflow: hidden;
}

#searchform .form-control {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
color:#fff;

}

#searchform .btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.form-control
{
	background-color:#14152a!important;

	border-top:solid 2px #fff!important;
	border-bottom:solid 2px #fff!important;
	border-left:solid 2px #fff!important;
	    padding: 17px 12px!important;
	line-height:22px!important;
	    padding: 11px 25px !important;
    line-height: 24px !important;
	font-size:22px!important;	
}

.form-control::placeholder
{
font-size:22px;	
	color:#fff;
}

#searchform .btn
{
	border-top:solid 2px #fff!important;
	border-bottom:solid 2px #fff!important;
	border-right:solid 2px #fff!important;
	  border-left:0px!important;
	background: #14152a;
	
}

#header .main-menu .narrow ul.sub-menu {
    background-color: #14152a;
}

#header .main-menu .narrow li.menu-item > a {
    color: #fff;
	text-transform:lowercase;
}

#header .main-menu .narrow li.menu-item > a
{
	border-bottom:0px;
}

#header .main-menu > li.menu-item.active > a {
    background-color: transparent;
    color: #ffffff;
}

.archive .main-content
{
	padding-right:5%;
}

#text-2
{
	margin-top:5px;
}

.searchform .btn i {
 
    font-size: 20px;
}

.bigger-paragraph
{    
	font-size: 25px;
    line-height: 33px;
}

.pink-row strong
{
	color:#c44e9d;
}

.pink-row h2
{
	color:#fff;
	font-size:36px;
	line-height:45px;
}

.green h2 strong
{
	color:#19b24b;

}

.pink-row
{
position:relative;
}

.middle-arrow
{
	position:absolute;
	top:-5px;
  left: 50%;
  transform: translateX(-50%);
}

.position-unset
{
	position:unset;
}

.text-col.left
{
	padding-right:10%;
}

.vc_general.vc_btn3 {
    border-radius: 30px;
    padding: 5px 36px;
	color:#fff;
	font-size:20px;
}


.green .vc_general.vc_btn3 {
    border: solid 4px #19b24b;
}


.green .vc_btn3.vc_btn3-color-grey:focus, .green .vc_btn3.vc_btn3-color-grey:hover {
    background-color: #19b24b;
    color: #fff;
}


.orange-row h2, .orange-row strong
{
	color:#be4e27;
}


.orange-row
{
		    padding: 29px;
    border: solid 5px #be4e27;
    border-radius: 40px;
}


.yellow-row h2, .yellow-row strong
{
	color:#cbd432;
}


.yellow-row
{
		    padding: 29px;
    border: solid 5px #cbd432;
    border-radius: 40px;
}


.blue-row h2, .blue-row strong
{
	color:#cbd432;
}


.blue-row
{
		    padding: 29px;
    border: solid 5px #3dc3f2;
    border-radius: 40px;
}

.purple h2
{
	color:#3dc3f2;
}

.page-top .page-title:not(.b-none):after {
    bottom: -24px;
}

.col-list-4
{
	columns:4;
}

.blue h2
{
	color:#3dc3f2;
}
.vc_tta-title-text
{
	margin-right:10px;
	color:#fff;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon
{
	left:initial!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent!important;
    border-color: transparent!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before {
    border-color: #fff!important;
}

.thumb-info .thumb-info-wrapper:after {
    background: rgb(61 195 242 / 57%);
}

.linkbox
{
    margin-top: -142px;
    position: relative;
    z-index: 9;
}



.thumb-info-centered-info .thumb-info-title {

    top: initial!important;
    bottom: 48px!important;
    opacity: 1!important;
	font-size:40px!important;
 
}

.thumb-info-wrapper
{
	border-radius:30px;
}

.white h3
{
	color:#fff;
}

.blue-row strong
{
	color:#3dc3f2;
}

.blue .vc_general.vc_btn3 {
    border: solid 4px #3dc3f2;
}

.blue .vc_btn3.vc_btn3-color-grey:focus, .blue .vc_btn3.vc_btn3-color-grey:hover {
    background-color: #3dc3f2;
    color: #fff;
}

.side-middle-circ
{
	position:absolute;
	left:0px;
	top:68px;
	width:120px;
}

.side-inner-circ
{
	    position: absolute;
    left: 140px;
    top: 0px;
    width: 117px;
}

.side-middle-right-circ
{
		position:absolute;
    right: -19px;
	top:80px;
	width:120px;
}


.wpcf7 input, .wpcf7 textarea
{
	width:100%;
	background:transparent;
	border-bottom:1px solid #fff;
	margin-bottom:25px!important;
	    color: #fff;
}

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder
{
	color:#fff;
}

textarea[name="your-message"] {
  height: 2.5em; /* adjust as needed to match the other fields */
  overflow: hidden;
	    color: #fff;

}

.wpcf7-submit
{
	width:170px!important;
}

.wpcf7-submit {
    width: 170px !important;
    border: #be4e27 3px solid !important;
    border-radius: 30px;
    color: #fff !important;
    opacity: 1 !important;
}

.wpcf7-acceptance label
{
	display:flex;
}

.wpcf7-acceptance  input[type=checkbox]{
    margin-right: 5px;
    width: 35px !important;
    height: 24px !important;
    /* font-size: 38px !important; */
}

.legal-row p, .legal-row a
{
	color:#fff;
	font-weight:400!important;
}


.footer .share-links a, .footer-top .share-links a, .footer .share-links a:hover {
    background: transparent!important;
    color: #ffffff!important;
    font-size: 30px;
	    width: 40px;
	height:40px;
	    margin-top: 0px;
}

.single-service-title
{
	display:none;
}

.share-links a {
    margin: 0.2857em 5px 0.2857em 0;
}

.wpcf7-list-item-label
{
	font-size:14px;
}

.field-details
{
	border:solid 3px #fff;
	border-radius:30px;
	padding:30px;
}

.field-details strong
{
color:#c44e9d;
	margin-right:15px;
}

.post-share
{
	display:flex;
}

.post-share h3 {
    margin-right: 15px;
    padding-top: 5px;
}

.service-contact-form h3
{
	color:#fff;
}
.related-title 
{
	
	color:#fff;
	text-transform:none!important;
	font-size:25px!important;
}

.single-services .main-content, .search-results .main-content {
    padding-right: 5%;
}

.share-links a
{
	border-radius:50%;
}

.fa-share:before {
    content: "\f061";
}

.seach-para p
{
	font-size:20px;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea
{
	background:transparent!important;
	border:0px!important;
	border-bottom:1px solid #fff!important;
	color:#fff!important;
}

.nf-field-element input::placeholder, .nf-field-element select::placeholder, .nf-field-element textarea::placeholder
{
	color:#fff!important;
}

.nf-form-fields-required
{
	display:none;
}


.purple .thumb-info .thumb-info-wrapper:after {
    background: rgb(136 83 162 / 55%);
}

.delivered p
{
    padding-top: 22px;
    display: contents;
}

/* Make "Professionals" link bigger */
.cat-item-4 > a {
    font-size: 20px;
}

/* Make "Community" link bigger */
.cat-item-3 > a {
    font-size: 20px
}

#header .main-menu .narrow li.menu-item:hover > a, #header .main-menu .wide li.menu-item li.menu-item:hover > a {
    color: #c44e9d;
    background-color: transparent;

}

.pagination.load-more .next {
    border-color: transparent;
    background: #3dc3f2;
    border-radius: 30px;
    color: #14152a;
    font-size: 15px;
    max-width: 250px;
}

.pagination-wrap.load-more {

    margin: 0px 0;
}

.page-top .yoast-breadcrumbs a, .page-top .breadcrumbs-wrap a, .page-top .product-nav .product-link {
    color: transparent;
}

.page-top .page-title:not(.b-none):after {


	border-bottom-color:transparent!important;

}

.page-top {
    visibility: hidden;
}

.page-top .page-title:not(.b-none):after {
    border-bottom: 5px solid var(--random-border-color, var(--porto-primary-color))!important;
}

.no-breadcrumbs .main-content {
    padding-top: 0px;
}

/* Put this in Appearance > Customise > Additional CSS */
ul.wp-block-categories-list.wp-block-categories {
  display: flex;
  flex-direction: column;
}
ul.wp-block-categories-list.wp-block-categories > li.current-cat-parent,
ul.wp-block-categories-list.wp-block-categories > li.current-cat-ancestor {
  order: -1; /* Move to the top */
}


 .inline-links {
    display: flex;
    flex-wrap: wrap; /* allows wrapping if screen is small */
    gap: 1rem; /* space between links */
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .inline-links li {
    display: inline;
    background: transparent;
    padding: 4px 12px;
    border-radius: 20px;
    color: #fff;
    border: solid 1px #46c1f0;
  }
.inline-links a {
    text-decoration: none;
    color: #fff;
}
  .inline-links a:hover {
    text-decoration: underline;
  }


.services h2
{
	font-size:28px;
}

.services h3
{
	font-size:20px;
}

.single-service-content strong
{
	color: #c44e9d;
}


.single-service-content a
{
   font-weight: 900;
    text-decoration: underline;
}

 
@media only screen and (max-width:1120px) {

.home .side-inner-circ {
 
    left: 95px;

}
	
}


@media (max-width: 991px) {
    #header .main-menu, .header-right.hidden-for-sm {
       display: flex!important; 
    }
	
	.visible-for-sm.header-right
	{
		display:none!important;
	}
}



@media only screen and (max-width: 940px) {
    .home .side-inner-circ {
    
        left: 39px;
   
    }
}

@media only screen and (max-width:769px) {
	
	
.side-middle-circ, .side-inner-circ, .side-middle-right-circ
{
display:none;
}

.home h2 {
    font-size: 40px;
    line-height: 52px;
}
	.centerpad
	{
		text-align:center;
	}
	
	.opening-times
	{
		padding-top:30px;
	}
	
	.address-col, .social-col
	{
		width:50%!important;
	}
	
	.webspacer
	{
		    height: 60px!important;
	}
	
	.centre4-logo {
    max-width: 100px;
}
	
	#header .main-menu > li.menu-item > a {
    padding: 4px 13px 4px 13px;
		font-size:13px;
}
	
	#nav-menu-item-44 {
    border: solid #19b24b 2px;

}
	
	#nav-menu-item-96 {
    border: solid #3dc3f2 2px;

}
	
	    .home .opening-times h2 {
        font-size: 27px;
        line-height: 41px;
    }
	
	
}




#block-8
{
	display:none!important;
}



a.next.page-numbers {
  animation: pulseColours 1s infinite alternate ease-in-out;
}

.home-contact .wpcf7-submit:hover
{
	background:#be4e27;
}

@keyframes pulseColours {
  0% {
    background-color: #3dc3f2;
  }
  100% {
    background-color: #c05098;
  }
}
