/*
 Theme Name:   e-wellbeing
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       SCIP
 Author URI:   https://www.scip.org.uk/
 Template:     generatepress
 Version:      0.1
*/

/**** over-ride GeneratePress flexbox on posts ****/
.fl-builder-content {
	width: 100%;
}

.page-header, .sidebar .widget, .site-main > * {
	margin-bottom: 0px;
}


/****** typography ******/

/**** underlines on body links only ****/
.fl-module-content p > a, .list-links li > a, .uabb-gf-style .gform_body a, .fl-callout-content .fl-callout-text a, .bullets-content a {
	text-decoration: underline !important;
	display: inline-block;
	font-weight: 700;
}

a.fl-button:hover *, .nav-previous a:hover, .nav-next a:hover, .fl-module-content h6 > a:hover {
 	text-decoration: underline !important;
}

blockquote {
	font-size: 16px;
}

/*** bullet points ***/

.bullets-content ul, .feelings-plain-text-white ul, .feelings-plain-text ul {
  list-style: none; /* Remove default bullets */
}

.bullets-content ul li::before, .feelings-plain-text-white ul li::before, .feelings-plain-text ul li::before {
	content: "\2022";
	margin-top: -12px;
	color: #6C4791;
	font-weight: 700;
	font-size: 2.5em;
	display: inline-block;
	width: 1em;
	line-height: 1em;
	margin-left: -1em;
	position: relative;
	top: 8px;
	right: -12px;
}


/****** elements ******/

.load-more button, .load-more-services button, .load-more-training button {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: .75em 3.5em;
	border-radius: 8px;
}

.load-more button {
	background-color: #ED8C01;
}

.load-more-services button {
	background-color: #2CB09F;
}

.load-more-training button {
	background-color: #6C4791;
}



/****** header ******/

/*** header bar links ***/

.fl-builder-content .fl-node-yez06tg1oj3k .fl-module-content .fl-rich-text a {
	color: #52366D;
	text-decoration: none !important;
}

.fl-builder-content .fl-node-yez06tg1oj3k .fl-module-content .fl-rich-text a:hover {
	color: #6C4791;
	text-decoration: underline !important;
	-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

@media screen and (max-width: 1250px) {
.fl-node-k6ycxd4u3e0g .uabb-creative-menu.uabb-menu-default .menu > li > a {
	padding-left: 14px !important;
	padding-right: 14px !important;
}
}

@media screen and (max-width: 1102px) {
.fl-node-k6ycxd4u3e0g .uabb-creative-menu.uabb-menu-default .menu > li > a {
	padding-left: 11px !important;
	padding-right: 11px !important;
}
}

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

/** responsive reposition help button  **/
.ew-help-now .fl-button {
	position: fixed !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 50% !important;
	z-index: 50000 !important;
}

/** help button on top when going into menu overlay **/
#responsive-menu-pro-container {
  height: calc(100% - 58px) !important;
}
}

/*** main menu ***/
.fl-node-k6ycxd4u3e0g .uabb-creative-menu .menu > li.current-menu-item > a {
	background: #5F3688 !important;
}



/****** quick exit ******/

#sftExt-frontend-button.bottom {
	top: 90px;
	bottom: auto;
}

/* fix for admin bar positioning when logged in */
.admin-bar #sftExt-frontend-button.bottom {
	top: 122px;
	bottom: auto;
}

#sftExt-frontend-button.right {
	left: auto;
	right: 0px;
	width: 12%;
}

#sftExt-frontend-button.rectangle {
	padding: 16px 12px 17px;
	font-size: 17px !important;
	font-family: Fredoka One, sans-serif;
	letter-spacing: .5px !important;
	line-height: 1.35 !important;
}

#sftExt-frontend-button.rectangle:hover {
	background: #208e75;
	-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}


@media screen and (max-width: 1020px) {
#sftExt-frontend-button.bottom {
	top: auto !important;
	bottom: 0 !important;
}

#sftExt-frontend-button.right {
	left: auto;
	right: 0px;
	width: 50%;
}

#sftExt-frontend-button.rectangle {
	padding: 16px 20px 18px !important;
	font-size: 18px !important;
}
}

/****** main menu ******/

.mainnavPadding ul li.focus a {
	background-color: #52366d !important;
}

@media screen and (min-width: 1580px) {

.mainnavPadding .uabb-creative-menu .menu > li{
	min-width: 14%;
}
/*	
.mainnavPadding .uabb-creative-menu .menu{
margin-right: 30px
}*/		
}

@media screen and (min-width: 1579px) {
	
.mainnavPadding .uabb-creative-menu .menu > li{
	min-width: 12%;
}


/*	
.mainnavPadding .uabb-creative-menu .menu {
	margin-right: 30px
}	*/		
}

@media screen and (min-width: 1509px) {
	
.mainnavPadding .uabb-creative-menu .menu > li{
	min-width: 11%;
}

}

	
	
/* no idea what this is */
.mejs-controls {
 display: none !important;
 visibility: hidden !important;
}

.uabb-blog-posts-carousel .fl-row-content-wrap {
 background-color: transparent !important;
}

/****** gravity forms ******/

/**** image choices styling is within the Gravity Forms options ****/

/**** home page hero questionnaire ****/

/* header text */

.home .gform_wrapper.gravity-theme .gfield_label {
	display: block !important;
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: 400 !important;
	font-size: 60px !important;
	letter-spacing: 1px !important;
	margin: 0 auto 48px !important;
	line-height: 1.2em;
}

/**** image choices ****/

.image-choices-field {
  max-width: 100%;
  width: 100%;
}

.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
	position: relative;
	vertical-align: middle;
	transition: all 0.3s;
	border-radius: 50%;
	margin-left: 12px !important;
	margin-bottom: 90px !important;
	overflow: visible;
}

/* spacing between emotes */

.image-choices-field .image-choices-choice label,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice label {
	padding: 0 .5em !important;
}

/* spacing of favicons */
.image-choices-field .image-choices-choice {
	margin: 0 12px 12px 12px !important;
}

/* invisible border */
.image-choices-field .image-choices-choice,
.image-choices-field .image-choices-choice.image-choices-choice-hover
.image-choices-field .image-choices-choice.image-choices-choice-selected {
	box-shadow: none;
	background-color: transparent !important;
	border-color: transparent !important;
}

.image-choices-field .gfield_label {
	font-size: 48px;
	margin-bottom: 0;
	display: inline-block;
	text-align: center;
}

/* circle around choice */

.image-choices-field .image-choices-choice-image-wrap {
	border: 0;
	width: 90px !important;
	height: 90px !important;
	padding-bottom: 24px !important;
	background-color: #fff;
	border-radius: 50%;
	background-size: cover;
	box-shadow: 0 0 0 0 rgba(255,255,255,1), 0 0 10px 5px rgba(0,0,0,0);
	transition: all 0.3s;
}

.image-choices-field.image-choices-show-labels .image-choices-choice-text {
  font-size: 0;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  bottom: 124px;
  z-index: 3;
  transition: all 0.3s;
  background-color: transparent;
  width: 150px;
}

/* width of selected favicon border */
.image-choices-field .image-choices-choice.image-choices-choice-selected .image-choices-choice-image-wrap {	
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
}

/* favicon chosen text */
.image-choices-field .image-choices-choice.image-choices-choice-selected .image-choices-choice-text {
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: normal;
	letter-spacing: .5px !important;
	font-size: 24px;
}

/* description text */
.home .form-desc, .form-desc a {
	font-size: 22px;
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: 400 !important;
	letter-spacing: .5px !important;
	max-width: 880px;
	margin: 0 auto .5em !important;
}

.home .form-desc a, .form-desc a:hover {
	text-decoration: underline;
}

.home .form-desc a:hover {
	color: #F7BE1F;
	-webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.home .form-desc p {
	margin-bottom: .5em !important;
}

/* skip question */

.skip-question a {
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: normal !important;
	letter-spacing: 1px !important;
}

.skip-question a:hover {
	color: #F7BE1F;
}

/* next button */

.home .gform_next_button, .gform_page_footer input[type="submit"] {
	display: inline-block;
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: normal !important;
	font-size: 1.5em !important;
	letter-spacing: 1px !important;
	background: url("https://e-wellbeing.co.uk/wp-content/uploads/2022/10/next.png") 108px 20px no-repeat !important;
	background-color: rgba(0,0,0,.1) !important;
	border: 1px solid #fff !important;
	border-radius: 2em !important;
	padding: 16px 80px 16px 32px !important;
	margin-top: 1em;
}

.home .gform_next_button:hover, .home .gform_page_footer input[type="submit"]:hover {
	border-width: 3px !important;
	margin-top: 20px !important;
	transform: scale(1.05) !important;
}

.home .gform_previous_button {
	display: none;
}

/* spacing at bottom */
.home .gform_wrapper.gravity-theme .gform_footer, .home .gform_wrapper.gravity-theme .gform_page_footer {
	margin: 0 !important;
	padding: 0 !important;
}

/*** radio buttons ***/

/* hide radio buttons but keep labels */

#field_1_9 .gfield-choice-input, #field_1_14 .gfield-choice-input, #field_1_17 .gfield-choice-input, #field_1_21 .gfield-choice-input {
	visibility: hidden !important;
}

/* labels */

.home-page-hero .gform_wrapper.gravity-theme .gfield_radio label {
	font-size: 48px !important;
	color: #ffffff;
	font-family: Fredoka One, sans-serif;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	margin: 0 auto !important;
	line-height: 2em !important;
	cursor: pointer;
}

/* label spacing */

#field_1_9 .gfield_radio .gchoice, #field_1_17 .gfield_radio .gchoice, #field_1_21 .gfield_radio .gchoice {
	padding: 2px 16px !important;
	border-bottom: 2px solid transparent;
}

.gform_wrapper .gfield.gf_list_inline .gfield_radio .gchoice {
	padding-right: 0 !important;
}


/* labels hover */

#field_1_9 .gfield_radio .gchoice label:hover, #field_1_17 .gfield_radio .gchoice label:hover, #field_1_21 .gfield_radio .gchoice label:hover {
	border-bottom: 2px solid #fff;
	margin-bottom: -2px !important;
	color: #F7BE1F;
}

#field_1_9 .gfield_radio .gchoice:hover, #field_1_17 .gfield_radio .gchoice:hover, #field_1_21 .gfield_radio .gchoice:hover {
	padding: 2px 16px !important;
}

/* labels selected */

#field_1_9 .gfield_radio input:checked + label, #field_1_17 .gfield_radio input:checked + label, #field_1_21 .gfield_radio input:checked + label {
	border-bottom: 2px solid #fff;
	color: #F7BE1F;
}

/* pseudo buttons for feelings choices */

#field_1_14 .gfield_radio input + label {
	font-size: 22px !important;
	letter-spacing: .5px !important;
	padding: .75em 2em !important;
	margin: 8px -8px !important;
	border-radius: 8px !important;
}

/* selected button */
#field_1_14 .gfield_radio .gchoice input:checked + label {
	border: 4px solid #fff;
	border-radius: 8px !important;
}

/* specific colours */

.gfield_radio .gchoice_1_14_0 input + label, .gfield_radio .gchoice_1_14_4 input + label, .gfield_radio .gchoice_1_14_8 input + label {
	background: #5cc1e3;
	border: 4px solid #5cc1e3;
}

.gfield_radio .gchoice_1_14_1 input + label, .gfield_radio .gchoice_1_14_5 input + label {
	background: #c5337d;
	border: 4px solid #c5337d;
}

.gfield_radio .gchoice_1_14_2 input + label, .gfield_radio .gchoice_1_14_6 input + label {
	background: #f99634;
	border: 4px solid #f99634;
}

.gfield_radio .gchoice_1_14_3 input + label, .gfield_radio .gchoice_1_14_7 input + label {
	background: #2cb09f;
	border: 4px solid #2cb09f;
}

/*** gravity forms media queries ***/

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

/* header text */
.home .gform_wrapper.gravity-theme .gfield_label {
	font-size: 48px !important;
}
}

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

/* favicon spacing */
.image-choices-field .image-choices-choice, .gform_wrapper .gfield.image-choices-field li.image-choices-choice {
	width: 44% !important;
}

/* favicon label centring */
.image-choices-field.image-choices-show-labels .image-choices-choice-text {
	left: 50% !important;
}

/* favicon label on one line */
.image-choices-field .image-choices-choice.image-choices-choice-selected .image-choices-choice-text {
	width: 133% !important;
}


}

/****** podcasts archive ******/

/* force 'listen' to drop to base of module */
.fl-node-d1qeg2rv6uzp h5.uabb-post-heading {
	min-height: 160px;
}

/* hide unnecessary arrow after 'listen' */
.fl-node-d1qeg2rv6uzp .uabb-blog-post-content .uabb-read-more-text span {
	display: none;
}

/****** feelings ******/

/**** typography ****/

/*** dropdown blocks text ***/

.feelings-plain-text .fl-module-content {
	color: #fff;
}

/*** links in dropdown blocks ***/
.feelings-plain-text-white .fl-module-content a, .feelings-plain-text .fl-module-content a {
	text-decoration: underline !important;
	color: #AE126C;
	font-weight: 700;
}

.feelings-plain-text-white .fl-module-content a:hover, .feelings-plain-text .fl-module-content a:hover {
	text-decoration: underline !important;
	color: #7A0344;
}


/**** archive and related ****/


.pp-content-grid-image img {
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
	will-change: transform;
}

.pp-content-grid-image img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/*** powerpack content grid for podcasts ***/

.fl-node-7ko8n5acbsrj .pp-content-post {
	border-radius: 18px 18px 0 0 !important;
}

.fl-node-7ko8n5acbsrj .pp-content-post:hover {
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.fl-node-7ko8n5acbsrj .pp-content-post img {
	border-radius: 18px 18px 0 0 !important;
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
	will-change: transform;
}

.fl-node-7ko8n5acbsrj .pp-content-post img:hover {
  overflow: hidden !important;
	-webkit-transform: scale(1.05);
          transform: scale(1.05);
}


/*** singular ***/

/* hide expandable rows until button press */

#trigger-target-a1, #trigger-target-a2, #trigger-target-a3, #trigger-target-a4, #trigger-target-a5, #trigger-target-a6, #trigger-target-a7, #trigger-target-a8, #trigger-target-b1, #trigger-target-b2, #trigger-target-b3, #trigger-target-b4, #trigger-target-b5, #trigger-target-b6, #trigger-target-b7, #trigger-target-b8, #trigger-target-b9, #trigger-target-b10, #trigger-target-c1, #trigger-target-c2, #trigger-target-c3, #trigger-target-c4, #trigger-target-c5, #trigger-target-c6, #trigger-target-c7, #trigger-target-c8, #trigger-target-d1, #trigger-target-d2, #trigger-target-d3, #trigger-target-d4, #trigger-target-d5, #trigger-target-d6, #trigger-target-d7, #trigger-target-d8 {
	display: none;
}

.fl-builder-edit #trigger-target-a1, .fl-builder-edit #trigger-target-a2, .fl-builder-edit #trigger-target-a3, .fl-builder-edit #trigger-target-a4, .fl-builder-edit #trigger-target-a5, .fl-builder-edit #trigger-target-a6, .fl-builder-edit #trigger-target-a7, .fl-builder-edit #trigger-target-a8, .fl-builder-edit #trigger-target-b1, .fl-builder-edit #trigger-target-b2, .fl-builder-edit #trigger-target-b3, .fl-builder-edit #trigger-target-b4, .fl-builder-edit #trigger-target-b5, .fl-builder-edit #trigger-target-b6, .fl-builder-edit #trigger-target-b7, .fl-builder-edit #trigger-target-b8, .fl-builder-edit #trigger-target-b9, .fl-builder-edit #trigger-target-b10, .fl-builder-edit #trigger-target-c1, .fl-builder-edit #trigger-target-c2, .fl-builder-edit #trigger-target-c3, .fl-builder-edit #trigger-target-c4, .fl-builder-edit #trigger-target-c5, .fl-builder-edit #trigger-target-c6, .fl-builder-edit #trigger-target-c7, .fl-builder-edit #trigger-target-c8, .fl-builder-edit #trigger-target-d1, .fl-builder-edit #trigger-target-d2, .fl-builder-edit #trigger-target-d3, .fl-builder-edit #trigger-target-d4, .fl-builder-edit #trigger-target-d5, .fl-builder-edit #trigger-target-d6, .fl-builder-edit #trigger-target-d7, .fl-builder-edit #trigger-target-d8 {
	display: block;
}


/*** tick box forms ***/

/* tick box spacing */
.feelings-tick-boxes .uabb-gf-style .gform_wrapper div.gfield_checkbox div {
	margin: 1em -1em !important;
}

/* hide submit */
.feelings-tick-boxes .uabb-gf-style .gform_wrapper .gform_footer input[type="submit"] {
	visibility: hidden;
	display: none;
}

/* results boxes */
.check-result-box {
	background: #AE126C !important;
	color: #fff;
	padding: .5em 1em !important;
	border-radius: 8px;
}

.check-result-box a {
	display: inline-block;
	color: #fff;
	font-weight: 400;
	font-family: Fredoka One, sans-serif;
	font-weight: 400 !important;
	letter-spacing: .5px !important;
	text-decoration: underline !important;
}

.check-result-box a:hover {
	color: #ED8C01;
}

/*** gravity forms range slider ***/

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}

/** runnable track for various browsers **/
input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track {
  width: 100%; 
  height: 24px;
  background: #6C4791;
  cursor: pointer; 
  border: 1px solid #fff;
	border-radius: 12px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 24px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 24px 0;
  color: transparent;
}

/* the "thumb" that the user can move within the "groove" of an <input> of type="range" to alter its numerical value. */
input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 36px;
  width: 36px;
  border-radius: 24px;
  background: #fefefe;
  margin-top: -10px;
  cursor: pointer;
  border: 1px solid #e6e6e6;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e6e6e6; /* What color should the bar have while dragging the thumb to another place in the slider. */
}

/* -ms is used by the Internet Explorer browser */

input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: #e6e6e6;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
}

input[type=range]:focus::-ms-fill-lower, input[type=range]:focus::-ms-fill-upper {
  background: #6C4791;;
}


/* webkit - chrome and safari */

input[type=range] {
  -webkit-appearance: none; /* We first need to hide the slider, so we're sure only our custom CSS is being used. */
  width: 100%; /* Width is required in FireFox. */
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%; 
  height: 24px; /* The height of the range slider bar. */
  background: #6C4791; /* In our case we want an orange background of the bar. */
  cursor: pointer; /* What cursor should be shown when hovering the range slider. */
  border: 1px solid #fff; /* And a black border of the bar. */
  border-radius: 12px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 36px;
  width: 36px;
  border-radius: 24px;
  background: #fefefe;
  margin-top: -10px;
  cursor: pointer;
  border: 1px solid #e6e6e6;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e6e6e6; /* What color should the bar have while dragging the thumb to another place in the slider. */
}



/* lose white background */
.feelings-tick-boxes .uabb-gf-style .gform_wrapper form .gform_body input {
	background: transparent;
}

/* lose text */
.feelings-tick-boxes .field_description_above .instruction, .gwp_slider input + output {
	display: none;
}


/****** schools / resources ******/

/**** archive ****/

/** category submenu **/

.facetwp-dropdown {
	display: inline;
	font-family: "Fredoka One", sans-serif;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.5px;
	width: 300px;
	color: #222222;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 30px;
	border: 0px solid #AE126C;
}

/** category colours **/

/* back to school */
.resource_topic-back-to-school .fl-rich-text {
	color: #5CC1E3;
}
.resource_topic-back-to-school {
	border-bottom: 8px solid #5CC1E3 !important;
}

/* black lives matter */
.resource_topic-black-lives-matter .fl-rich-text {
	color: #F19020;
}
.resource_topic-black-lives-matter  {
	border-bottom: 8px solid #F19020 !important;
}

/* covid-19 */
.resource_topic-covid-19 .fl-rich-text {
	color: #6C4791;
}
.resource_topic-covid-19 {
	border-bottom: 8px solid #6C4791 !important;
}

/* international students */
.resource_topic-international-students .fl-rich-text {
	color: #ED8C01;
}
.resource_topic-international-students {
	border-bottom: 8px solid #ED8C01 !important;
}

/* mental health */
.resource_topic-mental-health .fl-rich-text {
	color: #AE126C;
}
.resource_topic-mental-health  {
	border-bottom: 8px solid #AE126C !important;
}

/* parents and carers */
.resource_topic-parents-carers .fl-rich-text {
	color: #C5337D;
}
.resource_topic-parents-carers  {
	border-bottom: 8px solid #C5337D !important;
}

/* sexual health & relationships */
.resource_topic-sexual-health-relationships .fl-rich-text {
	color: #4a4a4a;
}
.resource_topic-sexual-health-relationships {
	border-bottom: 8px solid #4a4a4a !important;
}

/* schools and organisations */
.resource_topic-schools-organisations .fl-rich-text {
	color: #2CB09F;
}
.resource_topic-schools-organisations {
	border-bottom: 8px solid #2CB09F !important;
}

/* teacher resources */
.resource_topic-teacher-resources .fl-rich-text {
	color: #2CB09F;
}
.resource_topic-teacher-resources {
	border-bottom: 8px solid #2CB09F !important;
}

/* young people */
.resource_topic-young-people .fl-rich-text {
	color: #2CB09F;
}
.resource_topic-young-people {
	border-bottom: 8px solid #2CB09F !important;
}

/*** load more button ***/

.fl-node-9sudxfvtglw0 .pp-content-grid-load-more a, .fl-node-w2a9f7pxzmly .pp-content-grid-load-more a {
	background-color: #5CC1E3;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: .75em 3.5em;
	border-radius: 8px;
}

.fl-node-9sudxfvtglw0 .pp-content-grid-load-more a:hover, .fl-node-w2a9f7pxzmly .pp-content-grid-load-more a:hover {
	background-color: #4EA4BF;
}


/*** icon tweaks ***/

.icon-spacing .fl-button i.fl-button-icon-before {
	margin-right: .2em !important;
	text-decoration: none !important;
}

.files-icon-spacing .fl-button i.fl-button-icon-before {
	margin-right: .35em !important;

}


/****** stories ******/

/**** archive view ****/

/** search **/
.facetwp-facet {
	margin-bottom: 24px !important;
}

.facetwp-facet input.facetwp-search {
	background: #fff;
	border-radius: 12px;
	min-width: 400px !important;
	border: 2px solid #fff;
	/*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);*/
}

.facetwp-icon::before {
	width: 36px !important;
	background-position: 0px 50% !important;
	background-size: 24px !important;
}

/*** width of search element on mobile ***/

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

.facetwp-facet input.facetwp-search {
	min-width: 100% !important;
}

/*** putting nav links on the same line on mobile ***/

.fl-node-ep7wskdtc40g .nav-previous, .fl-node-ep7wskdtc40g .nav-next {
	display: inline-block !important;
	width: 50% !important;
}
}

/****** services ******/

/**** archive view ****/

.services-logo-sizing {
	height: 8rem;
}

.services-logo-sizing img {
	max-height: 10rem;
	max-width: 50%;
	width: 50%;
}

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

.services-logo-sizing {
	height: auto;
}

.fl-node-hy9euoifc7sz .fl-photo-img, .fl-node-hy9euoifc7sz .fl-photo-content {
	width: 65vw;
}
}

/* make bottom border straight */
.fl-post-grid-post {
	border: none;
}

.services-boxes h6 a {
	color: #333333 !important;
}

.services-boxes h6 a:hover {
	color: #7A0344 !important;
}

.services-boxes .fl-post-grid-post {
	overflow: hidden;
	border-radius: 18px 18px 0 0;
	border-bottom: 8px solid;
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.services-boxes .fl-post-grid-post:hover {
	border-bottom-width: 12px !important;
}

.service_location-brighton-hove {
	color: #AE126C;
}

.service_location-east-sussex {
	color: #ED8C01;
}

.service_location-west-sussex {
	color: #5CC1E3;
}

.facetwp-radio {
	display: inline-block !important;
	background-image: none !important;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-right: .5em;
	margin-bottom: 12px !important;
	padding: 12px 18px !important;
	color: #fff;
	border-radius: 8px;
	-webkit-transition: all 0.25s ease-in !important;
  -moz-transition: all 0.25s ease-in !important;
  -o-transition: all 0.25s ease-in !important;
  transition: all 0.25s ease-in !important;
}

.facetwp-radio:nth-of-type(1) {
	background-color: #2CB09F !important;
}

.facetwp-radio:nth-of-type(2) {
	background-color: #AE126C !important;
}

.facetwp-radio:nth-of-type(3) {
	background-color: #ED8C01 !important;
}

.facetwp-radio:nth-of-type(4) {
	background-color: #5CC1E3 !important;
}

.facetwp-radio:hover {
	filter: brightness(1.2) !important;
}

.facetwp-radio.checked {
	background-color: #fff !important;
}

.facetwp-radio.checked:nth-of-type(1) {
	color: #2CB09F !important;
}

.facetwp-radio.checked:nth-of-type(2) {
	color: #AE126C !important;
}

.facetwp-radio.checked:nth-of-type(3) {
	color: #ED8C01 !important;
}

.facetwp-radio.checked:nth-of-type(4) {
	color: #5CC1E3 !important;
}

.facetwp-counter {
	display: none;
}

/**** services singular ****/

.services-share .fl-icon {
	display: inline-block;
	padding: 0 .25em;
}

.services-share a {
	font-size: 24px;
	color: #222222;
}

.services-share a:hover {
	color: #7A0344;
	-webkit-transition: all 0.25s ease-in !important;
  -moz-transition: all 0.25s ease-in !important;
  -o-transition: all 0.25s ease-in !important;
  transition: all 0.25s ease-in !important;
}

/* image size */
.services-logo-singular-sizing img {
	max-height: 8rem;
	max-width: 100%;
	width: 100%;
}


/****** training content ******/

/* bottom border zoom in */

.fl-node-s82gptvxani3 > .fl-col-content {
	background-color: #ffffff;
	border-bottom: 8px solid #6C4791;
		-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.fl-node-s82gptvxani3 > .fl-col-content:hover {
	border-bottom-width: 12px !important;
}

/* zoom in image on hover */

.hover-zoom-in .fl-photo-content {
  overflow: hidden;
}
.hover-zoom-in .fl-photo-content .fl-photo-img {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  will-change: transform;
}
.hover-zoom-in .fl-photo-content .fl-photo-img:hover {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}


/****** login / create account page ******/

/* logged in */

.uabb-lf-logout-text {
	background: #E6E6E6;
	text-align: center;
	border-radius: 6px;
	padding: 20px 20px 8px;
}

/* input width on mobile - why? */
@media screen and (max-width: 768px) {
.uabb-lf-custom-wp-login-form .uabb-lf-input-width_50, .uabb-lf-custom-wp-login-form .uabb-lf-btn-width_50 {
	width: 100%;
}

.fl-node-b1du3tqwsh2k .uabb-lf-form-wrap .uabb-lf-input-group .uabb-lf-submit-button {
	min-width: 100%;
}

}

/****** user profile / account pages ******/

/* favourite buttons */

.simplefavorite-button {
	margin-top: 2rem;
	font-size: 22px;
	font-weight: 600;
	border-radius: 4px;
	padding: 20px;
}

/* list */

.favs-saved-content-wrapper {
	clear: both;
	margin: 0;
	padding: 0;
	border-top: none;
}

.favs-saved-content-listing {
	border-top: none !important;
	margin: 0 !important;
	padding: .4em 0 !important;
}

.favs-saved-content-listing a {
	text-decoration: underline !important;
	font-size: 18px;
}



/****** footer ******/

/*** social icons ***/

.fl-module-content .fl-icon i:hover, .fl-module-content .fl-icon a:hover i {
	-webkit-transition: all 0.25s ease-in !important;
  -moz-transition: all 0.25s ease-in !important;
  -o-transition: all 0.25s ease-in !important;
  transition: all 0.25s ease-in !important;
}

.fas { font-weight:900 !important; }

/* mark changes to forms to make click boxes look better */


.single-feelings .uabb-gf-style .gform_wrapper .gfield_checkbox div label{
	font-family: "Fredoka One", sans-serif;
	position: relative;
	margin-left: 45px;
}

.single-feelings .uabb-gf-style .gform_body .ginput_container_checkbox .gfield_checkbox input[type="checkbox"] + label::before {
	position: absolute;
	left: -45px;
	top: 3px;
}

.home-page-hero .gform_wrapper.gravity-theme .gfield_radio label{
	position: relative;
}

/* the hover on home page faces */


.image-choices-field .image-choices-choice.image-choices-choice-hover .image-choices-choice-text {
	font-size: 24px;
	width: 6em;
}

/* images on stories */

body.single-post img{
	width: 100%;
	height: auto !important;
}

/* changes to headerbar below 1300px */

@media only screen and (max-width: 1300px) and (min-width: 1020px){
	
#sftExt-frontend-button.rectangle {
  font-size: 15px !important;
  letter-spacing: inherit;
}

.fl-builder-content .fl-node-yez06tg1oj3k .fl-rich-text :not(b, strong) {
	font-size: 15px;
}

.fl-builder-content .fl-node-oqlj5tcsxbep a.fl-button, .fl-builder-content .fl-node-oqlj5tcsxbep a.fl-button:visited {
	font-size: 15px;
}

.fl-node-yez06tg1oj3k > .fl-module-content {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}

.fl-builder-content .fl-node-oqlj5tcsxbep .fl-button-wrap a.fl-button {
  padding-right: 14px;
  padding-bottom: 20px;
  padding-left: 14px;
  padding-top: 15px;
}		
}	

/****** Mark's CSS to prevent double lines on 'feelings' ******/

.page-id-12 .pp-content-grid-inner {
	border-bottom: 8px solid #ae126c;
}

.service_location-west-sussex .pp-content-grid-inner {
	border-bottom: 8px solid #5cc1e3;
}

.service_location-east-sussex .pp-content-grid-inner {
	border-bottom: 8px solid #ed8c01;
}

a.pp-grid-load-more-button {
	font-weight: 700;
}