/*
Theme Name:     Quickie Child Theme
Description:    Child theme for Bridge
Author:         Cj
Template:       twentyseventeen
Version:        1.0
*/


/* Diagnostics Window */
#repdiag {display: none; position: fixed; top: -1000px; right: 0; min-height: 100px; min-width: 100px; background-color: hsla(0,0%,20%,0.40); color: #ffffff; padding: 10px;}


/* global styles */
body {  
    font-family: "Fira Sans", sans-serif; 
    color: #513795; 
    background-color: #FFF5FA; 
    height: 100vh; /* added height cj 2025 */ /* this was listed as "height: 100lvh;" and therefore being ignored- fixed Skaht 13 Feb 2024 */
}

h1, h2, h3, h4, h5, h6 {font-family: 'Lilita One', sans-serif; font-weight: normal; color: #513795;}

/* page titles */
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {color: #513795;    font-weight: 800;
}


h1 {font-size: 32px;}
h2 {font-size: 37px;}
h3 {font-size: 22px; }
h4 {margin: 0px; padding: 0 0 0 0px;}
h5 {color: #D90368; font-family: 'Fira Sans', sans-serif; font-size: 24px; letter-spacing: normal; margin: 0px; padding: 0px; font-weight: 700;}

h4.alternate1 {font-family: 'Fira Sans', sans-serif; font-size: 24px;}

/* hide page title class */
.notitle article header h1 {display:none;}
.no-top-margin {margin-top: 0 !important;}
.no-bottom-margin {margin-bottom: 0 !important; background-color: #D90368;}

.wp-block-separator {margin: 40px 0 40px 0;}

.entry-content a:hover {color: #00ABEC;}

/* Remove bottom content padding from parent theme */
.page:not(.home) #content {padding-bottom: 0;}

/* Affix footer to page bottom on smaller-content pages */
.site-content-contain {display: flex; flex-direction: column; flex-grow:1;}
#content {flex-grow: 1;}
#page {min-height: 100vh; display:flex; flex-direction: column;}
/* */


/* Spanish specific styles */
/* DISABLED: cj turned off Oct 2024. Font on this site may not need this extra space
h1:lang(es), h1:lang(es-ES) {letter-spacing: 3px;} 
h2:lang(es), h2:lang(es-ES) {letter-spacing: 0.0525em;}
h3:lang(es), h3:lang(es-ES) {letter-spacing: 0.0525em;}  */


/* Mild bump in text sizes */
@media screen and (min-width: 30em) {
	body, button, input, select, textarea {font-size: 18px; font-size: 1.125rem;}
}
@media screen and (min-width: 48em) {
	body, button, input, select, textarea {font-size: 17px;	font-size: 1.1rem; line-height: 1.5;}
}

/* Banner image restrictions */
.constrained {max-height: 400px; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
@media screen and (max-width: 1076px)  {
    .constrained {position: relative; min-height: 300px;}
    .constrained img {position: absolute; max-width: none; width: 1076px; margin: auto; left: -2000px; right: -2000px;}
}

/* Redefine width limits from parent theme */
.wrap, .page.page-one-column:not(.twentyseventeen-front-page) #primary {max-width: 1140px;}
.wrap {margin-top: 40px; margin-bottom:30px;}
/* No padding on wide views */
@media screen and (min-width: 1200px)  {
    .wrap {padding: 0 15px;}
    .image_full, .image_full_esp {margin-left: 15px !important;}
    .mob-menu-header-holder {left: calc(508px + (100vw / 2)) !important;}
    #switcher2 {margin-right: 105px !important;}
}

/* post */ 
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
    letter-spacing: normal;
    font-family: 'Lilita One', sans-serif;
    font-size: 32px;
    text-transform: none;
}

.entry-header .entry-title {
    margin-bottom: 0.25em;

}


p {margin: 0px; padding: 0 0 18px 0; color: #513795; font-weight: 400; font-size: 18px}
/* .home p { padding: 0 !important; } */

/* No top padding used because of CTA join padding */
/*.site-content {padding: 190px 0 0 ;} */
.site-content {padding: 0; background-color: #FFF5FA;}

/* Hide text elements in div background images for screen readers */
.sreader {text-indent: -5000px;}

/* header */
.site-header { background-color: #D90368; position: relative;}
.site-branding {padding: 10px !important}

@media screen and (min-width: 48em) {
  .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0em;
  }
}

#masthead {width: 100%; margin:0 auto;}
#mastbackground {background-color:white; top:0px; left:0px; width:100vw; height:140px; z-index:15;}

#centering {max-width: 1140px; margin: 0 auto; } 
/* Reposition for Language Switcher and bounce off page top */
#centering, .mob-menu-header-holder {top:30px !important;}

@media screen and (max-width: 1200px)  {
    #centering {width: 100vw;}
}

/* Language Switcher */
#switcher2 li {list-style-type:none;}
#switcher2 a {color:#D90368; text-transform: uppercase;}
/* #switcher2 {position: relative; float: right; margin-right: 140px; z-index: 100; top: 24px; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 600;} */
#switcher2 {position: relative; float: right; margin-right: 140px; z-index: 100; top: -110px; font-family: 'Lilita One', sans-serif; font-size: 13px;}

.headspace {margin-top: 5px; /*140*/}
.full-width-row {width: 100vw; text-align: center; padding: 0 auto;}
.join-row {font-size: 35px; font-family: 'Lilita One', sans-serif; padding: 5px 0px 15px 0px;}
.white-row {background-color: #ffffff;}

.image_full {display: flex; padding: 10px; z-index: 999; position: absolute; top: 0; margin-left: 50px; width: 190px; height: 130px; background: url("images/logo_my_prep_study.png") no-repeat 0 10px; background-size: contain;}
.image_full_esp {display: flex; padding: 10px; z-index: 999; position: absolute; top: 0; margin-left: 50px; width: 190px; height: 130px; background: url("images/logo_my_prep_study.png") no-repeat 0 10px; background-size: contain;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {  /* Retina */
    .image_full {width: 182px; height: 111px; background: url("images/logo_my_prep_study.png") no-repeat 0 0; background-size: cover; margin-top:15px;}
    .image_full_esp {width: 182px; height: 111px; background: url("images/logo_my_prep_study.png") no-repeat 0 0; background-size: cover; margin-top:15px;}
}

.menu-item a {font-family: 'Fira Sans', sans-serif !important; font-weight: 700;}

/* login form for Ultimate Member */
.um-field-label {font-family: 'Fira Sans', sans-serif; font-weight: normal; color: #513795 !important; font-size:24px;}

.um-center #um-submit-btn {font-size: 24px; font-family: 'Lilita One', sans-serif; background-color: #513795 !important; color: white; width: 100% !important; max-width: 450px !important;}
.um-row .um-col-1 .um-field-area .um-form-field {color: #513795 !important; font-size: 24px; font-family: 'Fira Sans', sans-serif !important; font-weight: 700; background-color: white !important;}
#um-submit-btn:hover {background-color: #D90368 !important; }

.um-field-text .um-field-label label, .um-field-select .um-field-label label {
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700;
    font-weight: 600;
    color: #513795 !important;
}

/* Keep Ultimate Member buttons from stretching screen on iPhones with accessibility options turned on */
.um-center .um-button {min-width: 100px !important;}

/* prevent always-on mobile menu from overlaying top-nav elements by forcing it to grow only to needed width */
.mob-menu-header-holder {/*width:0% !important;*/ left: calc(470px + (100vw / 2)); position:absolute !important;}
.mob-menu-header-holder img {width: 62px;}
@media screen and (max-width: 1140px)  {
    .mob-menu-header-holder {width: 42px !important; left: auto; right:58px !important; position:absolute !important;}
}

/* Spanish hamburger menu */
.mobmenu-left-bt i mg:lang(es) {content:url("images/menu-esp.svg") !important;}


#join-button {text-align: center; background-color: #D90368; color: #e6ff00; text-transform: uppercase; font-weight: 800; font-size: 24px; padding: 4px 30px; display: inline-block; margin: 0 auto; border-radius: 5px; letter-spacing: 0.05em;}
#join-button:hover {color: #ffffff;}

/* Hide Mobile Menu to Users that Are not Logged in */
.non-member .mob-menu-header-holder {display: none;}


/* home page styles */

.home {background-color:#D90368;}

.row {width: 100vw; text-align: center;}
.row-join-line1 {text-align: center; padding: 0 auto; margin: 0 auto; color: white; line-height:34px; width: 100%; text-wrap: auto;}
.row-join-line2 {padding: 0 20px; margin: 0 auto; text-align: center;}
.row-join-line2 {color: #e6ff00;}
.row-top-pattern {height: 75px; padding-top: 15px; background: url("images/top-background.jpg") repeat-x 0 0;}
.row-center-pattern {height: 31px; background: url("images/center-pattern.jpg") repeat-x 0 0;}
.row-lightblue {height: 30px; background: #00abec;}

.wp-block-image {margin-bottom: 0 !important;}

.row-community {border-bottom: 30px solid #00ABEC; padding: 20px 25px 0px 25px; background-color: #6145AC;}
.row-community h2 { color:#fff;}
.row-community p {color: white; max-width:1140px; margin:0 auto; padding: 0 50px 20px !important; font-size: 21px;}
.row-buttons {background-color: #D90368; width: 100%; padding: 30px 20px 30px 20px; }

.row-flex {margin: 0 auto; max-width: 1140px; display: flex; justify-content: space-between;}
.row-join {background-color: #6145AC; height: 115px; padding: 15px !important; color: white; display: flex;}
.row-join-text {margin: 20px auto 0; padding-right: 60px; padding-top: 0px; color: white; font-size: 30px; font-weight: 400; font-family: 'Lilita One', sans-serif; background: transparent url("images/learn_more_button.png") no-repeat top right 0px; background-size: 40px 40px;}
.row-join-text:hover {color: #ffffff;}
.row-who-we-are {padding: 50px 30px; background-color: #6145AC;}
.who-we-are {color: #D90368; max-width: 780px; padding: 130px 20px 0px 20px; background: #ffffff url("images/heart_icon.png") no-repeat center 20px; background-size: 87px 84px; margin: 0 auto; font-size: 21px; border-radius: 8px;}
.who-we-are h2, .who-we-are a {color: #513795 !important; }
.who-we-are h2 {font-size: 36px;}

.my-paralax {height:335px;}

@media screen and (max-width: 1100px) and (min-width: 768px)  { /* Decrease Join CTA on smaller screens */
    .join-row, .row-join-text {font-size: 24px; line-height: 28px; width: 536px; margin: 0 auto;}
    .row-join-text {padding-top: 10px;}
}

@media screen and (max-width: 767px)  {
    /* Header stuff */

    .image_full {display: flex; padding: 10px; top: 0; margin-left: 30px; margin-top: 0px; width: 163px; height: 110px; background: url("images/logo_my_prep_study.png") no-repeat 0 10px; background-size: contain;}
    .image_full_esp {display: flex; padding: 10px; top: 0; margin-left: 30px; margin-top: 0px; width: 163px; height: 110px; background: url("images/logo_my_prep_study.png") no-repeat 0 10px; background-size: contain;}
    #mastbackground {height: 120px;}
    #centering {top: 20px !important;}
    #switcher2 {top: 18px; position: absolute; right: 100px; margin-right:0px;}
    .mob-menu-header-holder {top: 20px !important; right: 30px !important;}
    .mob-menu-header-holder img {width: 62px;}
    .row-join-line1 {/*width: 300px; text-wrap: nowrap;*/ text-align: center; margin: 0 auto;}
    .join-row, .row-join-text {font-size: 22px; line-height: 24px;}
    .row-join-line2 {padding: 0 auto; margin: 0 auto;}
    .row-join-text {background-size: 25px 25px; padding-right: 40px;}
    .row-join {height: 95px;}
    #join-button {font-size: 19.2px; letter-spacing: 0.05em;}
    .row-top-pattern {height: 70px;}
    .row-community h2 { font-size: 30px; }
    .row-community p { margin:0 auto; padding: 0 0px 20px !important; font-size: 20px;}
    .my-paralax {height:180px;}
}
@media screen and (max-width: 424px)  {
    /* Header stuff */
    .row-join-text {font-size: 14px; line-height: 20px;}
    .join-row {line-height: 20px; padding: 0 auto; margin: 0 auto;}
    .row-join-text {background-size: 20px 20px; padding-right: 32px;}
    .row-join {height: 75px; padding: 5px !important;}
    .row-join-line1 {/*width: 300px; text-wrap: nowrap;*/ text-align: center; margin: 0 auto;}

}


.row1 {background-color: #D90368; height: calc(100vh - 72px);}
.row1 h1 {font-size: 72px; line-height: 70px; padding-top: calc(35vh - 73px);}
.row2, .row2 h2 {background-color: #D90368; color:#fff;}

.row4 {background-color: #D90368; padding: 15px !important;}
.row4 .button, .row4 .button a {color:#D90368; font-size: 1.5em; margin:3.5vh 0; font-family: 'Fira Sans', sans-serif; font-weight: 700; letter-spacing: 0.05em;}
.row5 {max-width: 800px; margin:0 auto;}

.whitebox {width: 370px; height: 260px;  font-size: 26px; font-weight: 800; border-radius: 8px; margin: 20px; position: relative; padding: 0 10px; text-align: center;}
.box-lightbulb {background: #ffffff url("images/icon_shield.png") no-repeat center 15px; background-size: 35px 45px;}
.box-heads {background: #ffffff url("images/icon_eye.png") no-repeat center 23px; background-size: 50px 37px;}
.box-speech {background: #ffffff url("images/icon_bubble.png") no-repeat center 15px; background-size: 53px 46px;}
.box-first {font-family: 'Lilita One', sans-serif; font-weight: normal; padding-top: 70px; text-align: center;}
.box-last {display: table-row;}
.box-button {text-align: center; background-color: #513795; color: #ffffff; text-transform: uppercase; font-weight: 800; font-size: 18px; padding: 12px 50px; border-radius: 5px; letter-spacing: 0.05em;}
.box-button:hover {background-color: #D90368 !important;}

.inline-button {text-align: center; background-color: #D90368; color: #ffffff; text-transform: uppercase; font-weight: 800; font-size: 18px; padding: 4px 20px; border-radius: 5px; display: inline-block; letter-spacing: 0.05em;}
.inline-button:hover {color: #e6ff00;}

@media screen and (max-width: 1060px) and (min-width: 768px) {
    .whitebox {width: 32%; height: 35vw; font-size: 2.4vw;}
    .box-lightbulb {background-size: 5.5vw 7.0vw;}
    .box-heads {background-size: 7.0vw 5.1vw;}
    .box-speech {background-size: 8.3vw 6.6vw;}
    .box-button {font-size: 1.8vw;}
    .box-first {padding-top: 8.8vw;}
}

@media screen and (max-width: 767px)  {
    .row-flex {flex-direction: column; align-items: center;}

  /* Cj added from distro linked CSS to fix mobile text stacking on bottom of Compare page */
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 10% !important;
}
}


.home-image {width: 100vw; max-height: 250px; min-height: 200px; overflow: hidden; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; background-repeat: no-repeat;
}

/*
.join-row, .row-top-pattern
*/

.homedownarrow {position:absolute; top: calc(85vh - 73px);}


/* page styles */

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {box-shadow: none !important; }
.entry-content a {color: #D90368;}

.button2 {display: block; background-color: #D90368; min-width: 200px; padding: 10px 35px; color: white; margin: 20px auto; font-weight: bold; border-radius: 5px; max-width: 300px; /*text-wrap:nowrap;*/ letter-spacing: 0.05em;}
.button2:hover {color: #D90368 !important; background-color: white !important; }

a.button3 {display: block; width: 20vh; background-color: #513795; min-width: 200px; padding: 15px; color: #fff !important; margin: 20px auto; font-weight: bold; border-radius: 5px; margin-top: 20px; letter-spacing: 0.05em; text-wrap: nowrap;}
.button3:hover {color: white !important; background-color: #D90368; }


.page-id-14 #join-button, .page-id-133 #join-button {display: none;} /*hide join button in header on the survey */


.kt-blocks-accordion-header {line-height: 36px !important; }
.kt-accordion-header-wrap .kt-btn-side-left {padding-right: .6em !important;}
.kt-blocks-accordion-header .kt-blocks-accordion-title {line-height:36px;}

.wp-block-button .wp-block-button__link {margin-top: .5em !important; font-family: 'Lilita One', sans-serif; font-weight: normal !important; letter-spacing: 0.05em; padding: 0.7em 0 !important;}

.kt-btn-side-left {padding-top: 2px;}
.kt-accordion-panel-inner {padding: 0px 20px 0px 20px !important;}

/* add the peach icon */

.sexy .kt-accordion-header-wrap .kt-blocks-accordion-header {background-image: url(images/peach.svg) !important; background-repeat: no-repeat !important; background-position: 14px 33px !important; background-size: 28px 28px !important;}
.sexy .kt-blocks-accordion-title {padding-left: 50px;}

.kt-blocks-accordion-header .kt-blocks-accordion-title-wrap .kb-svg-icon-wrap svg {width: 1.1em !important; height: 1.1em !important; margin-top:2px !important;}

/* footer ------------------------------- */
.site-footer {background-color: #D90368; color: white; border: none; margin-top: 0; padding: 0px;}
.site-footer .widget-title {display: none;}
/* .site-footer .wrap {margin-top: 20px margin-bottom: 0px; padding: 0px;} ** This line was missing a semi-colon */
.site-footer .wrap {margin-top: 20px; margin-bottom: 0px; padding: 0px;}

.footer-widget-1 .widget_text {padding-bottom:20px !important; color: white; text-align: center; font-size: 14px; font-weight: bold;}
.footer-widget-1 .widget_text a {color:white;}
.footer-widget-1 .widget_text a:hover {text-decoration: underline; color: white;}


.site-footer .widget-column.footer-widget-2 {float:none; width: 100%; clear:both; font-size: 12px;}
.footer-widget-2 .textwidget {color:white; text-align: center;}

/* force full width */
div.widget-column.footer-widget-1 {width:100vw !important; margin-left:-50vw; left:50%; position:relative; text-align:center; margin-top:-30px; font-size:1.4em;}
#sociallinks {width:100%; margin:10px 0; padding:10px;}
a.socialfoot img, .widget a {webkit-box-shadow:none !important; box-shadow:none !important;}
.socialfoot {margin:4vw;}
/* red contact portion of footer */
.contactred {background-color:#D90368; width:100%; padding:2.2vh 0; margin-bottom:2vh;}
/* privacy portion of footer */
#privacy {font-size:90%; color:white; /*padding:25px 5% 0;*/ padding:0 5% 0; max-width:800px; margin:0 auto;}
#privacy a {color:white;}
#privacy a:hover {color:white; text-decoration: underline;}


/* Sticky Header */
.mob-menu-header-holder {}



/* Email Overlay styles */
#qemailoverlay {position:fixed; top:0px; left:0px;
width:100vw;
height:100vh;
background-color:rgba(100,100,100,.7);
z-index:5000;
display:none;}

#qemailbox {max-width:540px; min-width:300px;
width: calc(100vw - 140px);
margin:20vh auto;
padding:20px;
background-color:#fff;
box-shadow: 2px 4px 20px rgba(0,0,0,0.7);
font-style:italic;
/*font-family: 'Shrikhand', cursive;*/
text-align:center;
color:#D90368;
z-index:5001;
}

.form-wrapper input {
	width:200px;
	/*height:22px;*/
	height:28px;
	float:right;
	margin-top:10px;
}

.form-wrapper button {
	padding:0 !important;
	width:32px !important;
	height:28px !important;
	background-image:url(https://quickiesurvey.org/site/wp-content/plugins/custom-shortcode/img/submit_arrow.jpg);
    border: 0;
    cursor: pointer;
	float:right;
	margin-top:10px;
}

#formcenterer {font-size:80%; width:330px; margin:0 auto; text-align:left;}
.emailspacer {height:30px;}
#emailerror {display:none;}

/* Populate fields for registering users */