/*
 Theme Name:     Sirpa UK
 Theme URI:      https://www.fallenleafwebdesign.co.uk
 Description:    Sirpa UK Theme
 Author:         Fallen Leaf
 Author URI:     https://www.fallenleafwebdesign.co.uk
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

.wp-grid-builder .wpgb-card-1 .wpgb-block-4 {
  background-color: #184275!important;
} 

 
/* FONTS */
p {font-size: 16px!important; font-weight: 400!important;}

h1, h2, h3, h4, h5, h6 {font-family: "IBM Plex Serif", "Serif"; font-weight: 600;}
h1 {font-size: 60px;}
.HeaderH1 h1 {font-size: 100px;}
h2 {font-size: 50px;}
h3 {font-size: 40px;}
h4 {font-size: 25px;}
h5 {font-size: 18px;}
body  {font-family: "IBM Plex Serif", "Serif";}
.pink {color: #da0f88!important;}
.white {color: #fff!important;}
.blue {color: #184275!important;}

table.wccpf_fields_table td.wccpf_label span {display: none;}

/*Header-Image*/

.header-image {
    background-image: url(https://www.sirpa.org/wp-content/uploads/2018/04/header-image.jpg)!important;
    background-size: contain;
    background-position: center left!important;
	background-size: 32%;
}

/* MAIN HEADER & NAV */

header#main-header {padding-top: 0px}
header#main-header {padding-bottom: 20px;}
.menu-item-4528 { width: 105px; background-color: #da0f88; padding: 8px 0px; text-align: center!important; }

.menu-item-4528 a {padding-bottom: 0px!important;}
#et-secondary-menu {background-color: #194276; padding-right: 20px;}
#top-header .container {padding-top: 0px!important; width: 98%; max-width: 100%;}
#top-header {background-color: #c0dbee }
#top-menu li li a { width: max-content; }
.nav li ul { width: min-content; }
.nav li li ul { left: 265px; }
.nav li.et-reverse-direction-nav li ul { right: 327px; left: auto; }


img#logo {z-index: 10001!important;}

.header-content-text:before {content: ''; width: 150px; height: 22px; background-color: #da0f88; display: block; margin-bottom: 12px;}
.header-content-text p {font-size: 17px; color: #fff; width: 58%; line-height: 1.3; }

.nav li li ul { border-top: 4px solid #da0f88!important; top: -44px!important;}

.sub-menu a {font-size: 14px!important;}

@media (min-width: 981px) {

	.sub-menu {margin-top: 20px; border-top: 22px solid #da0f88!important;}
	
}

.BlueBar:before {content: ''; width: 150px; height: 22px; background-color: #184275; display: block; margin-bottom: 12px;}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a, .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a, .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a, .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {padding-bottom: 4px!important;}

#main-header {border-bottom: 22px solid #da0f88; padding-top: 40px;}

img#logo {position: relative; top: 15px; max-height: 100%; max-height: 110px;}

.et_fullwidth_nav #top-menu li.mega-menu>ul {width: 65%; margin-left: 32%!important;}

	.cart-acc {display: none!important;}

/*Home Page*/


.graphic img:hover {opacity: 0.75!important;}
.spotlight-practitioner img {   border-radius: 50%!important;}

/* -----MOBILE----- */

@media (max-width: 980px) {
	img#logo {max-width: 200px!important;}	
}

.mobile_menu_bar:before {color: #184275!important; top: 22px!important;}
.et_mobile_menu {border-top: 22px solid #da0f88!important; top: 100px;}



/* -----Footer----- */

#footer-widgets p {font-size:14px!important;}
#footer-widgets h2 {color: #fff; font-size: 36px!important}
.textwidget:before {content: ''; width: 75px; height: 22px; background-color: #da0f88; display: block; margin-bottom: 12px;}
#footer-b {background-color: #da0f88; color: #fff!important; padding: 5px 10px; text-align: center; margin: 3px; position:relative; width:184px; float: left; display: block!important; margin-bottom: 25px;}
.footer-widget:nth-of-type(2) {width: 38%!important;}
.footer-widget:nth-of-type(3) {width: 28.25%!important; padding-top: 40px; margin-left: 20px;}
.textwidget a:nth-of-type(2) {margin-top: -16px!important;}
#footer-b:hover {background-color: #fff; color: #da0f88!important;}

.footer-widget.last {margin: 0;}
#media_image-2 {top: -28px; height: auto; position: absolute; right: 0; width: 200px!important; z-index: 9999999999!important;}
.ppdrd {display: inline-block; padding-left: 30px;}

#footer-info a {font-weight: 500!important;}

/*----General----*/

.blue-sec {padding: 5%!important; background-color: #c0dbee;}
.blue-sec h4 { color: #da0f88!important; font-size: 25px!important;}
.blue-sec h3 { color: #da0f88!important; font-size: 17px!important;}

/*Shop*/

#supervisor_name  {margin-bottom: 20px;
    border-radius: 5px;
	height: 36px;}

.woocommerce-product-details__short-description, .woocommerce-Tabs-panel {color: #163965}

.woocommerce ul.products li.product a img {
    max-height: 370px!important;
    border-bottom: 10px solid #da0f88;
}

.woocommerce ul.products li.product {background-color: #194276; padding-bottom: 30px}

.woocommerce ul.products li.product .woocommerce-loop-product__title {color: #fff!important; padding: 20px 20px 5px 20px;}
li.product span.woocommerce-Price-amount.amount {padding: 20px;color: #fff!important;}

.et_overlay:before {color: #da0f88!important;}

h1.product_title.entry-title {
    font-size: 36px;
    color: #da0f88;
}


.product .related h2 {
    font-size: 20px!important;
    color: #da0f88;
}


.single-product #main-content .container:before {background: none;}
@media (min-width: 981px){
.single-product #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}
.single-product #sidebar {display:none;}

.single-product .entry-summary p.price span {color: #194276!important;}


/* -----Home----- */

.et_pb_video_overlay {background-size: cover;
    background-position: top right;}

.et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_ .et_pb_button.et_pb_button_0.et_pb_module.et_pb_bg_layout_light {width: 200px; text-align: center;}
.et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_ .et_pb_button.et_pb_button_1.et_pb_module.et_pb_bg_layout_light {width: 200px; text-align: center;}
.et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_ {margin-bottom: 10px;}

.border-radius {border-radius: 25px!important;}

.blue-tab:before { content: ''; width: 125px; height: 17px; background-color: #194276; display: block; margin-bottom: 8px; }
.pink-tab:before { content: ''; width: 125px; height: 17px; background-color: #da0f88; display: block; margin-bottom: 8px; }
.white-tab:before { content: ''; width: 125px; height: 17px; background-color: #fff; display: block; margin-bottom: 8px; }
/* -----About----- */

#AboutRightText:before {content: ''; width: 75px; height: 22px; background-color: #184275; display: block; margin-bottom: 12px;}

.speaker-title-bar {border-top-left-radius: 25px; border-top-right-radius: 25px; }
.speaker-main-content {border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
.speaker-title-bar h2 {color: #da0f88!important;}
.speaker-title-bar:before {content:''; width: 125px; height: 17px; background: #fff; display: block; margin-bottom: 10px;}
.speaker-image {position: relative; border-radius: 50%; text-align: right;}
.speaker-image img {border-radius: 50%;}

/* -----Im In Pain, FAQ----- */

.quote-tx {
    background-color: #c0dbee;
    padding: 2%!important;
    border-left: 22px solid #da0f88;
}

.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {color: #184275;}

/* -----Store Finder----- */

.infobox__row a  {color: #da0f88!important;}
.infobox__row.infobox__row--marker { display: none; }
a.ssflinks {color:#da0f88!important;}
#ssf_adress_input_box, #filter_left_panel {top: -155px!important;}

@media (max-width: 980px) {#ssf_adress_input_box, #filter_left_panel {top: 0px!important;} }

h2.title.space-bottom-3x {font-weight: 600!important;}
.info-img {background-size: contain!important; background-position: right!important; background-repeat: no-repeat!important; }
.store-locator__infobox.store-locator__infobox--main {background-color: #194276!important;}
.infobox__body {font-family: "IBM Plex Serif", "Serif"; font-weight: 600;}
.infobox__title { color: #da0f88; font-size: 22px!important; font-weight: 600!important; }

.store-locator-map .store-locator__infobox:before { border-right-color: #194276!important; }

.ssf_image_setting {
    height: 150px!important;
    max-width: 150px!important;
    background-size: cover;
    background-position: center;
    margin: 0px auto;
    border-radius: 50%;
}

.info-img  {
	    height: 150px!important;
    max-width: 150px!important;
    background-size: cover!important;
    background-position: center;
    margin: 0px auto;
    border-radius: 50%;
	
	
}

.store-locator__infobox.store-locator__infobox--main {padding-top: 15px!important;}

/* -----Contact Us----- */
li#field_1_4.gfield.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible {display: inline-block; width: 50%;}
li#field_1_2.gfield.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible {display: inline-block; width: 50%;}
input#input_1_4.medium {width: 100%; border-radius: 3px;}
input#input_1_2.medium {width: 100%; border-radius: 3px;}
textarea#input_1_3.textarea.medium { border-radius: 3px!important;}
label.gfield_label {display: none!important;}

#gform_submit_button_1 {border: none; background-color: #da0f88; padding-top: 7px; color: #fff; padding-bottom: 7px; padding-left: 24px; padding-right: 24px; font-family: "IBM Plex Serif", "Serif"; font-size: 15px;}
#gform_submit_button_1:hover { background-color: #184275; color: #fff; cursor: pointer;}

/* -----Recovery Stories----- */

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {background-color: #184275!important; color: #fff!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {background-color: #fff!important; color: #da0f88!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {background-color: #fff!important; color: #da0f88!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a.active {background-color: #184275!important; color: #fff!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {background-color: #fff!important; color: #da0f88!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a.active {background-color: #184275!important; color: #fff!important; border-radius: 25px; margin-right: 7px; margin-bottom: 7px; border: solid 2px #c0dbee;}
.et_pb_module_header {
    padding-bottom: 15px!important;
	padding-top: 6px!important}

.et_pb_portfolio_item.et_pb_grid_item {background-color: #184275; border-radius: 10px;}
.et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image img {border-top-left-radius: 10px; border-top-right-radius: 10px; max-height: 160px!important;}
.et_pb_portfolio_item.et_pb_grid_item p a {color: #fff!important; margin-left: 14px; margin-bottom: 10px;}
.et_pb_portfolio_item.et_pb_grid_item h2 a {color: #ffffff; margin-left: 11px; font-size: 28px!important; margin-top: 10px;}

.et_pb_portfolio_item .et_pb_grid_item {max-height: 250pc!important; height: 150px!important;}

.vcondition {color: #fff; display:block; margin-left:11px; margin-bottom:10px;}


.et_pb_portfolio_item .post-meta {color:#fff!important; padding:0 10px 10px 10px!important;}
.et_pb_portfolio_item .post-meta a {margin:0!important;}


/*Blog*/
h1.entry-title {
    font-size: 40px!important;
    color: #da0f88!important;
    padding-top: 3%;
}

h4.widgettitle {
    color: #194276;
}

 blockquote {
    border-color: #da0f88!important;
}

/*Basket*/

.button {
    color: #fff!important;
    background-color: #da0f88!important;
	font-family: "IBM Plex Serif", "Serif"!important;
	font-size: 18px!important;
}

/*---------------------- Event Tabs ------------- */
.woocommerce-Tabs-panel--test_tab {background-color: #fff;}
.event-details-outer {padding: 20px; margin-bottom: 0px; width: 100%; display : block; overflow: auto; background-color: #fff; padding-bottom: 10px;}
.details-left, .details-right, .details-left p, .details-right p {width: 50%; float: left;}
.event-details-inner h3, .event-info-t {color: #da0f88}
.event-details-inner h3 {font-size: 33px!important; margin-bottom: 40px;}
.details-left div, .details-right div {overflow: auto; display: block;}
.details-left p, .details-right p {font-size: 20px!important;}


/*---------------------- Pop Up Practitioner Page ------------- */

.page-id-670 .popmake-close, .post-type-archive-members .popmake-close {display: none!important;}

.page-id-670 .popmake-content .button, .post-type-archive-members  .popmake-content .button  {display: block; width: 100%; background: #da0f88; color: #fff; font-size: 18px; text-align: center; padding-top: 15px; padding-bottom: 15px;}

.saving-reminder {    color: #ffffff!important;
    background: #da0e7f;
    font-size: 20px;
    background-color: #da0e7f;
    padding: 10px 37px!important;
	border-radius: 7px!important; box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}

.saving-reminder:hover {opacity: 0.75;}

div#popmake-5490 {padding: 0px!important;}

/*--------------Responsive-Headers--------------*/

.pheader {background-image: url('https://www.sirpa.org/wp-content/uploads/2018/04/uk-header2.jpg');background-size: cover; background-color: #184275;}

.infobox__row.store-description {font-weight: 500!important;}

@media (max-width: 1400px) {
	.header-content-text p { font-size: 12px!important; color: #fff; line-height: 17px!important; width: 58%; }
	.header-content-text p:before {margin-left: 5%;}
	.pheader h1 {font-size: 7vw!important;}
	.pheader h2 {font-size: 3vw;}
	.pheader h4 {font-size: 1.7vw;}
	.pheader h5 {font-size: 1.7vw;}
}

@media (max-width: 980px) {
	.header-content-text p { font-size: 12px!important; color: #fff; line-height: 17px!important; width: 58%; }
	.header-content-text p {width: 100%!important;}
	.pheader { background-image: none; padding-right: 5%!important; padding-top: 5%!important;}
	.header-content-text { padding-top: 0px!important; text-align: right; padding-bottom: 25px;}
	.header-content-text:before {display: none;}
	.header-content-text p { font-size: 12px!important; padding-left: 5%}
	.menu-item-4528 {display: none!important;}
	.cart-acc {display: block!important;}
}

@media (max-width: 480px) {
	.header-content-text p { font-size: 12px!important; color: #fff; line-height: 17px!important; width: 58%; }
	.pheader h1, .pheader h2, .pheader h4, .pheader h5 {text-align: right!important;}
	img#logo {top: 0px; max-width: 100px!important;}	
	.pheader h1 {font-size: 55px!important;}
	.pheader .fibromyalgia h1 {font-size:38px!important;}
}






.et_pb_pricing_table  {min-height:941px;}

@media (max-width: 1299px) {
	.et_pb_pricing_table  {min-height:1050px;}
}
@media (max-width: 1070px) {
	.et_pb_pricing_table  {min-height:1150px;}
}
@media (max-width: 1010px) {
	.et_pb_pricing_table  {min-height:1224px;}
}
@media (max-width: 980px) {
	.et_pb_pricing_table  {min-height:0px;}
}


.postid-8022 form {display: none!important;}



/* Members */
.wpgb-input, .wpgb-select {background:#fff!important; border:none!important;}
.wpgb-geo-radius input {background:none!important;} 
.wpgb-map-facet  {border-radius:4px;}
.wpgb-load-more {background-color:transparent!important; margin-top:40px!important;}
.wpgb-area-top-2 .wpgb-facet{flex: auto!important; width:33.3%!important; max-width: unset!important;}
.wpgb-area-top-2 .wpgb-facet-5 {width:100%!important;}
.wpgb-area-top-2 .wpgb-facet-5 ul {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;} 
.wpgb-area-top-2 .wpgb-facet-5 li {padding:8px!important; margin:5px!important} 
.wpgb-area-top-2 .wpgb-facet-5 .wpgb-checkbox-control {border-color:#184275!important;}
.wpgb-area-top-1 .wpgb-facet-1 fieldset {border:2px solid #184275; border-radius: 4px;}
.wpgb-checkbox-label {color:#184275; color: #184275; font-weight: 600!important;}
.wpgb-area-top-2 .wpgb-facet .wpgb-input, .wpgb-area-top-2 .wpgb-facet .wpgb-select {border:2px solid #184275!important}

.wpgb-facet .wpgb-hierarchical-list li {width:32%;}

.post-type-archive-informed-pro .wpgb-facet .wpgb-facet-8 {width: 100%!important}

.post-type-archive-informed-pro .wpgb-facet select {height: auto!important;}

.member-info span {font-weight:600; color:#da0f88; margin-right:4px;}
.member-info div {display:flex; margin-right:10px; flex-wrap:wrap;}

.service-info span {font-weight:600; color:#fff; font-size:20px;}
.service-info div {margin-bottom:20px;}
.service-info ul {display:flex; flex-wrap:wrap; list-style:none; padding-left:0;}
.service-info li {color:#fff; background:#da0f88; margin-right:10px; margin-top:10px; border-radius:15px; font-weight:600; padding:5px 10px;}

.member-contact p {font-size:20px!important;}

.member-address {color:#fff; font-size:20px; line-height:1.6}
.member-address span, .member-contact span {font-weight:600;}

.member-contact-form .button {border:none; background:#184275!important; padding:7px 24px; cursor:pointer;}

.member-video-container {margin:40px 0;}

.member-form-col {display:flex; align-items:center; justify-content:center; flex-direction:column;}
.member-form-col h4 {margin-bottom:20px;}
.gform_confirmation_message p {color:#fff; font-size:20px!important;}

.member-register-form .acf-button {border:none; background:#184275!important; padding:7px 24px; cursor:pointer; color:#fff; font-size:18px;}
.member-register-form #acf-field_60d5aa7b72aab {border:1px solid #bbb!important}

.member-website {color: #fff; background: #da0f88; border-radius: 15px; font-weight: 600; padding: 10px 20px; font-size:16px; cursor:pointer; border:none;}

.map-testimony-link {float: none; margin: 10px 0px 20px 0px!important; text-align: center!important; display: block!important; position: relative!important; width: 100%!important;}

.ip-content .wpgb-facet .wpgb-hierarchical-list{
	display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    grid-template-rows: 1fr!important;
    grid-column-gap: 0px!important;
    grid-row-gap: 0px!important;
}

.ip-content .wpgb-facet .wpgb-hierarchical-list li {
	margin: 0px!important;
}

@media only screen and (max-width:980px){
	.wpgb-area-top-2 .wpgb-facet {width:100%!important;}
	.wpgb-facet .wpgb-hierarchical-list li {width:48%;}	
}


@media only screen and (max-width:768px){
	
	.member-contact span {display:block; margin-bottom:10px;}
	.member-contact, .member-address {font-size:18px!important;}	
	.wpgb-area-top-2 .wpgb-facet-5 li {width:100%!important;}
	.wpgb-map-facet {padding-bottom:75%!important}
	.map-testimony-link {width: 100%!important;}
	.map-testimony {padding: 12px 6px;}
	.map-testimony .wpgb-map-marker-content {padding-top: 0px!important;}
}






/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
width:100%;
height:44px;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #194276;
font-size: 16px;
font-family: ETmodules;
position:absolute;
right:20px;

}
  
span.menu-closed.menu-open:before {
content: "\4d";
}

/*menu fix*/
.sub-menu{
	margin-top: 0px;
	border-top: #c0dbee!important;
	width: min-content;
}

#top-menu li li {
	width: 100%;
	padding-bottom: 0px!important;
}

#top-menu li{
	padding-bottom: 15px!important;
}

.nav li li ul{
  top: -25px!important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
	padding-bottom: 14px!important;
}


.login-menu-item .sub-menu {right:0;}