/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*-----------------------------------------------------------------------------------*/
/*                              CUSTOM FONTS                                         */
/*-----------------------------------------------------------------------------------*/
/* Brandon Grotesque */
@font-face {
    font-family: Brandon Grotesque Regular;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-regular.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-regular.woff") format("woff");
    font-weight: normal;
    font-display: swap;
    letter-spacing: 1px;
}
@font-face {
    font-family: Brandon Grotesque Medium;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-medium.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-medium.woff") format("woff");
    font-weight: normal;
    font-display: swap;
    letter-spacing: 1px;
}
@font-face {
    font-family: Brandon Grotesque Light;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-light.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-light.woff") format("woff");
    font-weight: normal;
    font-display: swap;
    letter-spacing: 1px;
}
@font-face {
    font-family: Brandon Grotesque Bold;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-bold.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-bold.woff") format("woff");
    font-weight: normal;
    font-display: swap;
    letter-spacing: 1px;
}
.brandon-grotesque-bold {
    font-family: 'Brandon Grotesque Bold';
    letter-spacing: 1px;
}
.brandon-grotesque-medium {
    font-family: 'Brandon Grotesque Medium';
    letter-spacing: 1px;
}
.brandon-grotesque-regular {
    font-family: 'Brandon Grotesque Regular';
    letter-spacing: 1px;
}
/* Oh Lively */
@font-face {
    font-family: Oh Lively;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/ohlivey-webfont-webfont.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/ohlivey-webfont-webfont.woff") format("woff");
    font-weight: normal;
    font-display: swap;
}
.oh-lively {
    font-family: 'Oh Lively';
}
/* Playlist Script */
@font-face {
    font-family: Playlist Script;
    src: url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/playlist-script.woff2") format("woff2"), url("https://kymcampbell.com/wp-content/themes/generatepress_child/fonts/playlist-script.woff") format("woff");
    font-weight: normal;
    font-display: swap;
}
.playlist-script {
    font-family: 'Playlist Script';
}
/*-----------------------------------------------------------------------------------*/
/*                         		     Campsite                                        */
/*-----------------------------------------------------------------------------------*/
.page-id-13 header#masthead, .page-id-13 .site-footer, 
.page-id-15 header#masthead, .page-id-15 .site-footer,
.page-id-527 header#masthead, .page-id-527 .site-footer,
.page-id-1360 header#masthead, .page-id-1360 .site-footer,
.page-id-1495 header#masthead, .page-id-1495 .site-footer {
    display: none;
}
.spacer {
    height: 120px;
}
.custom-campsite-site-links-container {
    padding-left: 30px;
    padding-right: 30px;
}
.custom-campsite-site-links {
    max-width: 700px;
    margin: 0 auto;
}
header.site__header {
    text-align: center;
    position: relative;
	margin-top: 50px;
}
.site__header img {
    height: 130px;
    width: 130px;
    background: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    margin-bottom: 5px;
}
h1.site__username {
    font-size: 30px;
    line-height: 1.25;
    margin: 5px 0;
    font-family: 'Brandon Grotesque Bold';
	letter-spacing: 1px;
}
header.site__header p {
    display: none;
}
h2.site-links-title {
    font-size: 22px;
    line-height: 1.25;
    margin: 35px 0 10px;
    text-align: center;
}
button.site-btn {
    background: #cdefe1;
    border: 0px solid #ffffff;
    border-radius: 5px;
    color: #383838;
    cursor: pointer;
    display: block;
    font-family: 'Brandon Grotesque Medium';
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
	margin-bottom: 8px;
}
button.site-btn a {
    display: block;
    font-size: 18px;
    flex-grow: 1;
    line-height: 1.4;
    max-width: 100%;
    padding: 18px 20px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    color: #383838;
	letter-spacing: 0;
}
li.site__links__li {
    list-style: none;
}
.site .site-btn:hover, .site .site-btn:focus {
    background: #56CC9D;
    border-color: #ffffff;
    color: #383838;
}
.custom-campsite-site-links.secondary-title {
    margin-top: 35px;
}
input.formkit-input {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
form.seva-form.formkit-form button.formkit-submit.formkit-submit span {
    text-transform: uppercase;
}
.seva-modal .formkit-close, .formkit-modal .formkit-close {
    right: 0px!important;
}
.seva-modal, .formkit-modal {
    min-width: 225px!important;
}
@media (max-width: 991px) {
	.formkit-form[data-uid="8aff7da51d"][min-width~="600"] .formkit-column, .formkit-form[data-uid="8aff7da51d"][min-width~="700"] .formkit-column, .formkit-form[data-uid="8aff7da51d"][min-width~="800"] .formkit-column {
		padding: 20px;
	}
	.seva-modal.formkit-modal .formkit-header {
		display: none;
	}
	.seva-modal.formkit-modal .formkit-disclaimer {
		margin-bottom: 0!important;
	}
}

/*-----------------------------------------------------------------------------------*/
/*              Thank You Page - TikTok / Insta / Pinterest / Youtube                */
/*-----------------------------------------------------------------------------------*/

.page-id-99 .site-header, .page-id-99 .site-footer {
display: none;
}

.page-id-99 .green-full-width {
  display: flex;
  background-color: #56cc9d;
  height: 110px;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 10px;
  
}

.playlist-script-headings {
  color: #ffffff;
  font-family: 'Playlist Script';
  font-weight: 400;
}

/*-----------------------------------------------------------------------------------*/
/*                                Challenge Promo                                    */
/*-----------------------------------------------------------------------------------*/
.challenge-promo-header {
  text-align: center;
  padding-top: 30px
}

.challenge-promo-header-text {
  font-family: 'Brandon Grotesque Bold';
  font-size: 30px;
}

.thank-you-page-challenge-list {
  padding: 30px 0px 50px 0px;
}

.challenge-promo-list {
  font-family: 'Brandon Grotesque Regular';
  font-size: 20px;
  line-height: .3;
  margin-left: 21%;
}

.challenge-promo-list p {
  padding-top: 7px;
}

.challenge-promo-list-num {
  font-family: 'Playlist Script';
  color: #56cc9d;
  font-size: 22px;
  margin-right: 10px;
}

.thank-you-page-challenge-vid {
  padding: 0!important;
  margin-top: -115px;
  background-color: transparent!important;
  max-width: 100%;
  z-index: 1;
  
}

.thank-you-page-challenge-vid iframe {
   max-width: 85%!important;
   margin-left: 7.5%!important;
   margin-right: 7.5%!important;
 }

.thank-you-page-challenge-title {
  text-align: center;
  margin-top: -70px;
}

.thank-you-page-challenge-title h1 {
  font-size: 26px;
  padding: 10px;
}

.thank-you-page-challenge-form {
  background-color: #f1f8f5;
  margin-top: -230px;
  padding-top: 220px!important;
  padding-bottom: 50px;
}

.thank-you-page-challenge-form .ch-sign-up-form.green-sign-up-form {
  max-width: 90%!important;
  margin: 0 auto!important;
}

.thank-you-page-challenge-form button.formkit-submit.formkit-submit {
  padding: 0 35px!important;
  margin-top: 2px!important;
  height: 43px!important;
}

.thank-you-page-challenge-form .formkit-form[data-uid="0cb86bd4bc"] .formkit-field {
  width: 100%!important;
}

@media (min-width: 380px) and (max-width: 450px) {
  
 .thank-you-page-challenge-vid {
   margin-top: -90px!important;
 }
  
  .thank-you-page-challenge-title {
    margin-top: -60px;
  }
}

@media (min-width: 450px) {
  .thank-you-page-challenge-list {
    max-width: 350px;
    margin: auto;
  }
  
  .thank-you-page-challenge-vid {
    display: flex;
    margin: auto!important;
    width: 900px;
    align-content: center;
  }
  
  .thank-you-page-challenge-vid iframe {
    margin: auto !important;
  }
  
  .thank-you-page-challenge-form {
    margin-top: -300px;
    padding-top: 300px!important;
  }
  
  .ch-sign-up-form.green-sign-up-form .seva-form.formkit-form {
    margin: auto!important
  }
  
  .thank-you-page-challenge-title {
    margin-top: 20px;
  }
}
/*-----------------------------------------------------------------------------------*/
/*                            End - Challenge Promo                                  */
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*                         GENERATEPRESS PAGE BUILDER                                */
/*-----------------------------------------------------------------------------------*/
.generate-sections-container {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.generate-sections-container.full-width-section {
    max-width: 100%;
    padding: 0;
}
@media (min-width: 991px) {
    .wide-margins {
        padding-top: 70px!important;
        padding-bottom: 60px!important;
    }
}
@media (max-width: 991px) {
    .wide-margins {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
}
/*-----------------------------------------------------------------------------------*/
/*                                  DESKTOP/MOBILE                                   */
/*-----------------------------------------------------------------------------------*/

@media (min-width: 991px) {
    .mobile-only {
        display: none!important;
    }
}

@media (max-width: 991px) {
    .desktop-only {
        display: none!important;
    }
}
/*-----------------------------------------------------------------------------------*/
/*                                  CONTACT PAGE.                                    */
/*-----------------------------------------------------------------------------------*/
.page-id-262 #masthead,
.page-id-363 #masthead,
.page-id-377 #masthead,
.page-id-379 #masthead {
  display: none;
}

.kym-contact-form {
  margin: auto;
  width: 800px;
  max-width: 90%;
}

.kym-contact-form h1 {
  text-transform: uppercase;
  font-size: 35px;
}

.kym-contact-form p {
  font-size: 20px;
  font-family: 'Brandon Grotesque Regular';
}

.kym-contact-form input[type=text],
.kym-contact-form input[type=email] {
  width: 100%;
}

.kym-contact-form input[type=text],
.kym-contact-form input[type=email],
.kym-contact-form textarea {
  background-color: #ffffff;
}

.kym-contact-form input[type=submit] {
  background-color: #383838;
  text-transform: uppercase;
  font-family: 'Brandon Grotesque Bold';
}

.contact-header.desktop-only {
   width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*                                  OPT OUT PAGE.                                    */
/*-----------------------------------------------------------------------------------*/
.opt-out-confirmation {
  text-align: center;
}

.opt-out-confirmation h1 {
  font-size: 60px;
  margin: 35px 0px;
  line-height: 1.1em;
}

.opt-out-confirmation p {
  font-size: 30px;
  line-height: 1.1em;
}

@media (max-width: 848px) {
  .opt-out-confirmation h1 {
  font-size: 40px;
}

.opt-out-confirmation p {
  font-size: 25px;
}
}
/*-----------------------------------------------------------------------------------*/
/*                                CHALLENGE PROMO                                    */
/*-----------------------------------------------------------------------------------*/
/* Desktop Styling */

.thirty-day-pcos-diet-challenge {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    background-image: url(/wp-content/uploads/2021/09/30-Day-PCOS-Diet-Challenge-scaled-1.jpg);
    width: 100%;
    min-height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thirty-day-pcos-diet-challenge-container {
    padding: 0 50px;
    width: 55%;
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
h1.thirty-day-pcos-diet-challenge-title {
    font-size: 60px;
    height: fit-content;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.1em;
}
span.thirty-day-pcos-diet-challenge-title-block {
    display: block;
    height: fit-content;
}
span.playlist-script-headings {
    font-family: 'Playlist Script';
    font-weight: 400;
    text-transform: none;
}
.ch-next-one-starts .control-sectioned-spacing {
    padding-left: 80px;
    padding-right: 80px;
}
.control-sectioned-spacing {
    margin: 0 auto;
    display: block;
}
.control-sectioned-spacing {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 100px 0;
}
.ch-next-one-starts-container::before {
    content: "";
    background-color: #f1f8f5;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}
.ch-next-one-starts-container {
    display: grid;
    grid-template-columns: 5% 43% 52%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 80px 0 50px 0;
    max-width: 960px;
}
.instagram-ch-next-one-starts .ch-next-one-starts-container-title {
    padding: 0 40px 35px 40px;
}
.ch-next-one-starts-container-title {
    grid-column: 1 / span 3 !important;
    grid-row: 1;
    z-index: 3;
    padding: 0 40px 50px 40px;
}
.ch-chal-tip-top-title {
    margin: 0;
    margin-bottom: -12px;
    display: inherit;
    text-align: center;
    text-transform: none;
    line-height: 1.3em;
    letter-spacing: 0px !important;
}
.ch-next-one-starts .ch-chal-bot-title {
    margin: 20px 0 0 0 !important;
}
.ch-chal-bot-title {
    font-size: 40px;
    line-height: 1.3em;
    text-align: center;
    font-weight: 800;
    font-family: 'Brandon Grotesque Bold';
    color: #4c4c4c;
    margin: 0 0 20px 0;
}
.ch-next-one-starts-checklist.no-video-present {
    grid-column: 1 / span 3;
    width: fit-content;
    display: inline-block;
    margin: 0 auto;
}
.ch-next-one-starts-checklist-full-width {
    grid-column: 1 / span 3;
    display: flex;
    width: fit-content;
    flex-direction: column;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
ch-next-one-starts-checklist {
    grid-column: 3 / span 2;
    grid-row: 2;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 40px 0 40px;
}
.ch-next-one-starts-checklist-left {
    padding-right: 40px;
}
.ch-next-one-starts-checklist-left, .ch-next-one-starts-checklist-right {
    float: left;
}
.ch-next-one-starts-checklist-left, .ch-next-one-starts-checklist-right {
    display: flex;
    flex-direction: column;
}
span.beat-pcos-program-promo-listed-num {
    font-family: 'Playlist Script';
    font-weight: 600;
    font-size: 22px;
    color: #56cc9d !important;
    display: inline-block;
    padding-right: 10px !important;
}
.ch-next-one-starts-checklist h2 {
    font-family: "Brandon Grotesque Medium";
    font-weight: 400;
    font-style: normal;
    color: #383838;
    font-size: 18px;
    visibility: visible;
    text-transform: none;
    letter-spacing: 0 !important;
    line-height: 1.6em;
}
.ch-next-one-starts-container .ch-sign-up-form {
    grid-column: 1 / span 3 !important;
    grid-row: 3;
    padding: 20px 100px 0 100px;
}
.ch-sign-up-form form.seva-form.formkit-form {
    position: relative;
    z-index: 3;
    box-shadow: none !important;
    min-width: 100% !important;
    padding: 40px 0 0 0;
}
.formkit-form[data-uid="0cb86bd4bc"] .formkit-submit > span {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: 'Playlist Script';
    text-transform: none!important;
    font-size: 27px;
    font-weight: 300;
}
.green-sign-up-form button.formkit-submit.formkit-submit {
    border-radius: 0 !important;
}
.ch-sign-up-form input.formkit-input {
    border-radius: 0 !important;
}
input.formkit-input {
    background: #ffffff !important;
    font-size: 18px !important;
    color: #4c4c4c!important;
    padding: 8px 12px !important;
    border: 1px solid #e3e3e3 !important;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    line-height: 1.4;
}
/* Mobile Styling */
@media (max-width: 991px) { 
	h1.thirty-day-pcos-diet-challenge-title {
    	font-size: 32px;
    	width: fit-content;
	}
	span.thirty-day-pcos-diet-challenge-title-block {
    	height: fit-content;
    	white-space: normal;
    	word-break: unset;
    	line-height: 40px;
	}
	.thirty-day-pcos-diet-challenge span.playlist-script-headings.homepage-large-headings {
    	font-size: 50px !important;
	}
	.ch-next-one-starts .control-sectioned-spacing {
    	padding: 0;
	}
	.ch-next-one-starts-container::before {
    	content: "";
    	background-color: #f1f8f5;
    	position: absolute;
    	height: 100%;
    	top: 0;
    	z-index: 1;
    	width: 100%;
    	margin-left: auto;
    	margin-right: auto;
    	right: 0;
    	left: 0;
	}
	.ch-next-one-starts-container {
    	position: relative;
    	width: 100%;
    	padding: 55px 30px 50px 30px;
    	display: grid;
    	grid-template-columns: 100%;
	} 
    .ch-next-one-starts-container-title {
    	display: inline-block;
    	width: 100%;
    	text-align: center;
    	position: relative;
    	z-index: 2;
    	grid-column: 1;
    	grid-row: 1;
   		padding-bottom: 20px;
	}
    .ch-chal-tip-top-title span.playlist-script-headings {
    	line-height: 1.4em;
    	font-size: 29px !important;
	}
    .ch-next-one-starts .ch-chal-bot-title {
    	margin: 10px 0 0 0 !important;
    	font-size: 27px !important;
		font-family: 'Brandon Grotesque Medium';
	}
    .ch-next-one-starts-checklist.no-video-present {
    	display: flex;
    	width: fit-content;
    	flex-direction: column;
    	position: relative;
    	z-index: 2;
    	margin: 0 auto;
    	padding-left: 5px;
    	grid-column: 1;
    	grid-row: 2;
    	text-align: left;   
	}
    .ch-next-one-starts-checklist {
    	text-align: left;      
	}
	.ch-next-one-starts-checklist h2 {
    	width: 100%;
    	display: inherit;
    	margin-bottom: 0;
    	font-family: "Brandon Grotesque Medium";
    	font-weight: 400;
    	font-style: normal;
    	font-size: 18px;
    	opacity: 1;
    	visibility: visible;
    	text-transform: none;
    	letter-spacing: 0px !important;
    	line-height: 2.2em!important;
    }  
    .ch-next-one-starts-checklist .beat-pcos-program-promo-listed-num {
    	margin-left: 10%;
	}
    .ch-next-one-starts-container .ch-sign-up-form {
    	grid-column: 1;
   		grid-row: 3;
    	padding: 0px 0px 10px 0px!important;
    	max-width: 90%;
    	margin: 0 auto;
	}
    .ch-sign-up-form form.seva-form.formkit-form {
        padding-top: 20px;
    }
}
@media (max-width: 600px) {
	.thirty-day-pcos-diet-challenge {
    	max-width: 600px;
    	min-height: 400px;
    	overflow: hidden;
    	background-position: right;
    	background-position-x: -450px;
    	background-size: 1250px;
	}
	.thirty-day-pcos-diet-challenge-container {
   		width: 95%;
    	padding: 0 15px;
    	justify-content: flex-start;
    	padding-top: 75px;
	}
}
/*-----------------------------------------------------------------------------------*/
/*                         CHALLENGE PROMO - NEW.                                    */
/*-----------------------------------------------------------------------------------*/
.ch-container-title {
  z-index: 3;
  text-align: center;
}
h1.ch-chal-title {
  font-family: 'Brandon Grotesque Bold';
  font-size: 30px!important;
  margin-bottom: 20px;
}
.ch-next-one-starts-container {
position: relative;
width: 100%;
padding: 55px 30px 50px 30px;
display: grid;
grid-template-columns: 100%;
}
.ch-checklist {
display: flex;
width: fit-content;
flex-direction: column;
position: relative;
z-index: 3;
margin: 0 auto;
padding-top: 20px;
padding-left: 5px;
grid-column: 1;
grid-row: 2;
text-align: left;
}
.ch-checklist h2 {
font-family: 'Brandon Grotesque Medium'!important;
font-size: 19px;
width: 100%;
display: inherit;
font-style: normal;
opacity: 1;
visibility: visible;
text-transform: none;
}
}
.ch-checklist .beat-pcos-program-promo-listed-num {
margin-left: 10%;
}
.ch-next-one-starts-video {
display: inline-block;
width: 100%;
z-index: 2;
order: 3;
padding: 30px 0;
height: fit-content;
--video--width: 490;
--video--height: 275;
position: relative;
padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
overflow: hidden;
max-width: 670px;
background: transparent;
grid-column: 1;
grid-row: 4;
margin: 15px auto 10px;
}
.ch-next-one-starts-video iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.ch-checklist h3 {
  text-align: center!important;
  font-size: 28px;
  margin-top: 25px;
}

.next-challenge-date span {
  font-size: 30px;
}
/*-----------------------------------------------------------------------------------*/
/*                         PRIVACY POLICY / TERMS OF SERVICE                         */
/*-----------------------------------------------------------------------------------*/
.page-id-416 #masthead, .page-id-416 .site-footer,
.page-id-792 #masthead, .page-id-792 .site-footer,
.page-id-807 #masthead, .page-id-807 .site-footer {
  display: none;
}

.privacy-policy .starter-guide-subtitles {
    margin-bottom: 10px;
    font-family: 'Brandon Grotesque Bold';
    font-size: 21.82px;
}

.privacy-policy .spacey-starter-guide-txt {
    margin-bottom: 30px;
}

.generate-sections-container.privacy-policy .no-overview-starter-title {
    padding-bottom: 10px;
    font-size: 30px;
}

.brandon-grotesque-bold, .brandon-grotesque-medium, .brandon-grotesque-regular {
    letter-spacing: 1px;
    line-height: 1.3em;
}

.brandon-grotesque-bold {
    font-family: 'Brandon Grotesque Bold';
}

.privacy-policy h2 {
    font-size: 23px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    color: #383838;
}

body .privacy-policy {
    font-family: "Brandon Grotesque Regular";
    font-size: 19px;
}

.privacy-policy .centred-text, .privacy-policy .centred {
    text-align: center;
}

#page .privacy-policy a {
    color: #56CC9D !important;
}

/*-----------------------------------------------------------------------------------*/
/*                  LEAD MAGNET POPUP FORMS - FREEBIES & CLICK HERE PAGES            */
/*-----------------------------------------------------------------------------------*/
@media (min-width: 991px) {
    .custom-campsite-site-links.secondary-title .seva-modal.formkit-modal {
        min-width: 800px!important;
        min-height: 450px;
    }
    .custom-campsite-site-links.secondary-title form.seva-form.formkit-form {
        min-width: 100%;
        height: 100%;
    }
    .custom-campsite-site-links.secondary-title button.formkit-close {
        right: -59px!important;
        margin-right: 0!important;
        margin-bottom: 0!important;
    }
    .custom-campsite-site-links.secondary-title .formkit-form[data-uid="dbf9e588db"] .formkit-background, .custom-campsite-site-links.secondary-title .formkit-form[data-uid="71d018041e"] .formkit-background {
        background-position: -200px center!important;
    }
   z
    .custom-campsite-site-links.secondary-title .formkit-form[data-uid="dbf9e588db"] .formkit-background {
        background-image: url('https://smartfertilitychoices.com/wp-content/uploads/2020/09/Freebie-5-Day-PCOS-Masterclass.png')!important;
    }
    .custom-campsite-site-links.secondary-title .formkit-form[data-uid="5ebe52226c"] .formkit-background {
        background-image: url('https://smartfertilitychoices.com/wp-content/uploads/2020/09/Freebie-3-Day-PCOS-Diet-Meal-Plan.png')!important;
        background-position: -120px center;
    }
    .custom-campsite-site-links.secondary-title .formkit-column {
        padding-top: 120px!important;
    }
    .custom-campsite-site-links.secondary-title .formkit-header {
        display: none;
    }
}
@media (max-width: 991px) {
    .custom-campsite-site-links.secondary-title .formkit-disclaimer {
        text-align: center;
    }
    .custom-campsite-site-links.secondary-title .formkit-header {
        display: none;
    }
    .custom-campsite-site-links.secondary-title .formkit-column {
        padding-top: 60px!important;
    }
    .custom-campsite-site-links.secondary-title button.formkit-close {
        right: -59px!important;
    }
}
@media (max-width: 700px) {
    .custom-campsite-site-links.secondary-title button.formkit-close {
        right: -4px!important;
    }
}
.custom-campsite-site-links.secondary-title button.formkit-close:hover {
    background-color: #56cc9d;
}
.custom-campsite-site-links.secondary-title button.formkit-submit.formkit-submit {
    font-weight: 800!important;
    height: fit-content;
    font-size: 17px!important;
}
.custom-campsite-site-links.secondary-title input.formkit-input {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.custom-campsite-site-links.secondary-title button.formkit-close {
    width: 50px!important;
    height: 50px!important;
}

/*-----------------------------------------------------------------------------------*/
/*                                 BLOG POST PAGE                                    */
/*-----------------------------------------------------------------------------------*/
.page-id-705 #masthead, .page-id-705 .site-footer,
.page-id-746 #masthead, .page-id-746 .site-footer {
  display: none;
}

.generate-sections-container.wide-margins.blog-header,
.generate-sections-container.wide-margins.blog-content {
  width: 850px;
  max-width: 85%;
  margin: auto;
}

.generate-sections-container.wide-margins.blog-header {
  padding: 100px 50px 30px 50px!important;
}

.generate-sections-container.wide-margins.blog-header img {
  padding-bottom: 0px;
}

.generate-sections-container.wide-margins.blog-content {
  padding: 0px 50px 150px 50px!important;
}

.blog-content .author-section {
  font-size: 22px;
  font-family: 'Brandon Grotesque Bold';
  margin-bottom: 10px;
}

.blog-content .date-section {
  font-size: 16px;
  color: #56cc9d;
  font-family: 'Brandon Grotesque Medium';
}

span.blog-star {
  display: inline-block;
  padding: 0px 5px;
}

.blog-content p {
  font-size: 20px;
  font-family: 'Brandon Grotesque Regular';
  line-height: 1.3em;
}

.blog-content .blog-image {
  width: 450px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.blog-content a {
  color: #56cc9d!important;
}

.blog-content .callout-text {
  font-size: 25px!important;
  font-family: 'Brandon Grotesque Bold';
  font-style: italic;
}

.blog-content .final-callout {
  font-size: 25px!important;
  font-family: 'Brandon Grotesque Bold';
  margin: auto;
  line-height: 1.2em;
}

@media (max-width: 850px) {
  .generate-sections-container.wide-margins.blog-header {
  padding: 40px 0px 20px 0px!important;
}

.generate-sections-container.wide-margins.blog-content {
  padding: 0px 0px 100px 0px!important;
}
}

/* Blog Popup Forms */
@media (min-width: 991px) {
    .blog-forms .seva-modal.formkit-modal {
        min-width: 800px!important;
        min-height: 450px;
    }
    .blog-forms form.seva-form.formkit-form {
        min-width: 100%;
        height: 100%;
    }
    .blog-forms button.formkit-close {
        right: -59px!important;
        margin-right: 0!important;
        margin-bottom: 0!important;
    }
    .blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-background,
	.blog-forms .formkit-form[data-uid="1ac58354d2"] .formkit-background {
        background-image: url('https://smartfertilitychoices.com/wp-content/uploads/2020/11/30-Day-PCOS-Diet-Challenge-scaled.jpg')!important;
        background-position: -500px center;
    }
    .blog-forms .formkit-form[data-uid="ec576e7f80"] .formkit-background,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-background {
        background-image: url('https://smartfertilitychoices.com/wp-content/uploads/2020/09/Freebie-3-Day-PCOS-Diet-Meal-Plan.png')!important;
        background-position: -120px center;
    }
    .blog-forms .formkit-form[data-uid="ec576e7f80"] .formkit-column,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-column {
        padding-top: 120px!important;
    }
    .blog-forms .formkit-form[data-uid="ec576e7f80"] .formkit-header,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-header {
        display: none;
    }
	
	.blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-header h2,
	.blog-forms .formkit-form[data-uid="1ac58354d2"] .formkit-header h2 {
       font-family: 'Brandon Grotesque Medium'!important;
       color: #383838;
       font-size: 17px!important;
	   text-align: center;
    }
	.blog-forms .formkit-disclaimer {
        text-align: center;
    }
	.blog-forms input.formkit-input::placeholder {
        color: #383838!important;
		opacity: 1;
    }
}
@media (max-width: 991px) {
    .blog-forms .formkit-disclaimer {
        text-align: center;
    }
	.blog-forms input.formkit-input::placeholder {
        color: #383838!important;
		opacity: 1;
    }
    .blog-forms .formkit-form[data-uid="ec576e7f80"] .formkit-header,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-header {
        display: none;
    }
    .blog-forms .formkit-form[data-uid="ec576e7f80"] .formkit-column,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-column {
        padding-top: 60px!important;
    }
	.blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-column,
	.blog-forms .formkit-form[data-uid="be7bbfe93a"] .formkit-column {
        padding-bottom: 30px!important;
    }
	.blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-header,
	.blog-forms .formkit-form[data-uid="1ac58354d2"] .formkit-header {
		display: block!important;
		width: 325px;
		max-width: 85%;
		margin: auto;
	}
	.blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-header h2,
	.blog-forms .formkit-form[data-uid="1ac58354d2"] .formkit-header h2 {
		font-family: 'Brandon Grotesque Medium'!important;
        color: #383838;
        font-size: 17px!important;
		text-align: center;
		margin-bottom: 2em;
    }
    .blog-forms button.formkit-close {
        right: -59px!important;
    }
	.blog-forms .formkit-form[data-uid="06b37c7041"] .formkit-background,
	.blog-forms .formkit-form[data-uid="1ac58354d2"] .formkit-background {
        background-image: url('https://smartfertilitychoices.com/wp-content/uploads/2020/11/30-Day-PCOS-Diet-Challenge-scaled.jpg')!important;
        background-position: -600px center;
    }
}
@media (max-width: 700px) {
    .blog-forms button.formkit-close {
        right: -4px!important;
    }
}
    .blog-forms button.formkit-close:hover {
    background-color: #56cc9d;
}
.blog-forms button.formkit-submit.formkit-submit {
    font-weight: 800!important;
    height: fit-content;
    font-size: 17px!important;
}
.blog-forms input.formkit-input {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.blog-forms input.formkit-input::placeholder {
    color: #383838!important;
    opacity: 1;
}
.blog-forms button.formkit-close {
    width: 50px!important;
    height: 50px!important;
}



/*-----------------------------------------------------------------------------------*/
/*                             3-DAY MEAL PLAN PROMO                                 */
/*-----------------------------------------------------------------------------------*/

.three-day-mealplan {
  margin: 60px auto 40px;
  text-align: center;
  max-width: 95%;
}

.three-day-mealplan h1 {
  text-transform: uppercase;
  font-size:38px;
}

.three-day-mealplan .playlist-script-headings {
  color: #383838!important;
  font-size: 60px!important;
}

.three-day-info {
  max-width: 95%;
  margin: auto;
}

.three-day-checklist-container {
  margin: auto;
  max-width: 270px;
}

.three-day-checklist {
  font-family: "Brandon Grotesque Regular";
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 1em;
}

span.three-day-check {
  display: inline-block;
  margin-right: 5px;
  color: #56cc9d;
}

.three-day-image {
  width: 500px;
  max-width: 100%;
  display: block;
  margin: auto;
  padding: 30px 0px;
}

.get-mealplan {
  background-color: #f1f8f5;
  margin: auto 0;
  text-align: center;
}

.get-mealplan .control-sectioned-spacing {
  padding: 50px 0px;
  text-align: center;
  max-width: 95%;
}

.get-mealplan h2 {
  font-size: 30px;
  color: #383838;
  margin-bottom: 30px;
}

@media (max-width: 500px) {

.get-mealplan .formkit-input {
  width: 90%!important;
  min-width: 200px
}

.get-mealplan form.seva-form.formkit-form button.formkit-submit.formkit-submit span {
  font-family: 'Brandon Grotesque Bold';
  font-size: 18px;
  padding: 7px;
}

.get-mealplan form.seva-form.formkit-form button.formkit-submit.formkit-submit {
  max-width: 90%;
  min-width: 200px;
  margin: auto!important;
}
}

@media (min-width: 501px){
  
  .get-mealplan form.seva-form {
    width: 500px;
    max-width: 90%;
    margin: auto;
  }
  
  .get-mealplan .formkit-input {
  width: 90%!important;
}

.get-mealplan form.seva-form.formkit-form button.formkit-submit.formkit-submit span {
  font-family: 'Brandon Grotesque Bold';
  font-size: 18px;
  padding: 7px;
}

.get-mealplan form.seva-form.formkit-form button.formkit-submit.formkit-submit {
  max-width: 90%;
  margin: auto!important;
}
}

.error404 .site-info {
	display: none;
}

.error404 .grid-container {
	text-align: center;
	width: 90%;
}
/* Popup Styling */
/* CSS FOR OVERLAY */
.exit-intent-overlay {
	position: fixed!important; /* fixed it */
	top: 0!important; /* moves it to the top */
	left: 0!important; /*moves it to the left */
	width: 100%!important; /* makes it fullwidth */
	height: 100vh!important; /* makes it full height of the screen */
	z-index: -1; /* moves the section behind all the rest so it is not shown */
	justify-content: center!important; /* centers the row in the middle */
	align-items: center!important;  /* centers the row in the middle */
	opacity: 0!important; /* hides the overlay */
	overflow: hidden!important;
	transition: opacity 0.4s ease-in-out!important; /* fades it in */
	-moz-transition: opacity 0.4s ease-in-out!important;
	-webkit-transition: opacity 0.4s ease-in-out!important;
	background-color: rgba(0,0,0,0.42)!important;
}
/* CSS for overlay when shown */
.exit-intent-overlay.show {
	display: flex!important; /* flex as this allows us to center the row */
	opacity: 1!important; /* shows the overlay */
	z-index: 99999!important; /* moves the overlay on top of all the other sections */
}
/* Style Modal Content - Desktop */
.exit-button {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #56cc9d;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  color: #ffffff;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  padding: 10px;
  cursor: pointer;
}
/* Style Modal Content - Desktop */
.popup-exit-button {
  position: absolute;
  top: 85px!important;
  right: 65px!important;
  color: #ffffff!important;
  text-align: center!important;
  font-family: 'Open Sans'!important;
  text-transform: uppercase!important;
  font-size: 26px!important;
  font-weight: 800!important;
  padding: 10px!important;
  cursor: pointer!important;
}
/*------------------------- Sitewide Popup --------------------------*/
/* Style Modal Content - Desktop */
.popup-exit-button {
  position: absolute;
  top: 85px!important;
  right: 65px!important;
  color: #ffffff!important;
  text-align: center!important;
  font-family: 'Open Sans'!important;
  text-transform: uppercase!important;
  font-size: 26px!important;
  font-weight: 800!important;
  padding: 10px!important;
  cursor: pointer!important;
}
.exit-intent-content {
    width: 850px!important;
    max-width: 100%!important;
    height: auto!important;
    max-height: 504px!important;
    background-color: #f1f8f5!important;
    padding: 0px!important;
    margin: 0px!important;
}
.exit-intent-content h3 {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
	font-size: 28px!important;
	font-weight: 800!important;
	line-height: 1.3em!important;
	text-align: center!important;
	padding: 0px 0px 15px 0px!important;
	margin: 0px!important;
	text-transform: none!important;
}
.exit-intent-content .green-underline-decor {
    background-size: 100% 27%!important;
    background-position: 0 0.88em!important;
    padding: 0 2px!important;
    background-image: linear-gradient(180deg, transparent 0, #56cc9d 0)!important;
    background-repeat: no-repeat!important;
}
.popup-column.popup-image {
	float: left!important;
	width: 45%!important;
}
.popup-column.popup-text {
	float: left!important;
	width: 55%!important;
}
.popup-text {
    margin-top: 5%!important;
}
.popup-image {
    padding: 0px!important;
    margin: 0px!important;
}
.exit-intent-content:after {
	content: ""!important;
	display: table!important;
	clear: both!important;
}
.popup-image img {
  width: 100%!important;
  height: auto!important;
  max-height: 504px!important;
  padding: 0px!important;
  margin: 0px!important;;
}
.exit-intent-content form {
  width: 300px!important;
  max-width: 85%!important;
  margin: 20px auto 0px auto!important;
}
.exit-intent-content .formkit-input {
  font-family: 'Open Sans'!important;
  font-size: 17px !important;
  padding: 10px!important;
}
.exit-intent-content .formkit-submit {
  margin-top: 20px!important;
  text-transform: uppercase!important;
  font-family: 'Open Sans'!important;
  font-size: 19px!important;
}
.popup-disclaimer {
  font-family: 'Open Sans'!important;
  font-size: 12px!important;
  color: #959595!important;
  width: 283px!important;
  margin: 0px auto 20px auto!important;
  text-align: center!important;
  max-width: 85%!important;
}
.popup-column.popup-image.free-meal-plan {
  width: 400px;
  height: 400px;
  position: relative;
}
.exit-intent-content form.seva-form {
  box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;
  margin-bottom: 10px!important;
}
.exit-intent-content button.formkit-submit {
  margin: 0!important;
}
@media screen and (max-width: 900px) and (min-width: 785px) {
  .exit-intent-content {
    max-width: 90%!important;
    height: auto!important;
    max-height: 425px!important;
    background-color: #f1f8f5!important;
    padding: 0px!important;
    margin: 0px!important;
  }
  .exit-intent-content h3 {
    font-size: 28px!important;
    font-weight: 800!important;
    line-height: 1.3em!important;
    text-align: center!important;
    padding: 0px 0px 25px 0px !important;
    margin: 0px !important;
    text-transform: none!important;
  }
  .popup-button {
    display: block!important;
    margin: auto!important;
    margin-top: auto!important;
    font-size: 16px !important;
}
  .popup-image img {
    width: 100% !important;
    height: auto!important;
    max-height: 425px!important;
    padding: 0px !important;
    margin: 0px !important;
}
  .popup-exit-button {
    position: absolute;
    top: 85px!important;
    right: 85px!important;
    color: #ffffff!important;
    text-align: center!important;
    font-family: 'Open Sans'!important;
    text-transform: uppercase!important;
    font-size: 20px!important;
    font-weight: 800!important;
    padding: 10px!important;
    cursor: pointer!important;
}
}
/* Style Modal Content - Mobile */
@media screen and (max-width: 991px) {
  .popup-column {
    float: none!important;
  }
  .popup-text {
    width: 100%!important;
  }
  .exit-intent-content {
    max-width: 90%!important; 
    width: 300px!important;
    height: auto!important;
    max-height: 100%!important;
    background-color: #f1f8f5!important;
    padding: 0px!important;
    margin-top: 10px!important;
  }
  .exit-intent-content h3 {
    font-size: 22px!important;
    font-weight: 800!important;
    line-height: 1.3em!important;
    text-align: center!important;
    padding: 25px 10px 0px !important;
    margin: auto!important;
    text-transform: none!important;
    width: 100%!important;
  }
  .popup-button {
    display: block!important;
    margin: auto!important;
    font-size: 15px!important;
  }
  .popup-column.popup-image.free-meal-plan {
    Width: 100%;
    height: 200px;
    position: relative;
  }
  .popup-column.popup-image {
    float: left!important;
    width: 100%!important;
  }
  .popup-column.popup-text {
    float: left!important;
    width: 100%!important;
  }
  .popup-disclaimer {
      font-size: 10px!important;
      line-height: 1.3em;
  }
}
@media (max-width: 770px) {
  .popup-exit-button {
    position: absolute!important;
    top: 15px!important;
    right: 15px!important;
  }
}
/* Challenge Popup */
/* Style Modal Content - Desktop */
.exit-intent-content .green-underline-decor {
    background-size: 100% 27%!important;
    background-position: 0 0.88em!important;
    padding: 0 2px!important;
    background-image: linear-gradient(180deg, transparent 0, #56cc9d 0)!important;
    background-repeat: no-repeat!important;
}
.exit-intent-content h3.green-underline-decor {
    font-size: 35px!important;
    margin-left: -100px!important;
    z-index: 3!important;
    position: relative;
    max-width: 500px;
}
.popup-column.popup-image.challenge-popup {
  float: left!important;
  width: 50%!important;
}
.popup-column.popup-text.challenge-popup {
  float: left!important;
  width: 50%!important;
}
.popup-text {
    margin-top: 2.5%!important;
}
.popup-image {
    padding: 0px!important;
    margin: 0px!important;
}
.exit-intent-content:after {
  content: ""!important;
  display: table!important;
  clear: both!important;
}
.popup-image img {
  width: 100%!important;
  height: auto!important;
  max-height: 504px!important;
  padding: 0px!important;
  margin: 0px!important;;
}
.exit-intent-content form {
  width: 300px!important;
  max-width: 85%!important;
  margin: 20px auto 0px auto!important;
}
.exit-intent-content .formkit-input {
  font-family: 'Open Sans'!important;
  font-size: 16px !important;
  padding: 10px!important;
}
.exit-intent-content .formkit-submit {
  margin-top: 20px!important;
  text-transform: uppercase!important;
  font-family: 'Open Sans'!important;
  font-size: 17px!important;
}
.challenge-popup .challenge-description {
    font-family: 'Open Sans';
    font-size: 19px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.3em!important;
}
.challenge-popup .challenge-start-date {
    font-family: 'Open Sans';
    font-size: 25px;
    font-weight: 800;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.3em!important;
}
.challenge-popup .formkit-form {
  margin-top: 0px!important;
}
.popup-disclaimer {
  font-family: 'Open Sans'!important;
  font-size: 12px!important;
  color: #959595!important;
  width: 283px!important;
  margin: 0px auto 20px auto!important;
  text-align: center!important;
  max-width: 85%!important;
}
.popup-column.popup-image.challenge-popup {
  width: 400px;
  height: 450px;
  position: relative;
}
.exit-intent-content form.seva-form {
  box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;
  margin-bottom: 10px!important;
}
.challenge-popup .formkit-form div {
  padding-bottom: 0px!important;
}
.challenge-popup button.formkit-submit {
  margin: 0!important;
  width: 100%!important;
}
.exit-intent-content .formkit-form[data-uid="ccd5a1388c"] .formkit-submit > span {
    padding: 0px!important;
    font-family: 'playlist';
    font-size: 22px;
    text-transform: none;
    width: 100%!important;
}
.popup-column.popup-image.challenge-popup:before {
  background-image: url(/wp-content/uploads/2023/07/Freebie-30-Day-PCOS-Diet-Challenge.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 900px) and (min-width: 785px) {
  .exit-intent-content .green-underline-decor {
    max-width: 90%!important;
    height: auto!important;
    max-height: 425px!important;
    background-color: #f1f8f5!important;
    padding: 0px!important;
    margin: 0px!important;
  }
  .exit-intent-content h3.green-underline-decor {
    font-size: 28px!important;
    font-weight: 800!important;
    line-height: 1.3em!important;
    text-align: center!important;
    padding: 0px 0px 25px 0px !important;
    margin: 0px !important;
    text-transform: none!important;
  }
  .popup-button {
    display: block!important;
    margin: auto!important;
    margin-top: auto!important;
    font-size: 16px !important;
}
  .popup-image img {
    width: 100% !important;
    height: auto!important;
    max-height: 425px!important;
    padding: 0px !important;
    margin: 0px !important;
}
  .popup-exit-button {
    position: absolute;
    top: 85px!important;
    right: 85px!important;
    color: #ffffff!important;
    text-align: center!important;
    font-family: 'Open Sans'!important;
    text-transform: uppercase!important;
    font-size: 20px!important;
    font-weight: 800!important;
    padding: 10px!important;
    cursor: pointer!important;
}
}
/* Style Modal Content - Mobile */
@media screen and (max-width: 991px) {
  .popup-column .challenge-popup {
    float: none!important;
  }
  .popup-text .challenge-popup {
    width: 100%!important;
  }
  .exit-intent-content .challenge-popup .green-underline-decor {
    max-width: 90%!important; 
    width: 300px!important;
    height: auto!important;
    max-height: 100%!important;
    background-color: #f1f8f5!important;
    padding: 0px!important;
    margin: 10px auto 0px!important;
    background-size: 80% 17%!important;
    background-position: bottom!important;
    padding: 0 0px!important;
    background-image: linear-gradient(180deg, transparent 0, #56cc9d 0)!important;
    background-repeat: no-repeat!important;
  }
  .exit-intent-content h3.green-underline-decor {
    font-size: 26px!important;
    font-weight: 800!important;
    line-height: 1.3em!important;
    text-align: center!important;
    padding: 25px 10px 0px !important;
    margin: auto!important;
    text-transform: none!important;
    width: 100%!important;
  }
  .popup-button {
    display: block!important;
    margin: auto!important;
    font-size: 15px!important;
  }
  .popup-column.popup-image.challenge-popup {
    Width: 100%;
    height: 200px;
    position: relative;
  }
  .popup-column.popup-image.challenge-popup:before {
    background-image: url(/wp-content/uploads/2023/07/Freebie-30-Day-PCOS-Diet-Challenge.png);
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: center;
    content: '';
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
  } 
  .popup-column.popup-image.challenge-popup {
    float: left!important;
    width: 100%!important;
  }
  .popup-column.popup-text.challenge-popup {
    float: left!important;
    width: 100%!important;
  }
    .challenge-popup .challenge-description {
    font-family: 'Open Sans';
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    line-height: 1.3em!important;
}
.challenge-popup .challenge-start-date {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-top: 15px;
    line-height: 1.3em!important;
}
  .popup-disclaimer {
      font-size: 10px!important;
      line-height: 1.3em;
  }
}
@media (max-width: 770px) {
  .popup-exit-button {
    position: absolute!important;
    top: 15px!important;
    right: 15px!important;
  }
}