/*
Theme Name:   My Fertology
Description:  Write here a brief description about your child-theme
Author:       admin_mary
Author URL:   http://mary-wong.s1.ths.agency
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  marywong
*/

/* Write here your own personal stylesheet */

*{
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}

/* Header CSS */
.site-header {
    background: #f7eee5;
	z-index: 99;
}
.site-header .header-inner .custom-logo-link {
    max-width: 185px;
}
.site-navigation ul.menu li a{
	color:#434343;
	font-weight:600;
}
.site-navigation ul.menu .current-menu-item a:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-top: 5px;
    border-bottom: 3px solid #c93842;
}
.site-navigation ul.menu li ul {
    background: #f7eee5 !important;
    min-width: max-content !important;
}
.site-navigation ul.menu li.menu-item-has-children:after {
	display:none !important;
}
.site-navigation ul.menu li.menu-item-has-children {
    padding-right: 0 !important;
}
.site-navigation.show {
    position: relative;
}
.social-icon-header {
	position: absolute;
	bottom: 30px;
	right: 15px;
	height: 25px;
	margin-bottom: 30px;
	display: flex;
}
.social-icon-header a {
    width: 24px;
    margin: 0 4px;
}
.mobile-social-icon {
    position: absolute;
    top: 345px;
    bottom: auto;
    left: 15px;
    right: auto;
    height: 25px;
    margin-bottom: 25px;
    display: flex;
}
.mobile-social-icon a {
    width: 24px;
    margin: 0 4px;
}
/* Home Page Banner Section */
.banner-title .banner-heading h2 {
	text-align: center;  
	letter-spacing: 0px;
	color: #434343;
	font-size: 48px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 20px;
}
.banner-title .banner-heading h2 span {
    font-style: normal;
    font-family: 'Playfair Display';
	font-weight: normal;
}
.banner-title .banner-para p {
    font-size: 22px;
    font-family: 'Playfair Display';
    padding: 0 90px;
}
.banner-heading {
    margin: 0 !important;
}
.banner-title .banner-para .banner-btn {
    font-size: 18px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #434343;
}
.banner-title .banner-para .banner-btn:hover {
    color: #c93842;
}
.fertology-section .elementor-image-box-wrapper {   
    align-items: center !important;
}
.fertology-section p {
    font-size: 16px;
    color: #434343;
}
.banner-title .banner-para .banner-btn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -3px;
    vertical-align: middle;
}
.fertology-section .learn-more-btn{
	font-size: 16px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #434343;
}
.fertology-section .learn-more-btn:hover {
    color: #c93842;
}
.fertology-section .learn-more-btn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -3px;
    vertical-align: middle;
}
.ferloloy-heading {
    color: #c93842;
	font-family: 'Playfair Display';
    font-weight: normal;
	padding:0 60px;
	line-height: 1.6;
    font-size: 1.75rem;
}
.ferloloy-para {
    font-size: 16px;
    padding: 0 70px;
    color: #434343;
}
.coming-soon-heading{
	font-weight:normal;
	font-family: 'Playfair Display';
}
.coming-soon-section p {
    font-size: 16px;
}
.coming-soon-btn{
	font-size: 16px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #434343;
	text-transform: uppercase;
}
.coming-soon-btn:hover {
    color: #c93842;
}
.coming-soon-btn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -2px;
    vertical-align: middle;
}
.listen-our-podcast-section .listen-our-podcast-heading {
    font-weight: normal;
    font-size: 1.75rem;
    font-family: 'Playfair Display';
}
.listen-our-podcast-section p{
	font-size: 16px;
}
.listen-our-podcast-btn{
	font-size: 16px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #434343;
	text-transform: uppercase;
}
.listen-our-podcast-btn:hover {
    color: #c93842;
}
.listen-our-podcast-btn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -2px;
    vertical-align: middle;
}
.where-to-listen-heading .elementor-heading-title {
    font-size: 1.75rem;
    font-family: 'Playfair Display' !important;
    font-weight: 500 !important;
}
.single-post {
    background: #f7eee5;
}

/* About Us Page Meet Expert */
.meet-experts-banner-section .elementor-heading-title {
    font-family: 'Playfair Display' !important;
    font-style: italic;
    text-shadow: none !important;
    font-weight: normal !important;
	line-height: 1.2;
    font-size: 48px;
}
.meet-experts-banner-section .elementor-heading-title span {
    font-style: normal;
	font-family: 'Playfair Display';
	 font-weight:  normal;
}
.meet-section .meet-section-heading {
    font-size: 28px;
    font-weight: 500;
    font-family: 'Playfair Display';
	color: #434343;
}
.meet-section .meet-section-heading span{
	font-size: 16px;   
	color: #c93842;
}
.meet-section .meet-section-heading span a {
	color: #c93842;
}
.meet-section p {
    font-size: 16px;
}
.meet-section .meet-btn{
	font-size: 16px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #c93842;
	text-transform: uppercase;
}
.meet-section .meet-btn:hover {
    color: #434343;
}
.meet-section .meet-btn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -2px;
    vertical-align: middle;
}

/* My Fertolotly Page CSS */
.post-1204 .page-header {
    display: none;
}
.my-fertology-title {
    letter-spacing: 0px;
    color: #c93842;
    font-size: 28px;
    font-family: 'Playfair Display', serif;
	font-weight: normal;
}
.life-cycle-section .elementor-image-box-content {
    line-height: 1.4;
    padding: 0 20%;
}
.life-cycle-section .elementor-image-box-title {
    margin: 0 0 5px 0;
    font-family: 'Playfair Display' !important;
}
.life-cycle-heading h3 {
    font-family: 'Playfair Display';
    font-size: 28px;
	margin-bottom: 5px;
	font-weight: normal;
}
.life-cycle-section .elementor-image-box-title {
    font-weight: normal !important;
}
.life-cycle-section .elementor-image-box-description {
    font-family: 'Open Sans', sans-serif !important;
}

/* Fertility Course Page CSS */
.Coming-soon-banner h3 {
	font-family: 'Playfair Display' !important;
	font-style: italic;
	text-shadow: none !important;
	font-weight: normal !important;
	line-height: 1.2;
	font-size: 38px;
    color:#434343;
}
.Coming-soon-banner p{
	font-size: 19px;
	font-weight: 500;
	font-family: 'Playfair Display';
	color: #434343;
}
.Coming-soon-section-title .elementor-heading-title{
	font-family: 'Playfair Display' !important;
	font-style: italic;
	text-shadow: none !important;
	font-weight: normal !important;
	line-height: 1.2;
	font-size: 24px !important;
	padding: 0 80px;
	color: #434343 !important;
}
.Coming-soon-section-title .elementor-heading-title span {
    font-style: normal;
	font-family: 'Playfair Display' 
}
.Coming-soon-email-section .fertility-form-email .your-email input {
    border: none;
    background: no-repeat;
    border-bottom: 3px solid #434343;
    padding: 2px 0;
    margin-bottom: 5px;
}
.Coming-soon-email-section .fertility-form-email span.wpcf7-not-valid-tip {
    position: absolute;
}
.Coming-soon-email-section .fertility-form-btn {
    text-align: right;
}
.fertility-form-btn span.wpcf7-spinner {
    display: none;
}
.Coming-soon-email-section .fertility-form-btn span.ajax-loader {
    display: none;
}
.Coming-soon-email-section .fertility-form-btn input {
    border: none;
    padding: 0;
    color: #434343;
    font-size: 20px;
    font-family: 'Playfair Display';
    font-style: italic;
}
.Coming-soon-email-section .fertility-form-btn input:hover,.Coming-soon-email-section .fertility-form-btn input:focus{
	background: none !important;
    color: #c93842;
    outline: none;
}
.fertilty-squed-section h4, .snapshot-heading h4{
	font-family: 'Playfair Display';
	font-style: italic;
	color: #c93842;
	font-size: 28px;
	font-weight:normal;
}
::placeholder {
    color: #bec8c7;
    opacity: 1;
}
:-ms-input-placeholder { 
    color: #bec8c7;
}
::-ms-input-placeholder { 
    color:#bec8c7;
}
.bottom-service-section .elementor-image-box-description {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.previous-next {
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #c93842;
    padding: 6px 0;
    margin: 50px 0;
}
.previous-next a {
    color: #535352;
	font-weight: 600;
}
.previous-next a:hover {
    color: #c93842;
}

/* Footer CSS */
.footer-has-copyright {
    background-color: #f7eee5;
}
.footer-section {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 70px;
}
.social-icon {
    display: flex;
}
.social-icon a {
    width: 30px;
    margin: 0 4px;
}
.site-footer .footer-inner .copyright {
    width: 100%;
}

/* Contact Page CSS Start */
.contact-form h2{
	font-size: 40px;
	margin-bottom: 0px;
	font-family: 'Lora', serif !important;
	font-weight: 500;
}
.contact-form .elementor-widget-container h3 {
    max-width: 57%;
    margin: 0 auto;
    padding: 20px 50px;
    font-family: 'Playfair Display', serif !important;
    font-weight: 400;
    font-size: 30px;
}
.contact-form .wpcf7-form {
	max-width: 600px;
	margin: 0 auto;
}
.contact-form .wpcf7-form p label {
	color: #434343;
	width:100%;
	font-family: 'Open Sans', sans-serif;
}
.contact-form .wpcf7-form p input,
.contact-form .wpcf7-form p textarea {
	margin-top: 10px;
	margin-bottom:12px;
	border: 0px;
	border-radius: 0px;
}
.contact-form p .wpcf7-submit {
	background-color: #C93842;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 40px;
	border-radius: 4px !important;
	border: 1px solid #C93842;
	margin-bottom:25px;
	font-family: 'Open Sans', sans-serif;
}
.contact-form .wpcf7-form p label.user-email {
	width: 100%;
	display: inline-block;
	float: left;
	margin-right: 1%;
	margin-bottom: 10px;
}
.contact-form .wpcf7-form p label.user-website {
	width: 49%;
	display: inline-block;
	margin-left: 1%;
}
.contact-form .wpcf7-response-output {
	color: #c93842;
	border-color: #c93842 !important;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
	font-size: 14px;
}
.contact-form .wpcf7-not-valid-tip {
	color: #eb0c1c;
	padding-top: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 12px;
	position: absolute;
	top: 25px;
}
span.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip {
	top: 0px;
}
.contact-form p .wpcf7-submit:focus {
	outline: none;
}
/* .contact-form .wpcf7-response-output {
    display: none;
} */
/* Contact Page CSS End */

/* 404 page */
.page_404{
    padding: 150px 0 5px;
    background:#fff;
    font-family: 'Lora', serif !important;
    min-height: 80vh;
}
.page_404  img{ width:100%;}

.four_zero_four_bg{
	background-image: url('/wp-content/uploads/2021/11/404-01.svg');
	min-height: 240px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 70px;
	margin-top: 40px;
}
.four_zero_four_bg .text-center {
	font-size:48px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 185px;
	line-height: 1.2;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.four_zero_four_bg .text-404{
	font-size:80px;
	font-weight:600;
}
.text-404 {
	font-size: 36px;
	padding-bottom: 5px;
	font-family: 'Lora';
}
.contant_box_404{ margin-top:-50px;text-align: center;}
.error404 .page-content {
	margin: -10px 0 45px 0;
}
.error404 .eicon-menu-bar:before {
    font-family: FontAwesome;
    content: "\f039";
    display: flex;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}
.error404 .site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
    font-family: FontAwesome;
    content: "\f00d";
    display: flex;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}
/* 404 PAge CSS End */

/* Podcast Page CSS  */
.wppsac-post-slider.design-4 .wppsac-post-image-bg {
    background: #f7eee5;
    height: auto;
}
.wppsac-post-slider.design-4 .wppsac-post-list-content, .wppsac-post-slider.design-4 .post-list {
    align-items: center;
    text-align: center;
}
 #post-grid-1910 .item{
 	background: #fbd2c4 !important;
     margin: 40px 10px !important;
     text-align:center;
 }
.featured-episodes-slider .wppsac-sub-content {
    padding: 0 100px;
    line-height: 1.6;
    margin: 20px 0;
}
.featured-episodes-slider  .wppsac-readmorebtn {
    border: none !important;
	font-weight:600;
	font-size: 16px !important;
}
.featured-episodes-slider  .wppsac-post-slider.design-4 a.wppsac-readmorebtn:hover {
    background: none !important;
	color: #c93842 !important;
}
.featured-episodes-slider  .wppsac-readmorebtn:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: 0;
    vertical-align: middle;
}
.featured-episodes-slider .wppsac-post-slider .wppsac-post-image-bg img {
    max-width: 300px;
    margin: 0 auto;
}
.single-post .entry-title {
     font-family: 'Playfair Display';
	margin-bottom: 35px;
    font-size: 36px;
}
.single-post .page-content p {
    font-size: 16px;   
    line-height: 1.5;
}
/* Blog grid CSS Start */
.episode-testimonial .rt-detail {
	background: #fbd2c4 !important;
}
.all-episode-list a {
	font-size: 24px !important;
	line-height: 1.4;
	font-family: 'Playfair Display';
	color: #434343;
}
.all-episode-list  span.read-more a{
	font-size: 16px !important;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	color: #434343;
	text-transform: uppercase;
	border:none !important;
}
.all-episode-list span.read-more a:after {
	font-family: FontAwesome;
	content: "\f0da";
	display: inline-block;
	padding-left: 5px;
	margin-top: -2px;
	vertical-align: middle;
}
.all-episode-list .tpg-excerpt {
	font-size: 16px !important;
	text-align: center !important;
	line-height: 1.6;
	padding: 0px 26px;
	margin-bottom: 5px !important;
}
.all-episode-list .even-grid-item {
	margin-bottom: 30px;
	min-height: 390px;
}
.all-episode-list  .rt-holder{
	box-shadow:none !important;
}
li.paginationjs-next.J-paginationjs-next a::before {
	content: "OLDER";
}
li.paginationjs-prev.J-paginationjs-previous a::after {
	content: "LATEST";

}
li.paginationjs-next.J-paginationjs-next i::before {
	background: url(/wp-content/uploads/2021/11/arrow-icon-right.png) center center no-repeat !important;
	content: "";
    height: 19px;
    width: 19px;
    position: absolute;
    display: block;
    right: -5px;
    top: 6px;
}
li.paginationjs-prev.J-paginationjs-previous i::before {
	background: url(/wp-content/uploads/2021/11/arrow-icon-leftt.png) center center no-repeat !important;
	content: "";
    height: 19px;
    width: 19px;
    position: absolute;
    display: block;
    left: -5px;
    top: 6px;
}

li.paginationjs-page {
	display: none !important;
}
.paginationjs .paginationjs-pages li > a {
	background: none;
	border: none !important;
	color: #c93842 !important;
	font-size: 22px !important;
	font-family: 'Playfair Display';
	margin-bottom: 30px;
	position: relative;
}
.rt-tpg-container i {
	margin-left: 5px;
}
.paginationjs .paginationjs-pages li > a:hover{
	background: none;
}
.tpg-pre-loader .rt-loading-overlay{display: none;}
/* Blog Grid CSS End */

.episode-testimonial .all-episode-list .content iframe {
    display: none;
}
.episode-testimonial .all-episode-list .content {
    height: 206px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.podcast-heading .elementor-heading-title, .all-episode-title .elementor-heading-title {
    font-size: 34px;
    font-weight: 500;
    font-family: 'Playfair Display' !important;
}
.all-episode-list .title_link {
    font-size: 24px !important;
    line-height: 1.4;
	font-family: 'Playfair Display'; 
    color: #434343;
}
.all-episode-list .excerpt{
    color: #434343;
}
.excerpt a {
    color: #434343;
}
.all-episode-list .content{
	color: #434343;
	font-family: 'Open Sans', sans-serif;
}
.sp-testimonial-free-section .tfree-client-testimonial p,
.sp-testimonial-free-section .tfree-client-testimonial {
    font-size: 24px;
    font-style: italic;
    color: #fff;
    font-family: 'Playfair Display';
    line-height: 36px;
}
.book-testimonial .sp-testimonial-free-section .tfree-client-name {
    color: #fff !important;
    font-family: 'Playfair Display';
    font-size: 18px;
}
.book-testimonial .sp-testimonial-free-section .slick-dots li button {
    background: #faa996 !important;
}
.book-testimonial .sp-testimonial-free-section .slick-dots li.slick-active button {
    background: #f8eee5 !important;
}
.book-testimonial .sp-testimonial-free-section .slick-prev, .book-testimonial .sp-testimonial-free-section .slick-next {
    background: none !important;
    border: none !important;
    color: #FBD2C4 !important;
}
.book-testimonial .sp-testimonial-free-section .slick-dots li button:focus {
    outline: none;
  }
.sp-testimonial-free-section .slick-list .slick-track {
    display: flex;
    align-items: center;
}
.grid-items .read_more{
	font-size: 16px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #434343;
	text-transform: uppercase;
}
.grid-items .read_more:hover {
    color: #c93842;
}
.grid-items .read_more:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
	margin-top: -2px;
    vertical-align: middle;
}
#post-grid-1910 .pagination span.page-numbers.current,#post-grid-1910 .pagination .page-numbers{
    display: none !important;
}
#post-grid-1910 .pagination .next.page-numbers , #post-grid-1910 .pagination .prev.page-numbers{
    background: none;
    font-family: 'Playfair Display';
    font-size: 22px;
    color: #c93842;
    display: block !important;
	width: 145px;
	margin: 0 auto;
	position:relative;
}
#post-grid-1910 .pagination .page-numbers:hover{
	background:none  !important;
	color:#434343;
}
.featured-episodes-slider .wppsac-post-slider button.slick-prev, .featured-episodes-slider .wppsac-post-carousel button.slick-prev{
	background: url(/wp-content/uploads/2021/11/arrow-icon-leftt.png) center center no-repeat !important;
}
.featured-episodes-slider .wppsac-post-slider button.slick-next,.featured-episodes-slider  .wppsac-post-carousel button.slick-next{
	background: url(/wp-content/uploads/2021/11/arrow-icon-right.png) center center no-repeat !important;
}
.featured-episodes-slider .wppsac-post-slider .slick-dots li button, .featured-episodes-slider .wppsac-post-carousel .slick-dots li button {
    background: #fbd2c4 !important;
    border: 1px solid #fbd2c4 !important;
    margin:0px 3px !important
}
.featured-episodes-slider .wppsac-post-slider .slick-dots li.slick-active button,.featured-episodes-slider  .wppsac-post-carousel .slick-dots li.slick-active button{
    background: #c93842 !important;
    border-color:#c93842 !important;
}
.featured-episodes-slider .wppsac-post-slider h2.wppsac-post-title a, .featured-episodes-slider .wppsac-post-carousel h2.wppsac-post-title a{
	 font-family: 'Playfair Display';
}
.featured-episodes-slider .wppsac-post-slider h2.wppsac-post-title, .featured-episodes-slider  .wppsac-post-carousel h2.wppsac-post-title {
    padding: 0 100px;
}
.cus-Where-to-listen-sec .elementor-widget-container img {
    min-height: 100px;
    max-height: 100px;
    object-fit: contain;
    width: 100%;
    max-width: 300px;
}
.cus-comingsoon-sec h3.coming-soon-heading {
    max-width: 450px;
    width: 100%;
    margin: 0 auto 16px;
}
::placeholder {
    color: #858585;
    font-weight: 600;
    text-transform: uppercase;
}
.contact-form {
    padding: 40px 0px; 
}
.page_404 .text-center, .text-404 {
	font-family: 'Playfair Display';
	font-style: normal;
}
body .page_404 {
    padding-top: 100px;
}
.error404 .page-content {
    margin-bottom: 100px;
}
.episode-recent-slider .wppsac-readmorebtn {
    text-transform:uppercase;
    font-weight: 800;
}
.episode-testimonial {
    position: relative;
}
.episode-testimonial .next::after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2021/11/arrow-icon-right.png);
    height: 18px;
    width: 16px;
    background-repeat: no-repeat;
    right: 22px;
    top: 15px;
}
.episode-testimonial .prev::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2021/11/arrow-icon-leftt.png);	
    height: 18px;
    width: 16px;
    background-repeat: no-repeat;
    left: 22px;
    top: 15px;
}
.excerpt {	
    font-size: 16px !important;
    text-align: center !important;
    line-height: 1.6;
    padding: 0px 26px;
}
.elementor-element-33eae2ae .elementor-column-gap-default {
    display: flex;
    align-items: center;
    justify-content: center;
}
.elementor-element-33eae2ae .elementor-widget-container img {
    max-width: 80%;
}

/* Media Player CSS Start */
.category-episode header.page-header {
    margin-top: 270px;
}
.cus-audi-player {
    display: flex;
    align-items: center;
    width: 100%;
	max-width:900px;
    margin: 0 auto;	
   	top: 240px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.audio-section {
    width: 100%;
    padding: 20px;
    min-height: 150px;
    color: #f7eee5;
}
.audio-section audio {
    width: 100%;
	opacity: 0.8;
}
.audio_title {
    padding-bottom: 24px;
}
audio::-webkit-media-controls-panel {
	background: #c93842; 
}
audio::-webkit-media-controls-play-button {
    background-color: #f7eee5;
    border-radius: 50%;
}
audio::-webkit-media-controls-play-button:hover {
    background-color:  #f7eee5;
}
audio::-webkit-media-controls-time-remaining-display {
    color: #f7eee5;
}
audio::-webkit-media-controls-current-time-display {
    color: #f7eee5;
}
audio::-webkit-media-controls-timeline {
    background-color: none;
    color: #f7eee5;
    border-radius: 25px;
    width:100%;
    margin-left: 10px;
    margin-right: 10px;
}
audio::-webkit-media-controls-volume-slider {
    background-color: #f7eee5;
    border-radius: 25px;
    padding-left: 8px;
    padding-right: 8px;
}
audio::-webkit-media-controls-volume-slider {
    background-color: #c93842;
}
/* Media Player CSS End */
/* POPUP CSS Start */
.pum-container.pum-responsive.pum-responsive-small div:focus {
    outline: none !important;
    box-shadow: none !important;
}
.pum-content {  
    font-family: 'Lora', serif !important;
    text-align: center !important;
}
.popmake-content .home-popup p {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px;
}
.home-popup-modal h3 {
    font-style: italic;
   font-family: 'Playfair Display', serif !important;
    font-weight: 500;
}
.home-popup-modal a{
	font-family: 'Open Sans' !important;;
    font-size: 16px;
    font-weight: 600;
}
.home-popup-modal a:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}
.pum-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    display: flex;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
}
.pum-close{
	font-size:0 !important;
	outline:none;
}
.pum-close:focus {
    outline: none !important;
    box-shadow: none !important;
}
.site-header:not(.header-stacked) .header-inner .site-branding{
    z-index: -1!important;
}
.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
	padding-right: 0 !important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: auto !important;
}
.pum-container.pum-responsive.pum-responsive-small {
	margin: 0 auto !important;
	width: 90%;
	max-width: 550px !important;
	left: 50% !important;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.discover-my-services-btn {
/*     text-align: center; */
    margin-top: 12px;
}
h2.visit-myfer-headind {
    font-family: 'Playfair Display', serif !important;
    font-size: 2.2rem;
    color: #434444;
	margin: 0;
}
.coming-soon {
	padding-top: 0px !important;
}
.home-popup-modal a {
    color: #c93842;
}
.site-header:not(.header-stacked) .header-inner .site-branding {
  z-index: 1!important;
}
/*  sds*/
.home-popup-form .fertility-form-email .your-email input {
    border-bottom: 2px solid #ffffff;
}
.home-popup-form .fertility-form-btn input {
    color: #c93842;
}
.home-popup-modal p {
	font-size: 18px;
	font-family: 'Playfair Display';
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 0px 40px;
	font-weight: 500;
}
.home-popup-form .fertility-form-email .your-email input::placeholder {
    color: #c93842;
    font-weight: 400;
    text-transform: uppercase;
	font-size:14px;
}

/* POPUP CSS END */



/* Media Queries */
@media screen and (min-width: 1580px) { 
	.elementor-6 .elementor-element.elementor-element-49a3b93 > .elementor-element-populated {
		padding: 40% 0% 0% 0%;
	}
}
@media screen and (min-width: 1200px) { 
	.site-footer.footer-stacked .footer-inner{
		    align-items: flex-end !important;
	}
	.copy-right-title {
		padding: 0 70px;
	}	
	.wppsac-post-slider.design-4 .wppsac-post-list-content, .wppsac-post-slider.design-4 .post-list {
		display: flex;		
	}
    .site-header .header-inner .custom-logo-link {
        max-width: 250px;
        width: 100%;
        padding: 10px 0px;
    }	
	.cus-audi-player { 
		top: 270px;
	}
	#post-grid-1910 .item {
		height: auto;
		width: 30%;
	}
	#post-grid-1910 .grid-items {  
		display: contents;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1051px) {
	.all-episode-list .even-grid-item {
		margin-bottom: 15px;
		min-height:421px;
	}
	.social-icon-header {	
		bottom: 20px;
	}
	.site-header {
		padding: 40px 0 !important;
	}
	.cus-audi-player { 
		top: 290px;
	}
}
@media screen and (max-width: 1050px) and (min-width: 1006px) {
	.all-episode-list .even-grid-item {
		margin-bottom: 15px;
		min-height:440px;
	}
	.site-header {
		padding: 40px 0 !important;
	}
	.social-icon-header {
		bottom: 20px;
	}
	.cus-audi-player { 
		top: 290px;
	}
}
@media screen and (max-width: 1005px) and (min-width: 993px) {
	.all-episode-list .even-grid-item {
		margin-bottom: 15px;
		min-height:470px;
	}
	.cus-audi-player { 
		top: 290px;
	}
}
@media screen and (min-width: 1024px) {
	#post-grid-1910 .grid-items {
		display: contents;
	}
	#post-grid-1910 .item {
		height: auto;
		width: 30%;
	}
	
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .who-fertology .elementor-container.elementor-column-gap-default {
      flex-wrap: inherit;
    }
    .who-fertology .elementor-container.elementor-column-gap-default .elementor-column.elementor-top-column.elementor-element:first-child {
      padding-left: 20px;
    }
	.cus-audi-player {  
		width: 90%;
	}

}
@media screen and (min-width: 768px) {
    .banner-fertility-course.elementor-section.elementor-section-height-full {
        height: 70vh !important;
    }
}
@media screen and (min-width: 621px) {
    .wppsac-post-slider.design-4 .wppsac-post-list-content, .wppsac-post-slider.design-4 .post-list {
		display: flex;		
	}
}
@media screen and (max-width: 1440px) { 
	.elementor-6 .elementor-element.elementor-element-49a3b93 > .elementor-element-populated {
		padding: 20% 0 0 0 !important;
	}
}
@media screen and (max-width: 1023px) {
/* 	.site-branding.show-logo {
		z-index: -1;
	} */
	.site-navigation-toggle-holder .site-navigation-toggle{
		    background: none !important;
	}
	.site-navigation-dropdown ul.menu {
		position: fixed;
		width: 100%;
		padding: 0 20px !important;
		margin: 0;
		background: #F5A995 !important;
		height: 100vh;
	}
	.elementor-active .site-navigation-toggle  {
		color: #434343 !important;
	}
	.site-navigation-dropdown ul.menu li a {   
		background: none !important;
		box-shadow: none !important;
		padding: 5px 0 !important;
		font-size: 24px;
		font-weight: 400;
		color: #434343  !important;
	} 
	.menu-dropdown-tablet .custom-logo {
		width: 170px;
	}
	nav.site-navigation-dropdown.show {
		position: fixed;
		top: 0;
		z-index: -1;
		padding-top: 75px;
		background: #F5A995 !important;
		margin: 0;
	}
	.site-header {
		padding: 40px 0 !important;
	}
	.social-icon-header {
		bottom: 20px;
	}
	.site-logo.show.mobile-logo {
		position: absolute;
		top: 26px;
		left: 20px;
		z-index: 4;
		display: none;
	}
	.menu-item-has-children .sub-menu {
		margin-left: 24px;
	}
	.banner-title .banner-para p {
		padding: 0 20px;
	}
	.coming-soon-img .elementor-widget-wrap {
		min-height: 400px;
	}
	.banner-title .banner-heading h2 {   
		font-size: 36px
	}
	.banner-title .banner-para p {
		font-size: 20px;
	}
	.meet-experts-banner-section .elementor-heading-title {
		font-size: 36px;
	}
}
@media screen and (max-width: 991px){
    .site-navigation-dropdown ul.menu li a {
        font-size: 18px;
    }
	.featured-episodes-slider .wppsac-post-slider h2.wppsac-post-title, .featured-episodes-slider .wppsac-post-carousel h2.wppsac-post-title {
		padding: 0 30px;
	}
	.featured-episodes-slider .wppsac-sub-content {
		padding: 0 20px;
	}
	#post-grid-1910 .item{
		margin: 20px 10px !important;
	}
	.post {
		padding: 0 20px !important;
	}
	.Coming-soon-section-title .elementor-heading-title {
		padding: 0 20px;
	}	
	.site-branding.show-logo {
		margin: 0;
		align-items: center;
		display: flex;
	}
	.Coming-soon-banner h3 {	
		padding: 0 20px;
		font-size: 28px;
	}
	.Coming-soon-banner p {
		font-size: 16px;	
		padding: 0 20px;
	}
	.elementor-1204 .elementor-element.elementor-element-1e26f2f img {
		max-width: 180px !important;
	}
	.life-cycle-section .elementor-image-box-content {
		padding: 0px 10%;
	}
}
@media screen and (max-width: 992px) and (min-width: 767px) {
    .meet-experts-banner-section .elementor-heading-title {
        font-size: 26px;
    }
	.all-episode-list .even-grid-item {
		margin-bottom: 10px;
		min-height: 390px;
	}
	.site-header {
		padding: 15px 0 !important;
	}
}
@media screen and (max-width: 991px) and (min-width: 576px) {
    body .site-header .header-inner {
        max-width: 100%;
        padding: 0 30px;
    }
}
@media screen and (max-width: 767px) { 
	.banner-title .banner-heading h2, .meet-experts-banner-section .elementor-heading-title {
		font-size: 30px;
	}
	.banner-title .banner-para p {
		font-size: 18px;
		padding: 0 20px;
	}
	.banner-title .banner-para .banner-btn {
		font-size: 16px;
	}
	.ferloloy-heading,.coming-soon-heading,.listen-our-podcast-section .listen-our-podcast-heading {
		font-size: 24px;
		padding: 0;
		line-height: 1.2;
	}	
	.ferloloy-para {
		font-size: 16px;
		padding: 0;
	}
	.coming-soon-img .elementor-widget-wrap {
		min-height: 250px;
	}
	.meet-ordering-text {
		order: 2;
	}
	.contact-form .elementor-widget-container h3 {
		max-width:100%;
		padding: 0;
		font-size: 28px;
	}
	.elementor-6 .elementor-element.elementor-element-49a3b93 > .elementor-element-populated {
		margin: -300px 0px 0px 0px !important;
		padding: 0 !important;
	}
	 .elementor-15 .elementor-element.elementor-element-0bae7ff {
		margin: -240px 0px 0px 0px !important;
	}
	.sp-testimonial-free-section .tfree-client-testimonial p, .sp-testimonial-free-section .tfree-client-testimonial {
		font-size: 18px;
	}
	.single-post .entry-title {
		font-size: 24px;		
	}
    .cus-Where-to-listen-sec .elementor-widget-container img {
        min-height: auto;
        max-height: initial;
    }
	.category-episode header.page-header {
		margin-top: 310px;
	}
	.cus-audi-player {	
		width: 90%;		
		top: 240px;
	}
	figure.elementor-image-box-img img {
		max-width: 100px;
	}
	.bottom-service-section {
		padding: 0 !important;
	}
	.elementor-1204 .elementor-element.elementor-element-1e26f2f img {
		max-width: 165px !important;
	}
	.media-icon .elementor-col-25.elementor-inner-column {
		width: 50%;
	}
	.four_zero_four_bg .text-center{
		    font-size: 34px;
	}
	.four_zero_four_bg {	
		min-height: 215px;		
		margin-bottom: 10px;
		margin-top: 0px;
	}
	.contant_box_404 {
		margin-top: 0px;
		text-align: center;
	}
	.text-404 {
		font-size: 28px;
	}
	.page_404 { 
		min-height: auto;
	}
    .who-fertology {
        padding: 30px 0 40px 0 !important;
    }
    .mid-service-section.mobile-view-space > .elementor-container {
        min-height: 530px !important;
    }
    .banner-fertility-course .banner-title {
        padding-bottom: 0px;
    }
    .cus-comingsoon-sec h3.coming-soon-heading {
        margin-top: 40px;
    }
    .bottom-service-section {
        padding-top: 30px !important;
    }
    .Coming-soon-banner h3, .Coming-soon-banner p {
        text-align: center;
    }    
	.all-episode-list .even-grid-item {
		margin-bottom: 10px;
		min-height: auto;
	}
	.site-header {
		padding: 15px 0 !important;
	}
}
@media screen and (max-width: 600px) {
	.cus-audi-player {
		display: block;
		width: 90%;
		text-align: center;
	}
	.audio-section {
		width: 100%;
		padding: 0px;
		min-height: auto;
	}
	.audio_title {
		padding-bottom: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: inherit;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 50px;
	}
    .Coming-soon-section-title .elementor-heading-title {
        font-size: 20px !important;
    }
    .Coming-soon-email-section {
        margin-top: 20px;
    }
    .Coming-soon-email-section .fertility-form-btn input {
        font-size: 18px;
    }
    .Coming-soon-email-section .fertility-form-email .your-email input {
        font-size: 14px;
    }
    .banner-title {
        margin: 60px 0;
    }
	.home-popup-modal h3 {	
		font-size: 28px;
	}
	.home-popup-modal p {
		font-size: 16px;
		padding: 0px 20px;
	}
}
@media screen and (max-width: 480px) {
	.sp-testimonial-free-section .tfree-client-testimonial p, .sp-testimonial-free-section .tfree-client-testimonial {
		font-size: 16px;
	}
	figure.elementor-image-box-img img {
		max-width: 80px;
	}
	.media-icon .elementor-col-25.elementor-inner-column {
		width: 100%;
	}
	.four_zero_four_bg .text-center{
		font-size: 32px;
	}
	.four_zero_four_bg {	
		min-height: 215px;		
		margin-bottom: 10px;
		margin-top: 0px;
	}
	.contant_box_404 {
		margin-top: 0px;
		text-align: center;
	}
	.text-404 {
		font-size: 26px;
	}
	.page_404 { 
		min-height: auto;
	}
	.social-icon a {
		width: 24px;
		margin: 0px 3px;
		display: flex;
		align-items: center;
	}
	.copy-right-title p {
		font-size: 15px;
	}
	.home-popup-modal h3 {	
		font-size: 22px;
	}
	.home-popup-modal p {
		font-size: 16px;
		padding: 0px 10px;
	}
}