/*
Theme Name: NAF Child Theme
Theme URI: https://prochoice.org
Version: 1.0
Description: Theme for prochoice.org
Author: National Abortion Federation
Author URI: https://prochoice.org
template: bb-theme
*/
 
.n2-ss-slide-backgrounds .n2-ss-slide-background:nth-child(3) .n2-ss-slide-background-wrap .n2-ss-slide-background-image {background-position-y: 0%;}
.nextend-arrow-title {font-family: 'Roboto','Arial' !important; font-weight: 700 !important;}
.image-transform .fl-photo-content {transform: perspective(900px) rotateY(-25deg); box-shadow: 10px 17px 20px rgba(0,0,0,0.5);}
.gform_wrapper input[type=submit], .gform_body .button, body .gform_wrapper.gf_browser_chrome input.button.gform_button_select_files {padding: 12px 24px !important;}
.fl-page-content blockquote {border: none; margin: 1rem 2rem;}
._df_thumb {box-shadow: none; margin: 0;}
._df_thumb[thumbtype="img"] {width: 100%;}
._df_thumb[thumbtype="img"] img {max-height: 100%;}
.news-feed .uabb-blog-posts-shadow {background-color: #003366;}
.news-feed .uabb-blog-posts-shadow a.uabb-button:hover {border-color: #ffffff;}
.news-feed .uabb-blog-posts-shadow .uabb-post-thumbnail + .uabb-blog-post-content a.uabb-button:hover {border-color: #036;}
iframe {border: none;}
.uabb-creative-menu .menu.uabb-creative-menu-horizontal .uabb-menu-toggle {float: inherit !important;}
.facetwp-template .clinic-info h6 {margin-bottom: 0; font-size: 20px; color: #ffffff;}
.facetwp-bb-module .facetwp-facet {margin-bottom: 0}
.facetwp-facet select, .facetwp-type-fselect .fs-wrap {height:35px; width: 100%;}
.facetwp-bb-module .facetwp-facet .fs-label-wrap {height: 35px;}
.facetwp-bb-module .facetwp-facet .fs-label-wrap .fs-label {padding-top: 8px;}
.facetwp-template .fwpl-layout .fwpl-result a {overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; display: inline-block; line-height: 1.2; color: #ffffff;}
.facetwp-template .fwpl-layout .fwpl-result {color: #ffffff; background-color: #74a2d3;}
.facetwp-template .fwpl-layout .fwpl-result p {font-size: 14px; font-weight: 100; margin-bottom: 0;}
.facetwp-template .fwpl-layout .fwpl-result span {display: inline-block; font-size: 14px; margin-bottom: 5px;}
.facetwp-template .fwpl-layout {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.facetwp-template .fwpl-layout .fwpl-row {grid-template-columns: 1fr; display: grid;}
.facetwp-template .fwpl-layout .fwpl-row .fwpl-col {padding: 20px; color: #ffffff;}
.conditions_tooltip {position: relative; display: inline-block; font-size: 12px; font-style: italic;}
.conditions_tooltip .conditions_tooltiptext {visibility: hidden; width: 300px; background-color: #006699; color: #fff; padding: 20px; position: absolute; z-index: 1; top: 100%; left: 50%; margin-left: -150px; /* Use half of the width (120/2 = 60), to center the tooltip */ font-size: 12px !important; font-style: normal;}
.conditions_tooltip:hover .conditions_tooltiptext {visibility: visible;}
input.facetwp-location {min-width: auto !important; margin-bottom: 5px;}
.facetwp-type-fselect .fs-wrap, .facetwp-type-fselect .fs-dropdown {width: 100% !important;}
#facetwp-map + div {display: none;}
.gm-style-mtc, .gm-fullscreen-control, .gm-svpc {display: none;}
.widget_search input[type=search] {height: 50px; font-size: 16px; border-radius: 0; border-color: #003366;}
.toolbar_donate {padding: 2px 12px 3px 12px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #003366; margin-left: 10px; background-color: #003366; text-transform: uppercase; font-weight: 400 !important;}
.toolbar_donate:hover {background-color: #ffffff !important; color: #006699 !important; border-color: #ffffff;}
#menu-main-menu > li.menu-item-has-children > a:hover {cursor: pointer !important;}
#menu-main-menu > li.menu-item-has-children .uabb-has-submenu-container > a:hover {cursor: default !important;}
#menu-main-menu > li.menu-item-has-children .uabb-has-submenu-container > a:hover {cursor: pointer !important;}
#feed-facetwp .facetwp-facet {margin-bottom: 0; display: inline-block;}
#feed-facetwp .facetwp-facet select {height: auto; width: 300px; text-transform: capitalize; border: none; border-bottom: 1px dashed #003366; background-color: #ffffff; color: #003366; font-size: 16px;}
#feed-facetwp .fs-option-label {font-size: 16px !important; text-transform: capitalize; font-weight: 400;}
#feed-facetwp .facetwp-search {font-size: inherit; color: #003366; border: none; border-bottom: 1px dashed #003366; padding: 0; background: #ffffff;}
#feed-facetwp .facetwp-type-fselect .fs-wrap, #feed-facetwp .facetwp-type-fselect .fs-dropdown {width: 300px !important;}
.page-id-13811 #feed-facetwp .facetwp-type-fselect .fs-wrap {width: 320px !important;}
.page-id-13811 .facetwp-facet input.facetwp-search {width: 400px !important;}
.page-id-13811 #feed-facetwp .facetwp-facet-equipment_state .fs-wrap {width: 180px !important;}
#feed-facetwp .fs-wrap {height: 60px;}
#feed-facetwp .fs-label-wrap {height: auto; border: none; border-bottom: 1px dashed #003366; background-color: #ffffff; color: #003366; width: 100%; padding-bottom: 7px;}
#feed-facetwp .facetwp-input-wrap {top: -6px !important;}
#feed-facetwp .fs-label-wrap .fs-label {padding: 0; font-weight: bold; text-transform: capitalize;}
#feed-facetwp .fs-arrow {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #003366;}
#feed-facetwp .fs-dropdown .fs-options {max-height: 395px; text-align: left; overflow: scroll;}
#feed-facetwp .fs-dropdown .fs-search {display: none;}
.annual-report:hover .fl-photo-img-jpg {-webkit-transform: rotateY(-20deg) rotateZ(0); -moz-transform: rotateY(-20deg) rotateZ(0); -ms-transform: rotateY(-20deg) rotateZ(0); transform: rotateY(-20deg) rotateZ(0); box-shadow: 3px 0 12px rgba(0,0,0,0.60);}
.annual-report .fl-photo-img-jpg {background-size: 100% 100%;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    background-color: #eee;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.22);
}
.annual-report {    cursor: pointer;
    display: inline-block;
    -webkit-transform-style: flat;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    box-sizing: border-box;
    -webkit-transition: .2s;
    -moz-perspective: 1200px;
    perspective: 1200px;}
#in-clinic-abortion .tm-timeline-li-1 .bb-tmlabel, #in-clinic-abortion .tm-timeline-li-2 .bb-tmlabel {margin-left: 30%;}
.facetwp-facet input.facetwp-location {border-radius: 0 !important;}
.uabb-thumbnail-position-background.uabb-blog-post-inner-wrap {height: 100%;}
.uabb-dual-color-heading .uabb-after-heading-text {display: inline;}
#translate-widget {position: absolute; right: 0;}
.page-id-12819 .uabb-slide-down {z-index: 100 !important;}
.page-id-12819 .reasons-give .fl-row-content-wrap {z-index: 1 !important;}
.post-password-required .fl-post-title {display: none !important;}

.gform_wrapper .gf_step span.gf_step_label {font-size: 18px;}
.gf_step_active {color: #003366;}
.gform_wrapper .gf_step span.gf_step_number {display: none !important;}
.gform_wrapper .description_above .gfield_description {padding: 0 !important; font-style: italic;}
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {font-size: 14px !important; margin-top: 0 !important;}
body .gform_wrapper ul li.gfield {margin-top: 0 !important;}
body .gform_wrapper h2.gsection_title {margin-top: 40px !important; font-size: 26px;}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {height: 52px !important;}
body .gform_wrapper .top_label div.ginput_container {margin-top: 0 !important;}
body .uabb-gf-style .gform_wrapper .ginput_container_date .ginput_container_date select {margin-top: 3px !important; margin-bottom: 0 !important;}
body .uabb-gf-style .gform_wrapper .ginput_container_date .ginput_container_date {margin-bottom: 15px !important;}
.gform_wrapper .gf_page_steps {margin-bottom: 20px !important;}
.gform_wrapper .gform_page_footer {margin-top: 30px !important;}
.gform_wrapper .gsection {margin-bottom: 10px !important;}
.gfield h6 {font-weight: 100; margin-top: 10px !important;}
.gform_wrapper .form_saved_message {background-color: #e9e9e9 !important;}
div.form_saved_message div.form_saved_message_emailform form input[type=submit] {background-color: #069 !important;}
div.form_saved_message div.form_saved_message_emailform form input[type=submit]:hover {background-color: #036 !important;}
body .uabb-gf-style .gform_body .ginput_container_radio .gfield_radio input[type='radio'] + label:before {float: left; margin-bottom: 3px; margin-top: 3px;}
li.gfield_price {margin-bottom: 20px;}
.copy_values_option_container {margin-bottom: 15px;}
.ginput_container_singleproduct {margin-top: 10px !important;}
.woocommerce-store-notice {background-color: #069 !important;}
.woocommerce .button {padding: 12px 24px !important;}
.woocommerce .button:hover {background-color: #036 !important;}
.woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td {padding-bottom: 0 !important;}
.woocommerce #pa_price-level, .woocommerce .orderby {padding: .25em !important;}
.woocommerce .reset_variations {padding-top: 0 !important; margin-top: -5px;}
.products li a.woocommerce-loop-product__link img:hover {opacity: 0.7;}
.gform_confirmation_message {font-size: 24px !important;}
.cad_price .gfield_description {font-size: 16px !important; color: #060 !important;}
#showOrHide {display: none;}
#start_chat:disabled, #start_chat:disabled:hover {background: #cccccc !important; border-color: #cccccc !important; cursor: default !important;}
#start_chat:disabled:before {content: none !important;}
li.gfield.gfield_error {border-top: 3px solid red !important; border-bottom: 3px solid red !important;}
li.gfield_error .gfield_label {color: red !important;}
.uabb-gf-style .gform_wrapper li.gfield_error .validation_message {color: red !important;}
.gform_validation_errors.validation_error {border-color: red !important; border-width: 3px !important;}
.gform_validation_errors>h2 {color: red !important;}
p.has-text-align-center {text-align: center;}
.ty-photo img {width: 300px;}
.quote-pic img {width: 250px;} 
#input_12_46_2_container {display: flex;}
.gform_legacy_markup_wrapper .gform_card_icon_container div.gform_card_icon {margin-right: 0; width: 45px;}

/* donation forms */
#DonorInfo label.InLineLabel {display: inline-block;}

/* Toolset CRED forms */
.cred-form input[type=text], .cred-form input[type=password], .cred-form input[type=email], .cred-form input[type=tel], .cred-form input[type=date], .cred-form input[type=month], .cred-form input[type=week], .cred-form input[type=time], .cred-form input[type=number], .cred-form input[type=search], .cred-form input[type=url], .cred-form textarea, .cred-form .wpt-form-textarea, .cred-form .wpt-form-textfield, .cred-form .wpt-form-select {color: #545454; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6;}
.cred-form .submit {padding: 15px 30px !important;}


/* start Hotline Chat function */
/* ------ GLOBAL ------ */
.item-reset {
  margin: 0 16px 18px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  background: #4481eb;
  box-shadow: 0 0 27px rgba(#000000, 0.19);
}
.item-reset,
.item-reset button.button-action,
.item-reset .button-header-title,
.item-reset p.button-content-message {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
}
.button-wrapper,
button.button-action {
  border-radius: 20px;
}
.button-header-title,
p.button-content-message {
  color: #ffffff;
}

/* ------ CONTAINER ------ */
.dimelo_chat_mode_offline .item-reset {
  background: #A1A1A1;
}

/* ------ WRAPPER ------ */
.button-wrapper {
  max-width: 205px;
}
.button-inner-wrapper {
  padding: 20px 24px;
}

/* ------ HEADER ------ */
.button-header {
  position: relative;
  margin: 0 0 25px 0;
  svg {
    fill: #ffffff;
  }
}
/* --- Button --- */
.button-header-control {
  position: absolute;
  top: -13px;
  right: -12px;
}
button.button-control-quit {
  padding: 8px;
  border: 0 none;
  border-radius: 10px;
  background: transparent;
  &:hover,
  &:focus:before,
  &:active:before {
    background: #3d74d4;
  }
}
/* --- Icon --- */
.button-header-icon {
  margin: 0 0 20px;
}
/* --- Title --- */
.button-header-title {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

/* ------ CONTENT ------ */
.button-content-message {
  margin: 0 0 25px;
}

/* ------ BUTTONS ------ */
.button-actions {
  margin: 0;
  white-space: normal;
  text-decoration: none;
  cursor: pointer;
}
button.button-action {
  width: 100%;
  padding: 15px 10px;
  position: relative;
  border: 2px solid #ffffff;
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #4481eb;
  &:focus:before,
  &:active:before,
  &:hover:before {
    content: '';
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 20px;
    background-color: rgba(#000000, .12);
  }
}

body #gform_wrapper_15 #contact_reason { 
  margin: 0 auto; width:100%; position: relative; border: 2px solid #fff; background: #fff; font-size: 14px; font-weight: 600; color: #4481eb; border-radius: 20px; line-height: 1.2; padding: 15px 10px;
 }
 
 /*--------------------------------
                INVITATION CHAT
--------------------------------*/
/* ------ GLOBAL ------ */
.item-reset {
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  background: #4481eb;
}
.item-reset,
.item-reset .invitation-header-title,
.item-reset p.invitation-content-message,
.item-reset button.invitation-actions-button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
}
.invitation-wrapper,
button.invitation-actions-button {
  border-radius: 20px;
}
.invitation-header-title,
button.invitation-dismiss,
p.invitation-content-message {
  color: #ffffff;
}

/* ------ WRAPPER ------ */
.invitation-inner-wrapper {
  padding: 45px 45px 25px;
}

/* ------ HEADER ------ */
.invitation-header {
  position: relative;
  margin: 0 0 25px 0;
}
/* --- Icon --- */
span.invitation-header-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  svg {
    fill: #ffffff;
  }
}
/* --- Title --- */
.invitation-header-title {
  padding: 0 0 0 46px;
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

/* ------ CONTENT ------ */
.invitation-content-message {
  margin: 0 0 30px;
}

/* ------ BUTTONS ------ */
button.invitation-actions-button {
  padding: 15px 20px;
  border: 2px solid #ffffff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
button.invitation-action {
  margin: 0 20px 15px 0;
  position: relative;
  background: #ffffff;
  color: #4481eb;
  &:focus:before,
  &:active:before,
  &:hover:before {
    content: '';
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 20px;
    background-color: rgba(#000000, .12);
  }
}
button.invitation-dismiss {
  margin: 0;
  background: transparent;
  &:focus,
  &:hover,
  &:active {
    background: #ffffff;
    color: #4481eb;
  }
}
/* end Hotline chat function */

/* center Hotline chat Gravity forms */
/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {
  
 body #gform_wrapper_15 ul li.gfield .ginput_container,
 body #gform_wrapper_15 ul li.gfield .gfield_description,
 body #gform_wrapper_15 div.ginput_complex label,
 body #gform_wrapper_15 input:not([type='radio']):not([type='checkbox']):not([type='submit']), 
 body #gform_wrapper_15 select, 
 body #gform_wrapper_15 textarea { 
  text-align:center;
 }
 
 body #gform_wrapper_15 ul.top_label li.gfield label.gfield_label {
  text-align: center;
  display: block;
 }
   
  body #gform_wrapper_15 .gform_footer,
  body #gform_wrapper_15 .gform_page_footer{
    text-align: center;
  }
 
}


/* large width only */
@media screen and (min-width: 993px) {
}

/* medium widths + large widths */
@media screen and (min-width: 768px) {
  .mobile-only {display: none !important;}
}

/* medium width only */
@media screen and (min-width: 768px) and (max-width: 992px) {
._df_thumb {width:200px; height:283px;}
.landscape ._df_thumb {height: 140px;}
}

/* small + medium widths */
@media screen and (max-width: 992px) {
  #donation-embed iframe {height: 2000px !important;}
}

/* small width only */
@media screen and (max-width: 767px) {
	.n2-ss-control-bullet {bottom: 60px !important;}
	.facetwp-template .fwpl-layout {grid-template-columns: 1fr !important;}
	#in-clinic-abortion .tm-timeline-li-1 .bb-tmlabel, #in-clinic-abortion .tm-timeline-li-2 .bb-tmlabel {margin-left: 10% !important;}
	#donation-embed .InfoTable  tr {display: block;}
  #donation-embed .InfoTable td:nth-child(2){float: left;}
  .page-id-13811 #feed-facetwp .facetwp-type-fselect .fs-wrap, .page-id-13811 #feed-facetwp .facetwp-type-fselect .fs-dropdown, .page-id-13811 .facetwp-facet input.facetwp-search {width: 330px !important; font-size:22px;}
  #feed-facetwp .facetwp-input-wrap {top: 0 !important;}
  .bt-sticking, .fl-col[bt-sticky], [bt-sticky] {top: auto !important; position: relative !important;}
}