/*
Theme Name:         Suffolk Family Carers
Theme URI:          https://suffolkfamilycarers.org/
Version:            1.5
Author:             Suffolk Family Carers
*/

header#header {-webkit-box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1);
}

.clear {clear: both;}

.CEOP { height: 38px; padding-left: 20px; }

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

	.CEOP { display: none; }
	
}

#top-bar .volunteer {
    padding-left: 15px;
    padding-right: 25px;
}

#top-bar .socialmedia {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

#top-bar i { 
	font-size: 22px;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
}

#top-bar .volunteer, #top-bar .staff, #top-bar .search {
    font-size: 16px;
    height: 42px;
    line-height: 28px;
}

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

	#top-bar {display: none; }
	
	#main {padding-top: 80px; }
	
}
/* RS Moved to Main.css Start
#footer-subscribe { color: #fff; }
#footer-subscribe p { color: #fff; }

#subscribe-social #footer-subscribe header { margin-bottom: 0rem; padding: 35px 0 0px 0; }

#mc4wp-form-1 {margin-bottom: 2rem;}
#subscribe-social .name-field { width: 48%; height: 50px;  background-color: #b61860; color: #fff; padding-left: 2rem;    margin: 0px 0 20px;     border: none; }
#subscribe-social .email-field { width: 97%; height: 50px;  background-color: #b61860; color: #fff; padding-left: 2rem;    margin: 0px 0 20px;     border: none; }
#subscribe-social label, #subscribe-social span { color: #fff; }
#subscribe-social .personal-data-field { background: #b61860; padding: 15px 20px; width: 97%; margin: 20px 0 20px;}
#subscribe-social input[type=submit] {background: #fff; color: #00bce4; text-transform: uppercase;  padding: 1.5rem 3rem; font-weight: bold; margin-bottom: 3rem; }
#subscribe-social input[type=submit]:hover {background: #00bce4; color: #fff; }
#subscribe-social span { font-weight: 300; }
#subscribe-social ::placeholder { color: #fff; opacity: 1; 
}



footer#footer #copy .logoss { text-align: left; }
footer#footer #copy .logoss img {height: 90px; margin: 17px 10px; display: inline-block; }
 RS Moved to Main.css End */


.bbp-submit-wrapper p {
	display: none;
}

.bbp_widget_login .bbp-username input, .bbp_widget_login .bbp-password input {
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	padding: 10px 15px;
	height: 44px;
	color: #333333;
	font-size: 16px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px;
}


.bbp_widget_login .bbp-submit-wrapper {
	float: none;
	text-align: left;
	margin: 10px 0;

}

.bbp_widget_login .bbp-submit-wrapper button {
	
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border: 1px solid #00bce4;
	color: #005581;
	font-size: 18px;
	background-color: #fff;
}

.bbp_widget_login .bbp-submit-wrapper button:hover {
	background: #dd1867;
	border-color: #dd1867;
	color: #fff;
}

@media all and (min-width: 992px) {
	.bbp_widget_login .bbp-username input, .bbp_widget_login .bbp-password input {
		font-size: 20px;
		height: 60px;
		padding: 15px 30px;
	}
}



.gfield_visibility_hidden {display: none;}


.form_saved_message {
    border: 4px solid #dd1867;
    padding: 4rem;
    background: #f6f6f6;
    color: #000000;
    font-size: 2.3rem;	
	line-height: 2;
}
.form_saved_message input[type=submit] { background: #dd1867; color: #fff; }
.form_saved_message input[type=submit]:hover { background: #333; color: #fff; }

.single_job_listing .application_button {display: none!important; }

.job-form h3 {font-size: 3rem; margin-top: 6rem; color: #e6176c; }

.job-form .btn-arrow { background-color: #00bce4; color: #fff; }

.gform_save_link {font-size: 2.5rem; font-weight: bold;}

.gform_wrapper.job-form_wrapper {
      margin: 25px 0px;
  padding-top: 250px;
  margin-top: -250px; }
  .gform_wrapper:before, .gform_wrapper:after {
    clear: both;
    display: table;
    content: ''; }
  .gform_wrapper .job-form .ginput_container input, .gform_wrapper .job-form .ginput_container select, .gform_wrapper .job-form .ginput_container textarea {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    padding: 10px 15px;
    height: 44px;
    color: #333333;
    font-size: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0px; }
    @media only screen and (min-width: 992px) {
      .gform_wrapper .job-form .ginput_container input, .gform_wrapper .job-form .ginput_container select, .gform_wrapper .job-form .ginput_container textarea {
        padding: 15px 10px;
        height: 60px;
        font-size: 20px; } }
    .gform_wrapper .job-form .ginput_container input::-webkit-input-placeholder, .gform_wrapper .job-form .ginput_container select::-webkit-input-placeholder, .gform_wrapper .job-form .ginput_container textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #999999; }
    .gform_wrapper .job-form .ginput_container input::-moz-placeholder, .gform_wrapper .job-form .ginput_container select::-moz-placeholder, .gform_wrapper .job-form .ginput_container textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #999999; }
    .gform_wrapper .job-form .ginput_container input:-ms-input-placeholder, .gform_wrapper .job-form .ginput_container select:-ms-input-placeholder, .gform_wrapper .job-form .ginput_container textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: #999999; }
    .gform_wrapper .job-form .ginput_container input:-moz-placeholder, .gform_wrapper .job-form .ginput_container select:-moz-placeholder, .gform_wrapper .job-form .ginput_container textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #999999; }
  .gform_wrapper .job-form .ginput_container select {
    color: #999; }
  .gform_wrapper .job-form .ginput_container textarea {
    height: 220px;
    resize: none; }
  @media only screen and (min-width: 768px) {
    .gform_wrapper .job-form.contact-page .ginput_container textarea {
      height: 300px; } }
  .gform_wrapper .job-form .ginput_container_checkbox ul {
    padding: 0px !important; }
  .gform_wrapper .job-form .ginput_container_checkbox li {
    padding-left: 25px !important;
    margin-bottom: 0px !important; }
  .gform_wrapper .job-form .ginput_container_checkbox input {
    position: absolute;
    left: 0px;
    top: 15px;
    width: auto;
    height: auto; }
  .gform_wrapper .job-form .ginput_container_checkbox label {
    margin-bottom: 0; padding-top: 0px; }
  .gform_wrapper .job-form .privacy {
    padding: 0px;
    padding-bottom: 25px;
    padding-left: 0 !important; }
    .gform_wrapper .job-form .privacy .ginput_container_checkbox input {
      position: absolute;
      left: 0px;
      top: 16px;
      width: auto;
      height: auto;
      left: 10px; }
    .gform_wrapper .job-form .privacy .ginput_container_checkbox li {
      background: rgba(2, 180, 221, 0.1);
      padding: 15px 10px;
      padding-left: 35px !important; }
    .gform_wrapper .job-form .privacy .gfield_description.validation_message {
      bottom: 0px; }
    .gform_wrapper .job-form .privacy.gfield_error li {
      background-color: #f2dede; }
  .gform_wrapper .job-form li {
    margin-bottom: 20px;
    padding-left: 0px !important; }
    .gform_wrapper .job-form li:before {
      display: none !important; }
  .gform_wrapper .job-form ul {
    padding-left: 0px !important;
    margin: 0px; }
  .gform_wrapper .job-form .gfield_label {
        font-size: 1.8rem;
    }

.job-form .ginput_complex > span > label {
        font-size: 1.8rem; margin-top: 10px;
    }

  .gform_wrapper .job-form .gform_footer {
    float: left;
    width: 100%; }
    .gform_wrapper .job-form .gform_footer .btn-arrow {
      float: right; }
  .gform_wrapper .job-form .note {
    color: #00bce4;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    text-align: right; }
    .gform_wrapper .job-form .note a {
      color: #005581; }
      .gform_wrapper .job-form .note a:hover {
        color: #dd1867; }
    @media only screen and (min-width: 992px) {
      .gform_wrapper .job-form .note {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px; } }
  .gform_wrapper .job-form .gfield_description.validation_message {
    color: #b94a48;
    font-weight: 10px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    padding: 3px 15px; }
  .gform_wrapper .job-form:before, .gform_wrapper .job-form:after {
    clear: both;
    content: '';
    display: table; }
  .gform_wrapper .job-form p {
    margin: 0px; }
  .gform_wrapper .job-form.register .gform_footer {
    width: auto;
    float: right; }
  .gform_wrapper .validation_error {
    margin: 0 15px;
    margin-right: 0;
    margin-bottom: 25px; }



.navigation { display: grid; text-align: center; margin-top: 7rem; margin-bottom: 7rem; }

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #005581;
    border-radius: 0px;
    cursor: pointer;
    padding: 1.35rem;
}
 
.navigation li a:hover,
.navigation li.active a {
      background-color: #dd1867;
}




/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
      background: #00bce4;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
    background: #005581;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;

}
.tab-content-wrap {     padding: 2rem 2rem; }
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 0px;
  margin-bottom: 1rem;
  color: #fff;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}



.ginput_container_consent {

    background: rgba(2, 180, 221, 0.1);
    padding: 15px 10px;
    padding-left: 35px !important;

}
.ginput_container_consent input {

    width: 40px;
    float: left; 
	
}

.ginput_container_consent label {

    padding-top: 1.9rem;
    padding-bottom: 1rem;
	
}

.gfield_consent_label {width: 90%; }



.gform_wrapper .job-form .ginput_container_checkbox label {
    margin-bottom: 0;
    padding-top: 13px;
}

.gform_wrapper .job-form .ginput_container_checkbox ul {margin-bottom: 5rem;}




#main .row.no-gutter .col { border: 10px solid #fff; }



.job-listing {

	border: 3px solid #e5e5e5;
    padding: 2.5rem 5rem;
    margin-bottom: 2rem;
    background: #f7f7f7;


}

.job-listing strong {color: #0080BC; width: 120px; display: inline-block;}
.job-listing h3 { font-size: 3rem; }
.job-details li {line-height: 2; }
.job-listing p { font-size: 17px!important; margin: 20px 0 10px; line-height: 1.8; font-family: 'PT Sans', sans-serif!important; }
.job-listing .button {padding: 1.3rem 2rem; background: #dd1867; color: #fff; font-weight: bold; display: inline-block; margin-top: 1rem; }
.job-listing .button:hover { background: #333; color: #fff; }
.read-more-toggle-label:hover { background: #333; color: #fff; }

job-listing span {font-size: 17px!important;
    margin: 20px 0 10px;
    line-height: 1.8!important;
    font-family: 'PT Sans', sans-serif!important;
	font-weight: 400; }


.read-more-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease;
}

.read-more-toggle {
  display: none;
}

.read-more-toggle-label {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  border: none;
  margin-bottom: 0rem;
  padding: 1.3rem 2rem;
  background: #00b4dd;
  color: #fff;
}

.read-more-toggle-label:after {
  content: "More";
  display: inline-block;
}

.read-more-toggle:checked + .read-more-content {
  display: block;
  /* css animation won't work with "auto"; set to some height larger
	than the content */
  max-height: 1000px;
}

#read-more-toggle-1:checked + #read-more-toggle-label-1:after {
  content: "Less";
}

#read-more-toggle-2:checked + #read-more-toggle-label-2:after {
  content: "Less";
}

#read-more-toggle-3:checked + #read-more-toggle-label-3:after {
  content: "Less";
}

#read-more-toggle-4:checked + #read-more-toggle-label-3:after {
  content: "Less";
}



.gpnf-nested-form ul, .gpnf-nested-form ol { margin: 0px; padding: 0px; }

.gpnf-nested-entries {
        min-width: 100%!important;
}
.gpnf-nested-form .gform_wrapper { padding: 0px; }

.ginput_complex > span > label {
    font-size: 1.7rem;
}
.gpnf-nested-form .gfield_label {
    font-size: 1.7rem;
}
.gpnf-nested-form input[type=checkbox], .gpnf-nested-form input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px 0 0;
    line-height: normal;
    float: left;
    width: auto;
    margin: 0px 10px 0px 5px;
	height: 20px;
}
.gpnf-nested-form .gfield_checkbox li { margin-top: 5px; font-size: 1.5rem; }


.module.module-list-events .course, .module.module-list-events .post {border: 10px solid #fff;}
@media only screen and (min-width: 1200px) { .module.module-list-events .course, .module.module-list-events .post { overflow: hidden; height: 450px;}}
.module.module-list-events .course .bg, .module.module-list-events .post .bg { height: 340px;}
.module.module-list-events .course h2, .module.module-list-events .post h2 { font-size: 2rem; line-height: 1.4; margin-top: 1rem; }
.module.module-list-events .course h2 a, .module.module-list-events .post h2 a {color: #005581;}
.module.module-list-events .course h2 a:visited, .module.module-list-events .post h2 a:visited {color: #005581!important;}
.module.module-list-events .course h2 a:hover, .module.module-list-events .post h2 a:hover {color: #dd1867!important; }
.module.module-list-events .course .bg:hover, .module.module-list-events .post .bg:hover {opacity: 0.6;}
.module.module-list-events .course header, .module.module-list-events .post header {min-height: 90px;}


.padded, .tpl-contact .map-location .overlay address, .woocommerce-wrap {
    padding-left: 20px;
    padding-right: 30px;
}

#main .row.no-gutter {height: auto!important;}

#main { margin-bottom: 0px!important; padding-bottom: 30px; }

#wrapper .footer-group {position: relative!important;}



.module.module-cta .inner-wrap {
    position: relative;
   
    margin-top: 3rem;
	background: none;
}
.image-hover {  border: 2px solid #03b1da; }
.image-hover:hover {opacity: 0.7; }

.module.module-article-video .video-wrap {  border: 2px solid #03b1da; }
.module-events-feature, .module-article-video { margin-top: 3rem; }

.main-article .main-article-header { padding-bottom: 5px; }
.main-article .main-article-header h1 { margin-bottom: 15px; }
.main-article h2 {margin-top: 2rem; color: #0080BC; }

h3, .h3 {
    font-size: 2.5rem;
    color: #00bce4;
    line-height: 1.5;
    margin-bottom: 20px;
}
p { margin: 0px 0 20px; line-height: 1.4; font-size: 18px;}
#main.tpl-main-article .main-article ul li { margin: 0px 0 5px; line-height: 1.6; font-size: 16px; }
#main.tpl-main-article .main-article ul { padding-left: 0px; }

.tpl-young-carers .main-article { 
	padding-top: 2rem;
}

.tpl-young-carers .main-article p {
    margin: 0px 0 20px 0;
    font-size: rem;
    line-height: 1.7;
}

.module.module-home-slider .slider-wrap .slide .slide-inner .bg { opacity: 1; }


.module.module-cta .slider-wrap .slide .slide-inner .col { background: #00bce4; padding: 4rem; }

.module.module-cta .slider-wrap .slide .slide-inner .col.lightblue { background: #00bce4; }
.module.module-cta .slider-wrap .slide .slide-inner .col.black { background: #000; }
.module.module-cta .slider-wrap .slide .slide-inner .col.darkgrey { background: #222; }
.module.module-cta .slider-wrap .slide .slide-inner .col.darkblue { background: #005581; }
.module.module-cta .slider-wrap .slide .slide-inner .col.pink { background: #dd1867; }
.module.module-cta .slider-wrap .slide .slide-inner .col h2 { color: #fff; font-size: 4rem; line-height: 1.2; }
.module.module-cta .slider-wrap .slide .slide-inner .col h3 { color: #fff; font-size: 2.5rem; }
.module.module-cta .slider-wrap .slide .slide-inner .col p { color: #fff; font-size: 2rem; }



.subcat {  margin: 10px 0 30px;  display: table; }

.subcat li {display: table;
    float: left;
    margin-right: 30px;
    border: 2px solid #000;
    padding: 1rem 2rem;
    font-weight: bold;
}


.sub-cat-button {
	top: 0px;
    left: 0px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    background-color: #333333;
    min-width: 120px;
    padding: 6px 10px;
    font-size: 2rem;
	border: 2px solid #000;
	margin-top: 1rem;
	display: table;
	margin-right: 1rem;
	color: #fff!important;
	font-weight: bold;
}
.sub-cat-button:hover { background: #dd1867; color: #fff; }

/*------------------------------------*\
  Tablepress
\*------------------------------------*/


.tablepress td, .tablepress th {  padding: 10px;}

.tablepress { border: 1px solid #005581;}

.tablepress .odd td {background-color: #F2F2F1;}

.tablepress .column-1 td { font-weight: 700;}

.tablepress tbody td, .tablepress tfoot th { border: none; font-size: 1.4rem; line-height: 1.5; font-family: "Source Sans Pro", sans-serif;}

.tablepress table thead { background: #005581; color: #fff;	font-size: 1.8rem;}
.tablepress table tfoot { background: #005581; color: #fff;	font-size: 1.8rem;}

.tablepress tfoot th, .tablepress thead th {background:  #005581!important;	color: #fff;	font-size: 2.2rem;}




#main.tpl-main-article .wp-block-gallery li {
	list-style: none;
	 padding-left: 0px!important;
    	border: 5px solid #fff;
}
#main.tpl-main-article .wp-block-gallery li:before {
	display: none!important;

}
#main.tpl-main-article .wp-block-gallery li img:hover {
	opacity: 0.7;
}

#main.tpl-main-article .main-article ul li {
    margin: 0px 0 5px;
    line-height: 1.4;
    font-size: 18px;
}

#main.tpl-main-article ol {
    list-style: decimal;
    margin-left: 20px;
}
#main.tpl-main-article ol li {
    margin: 0px 0 5px;
    line-height: 1.4;
    font-size: 18px;
}
#main.tpl-main-article ol li::marker { 
    font-weight: bold;
    color: #00bce4;
}