/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/* -- general style -- */
.fixed-menu{position: fixed; top:0px; width: 100%; z-index: 99999999;}
.elementor-field-group .elementor-field-textual:focus{-webkit-box-shadow: none !important; box-shadow: none !important;}
.dib{display:inline-block;}

/* -- top bar -- */
@media (min-width: 1025px){.desktop-topbar-menu ul.sub-menu{margin-top: 8px !important;}}
.home-menu-item img{position: relative; top: -2px; right: 3px;}
.quick-tips-menu-item img{position: relative; right:2px;}
#topbar-template {display: block;}
@media (max-width: 767px){
	.elementor-nav-menu--dropdown a{justify-content: normal !important;}
	#top-bar {padding: 8px 0px 3px 0px !important;}
	.topbar-mobile-menu-section .elementor-nav-menu--dropdown {top:30px !important;}
}



/* -- header & menu -- */
#site-header .top-header-wrap > .container{padding:10px !important;}
#site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a{letter-spacing: 0px;}
#site-navigation.main-navigation ul#menu-main-menu > li > a:after{content: "|"; position: absolute; top: 0px; left: -3px;}
#site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a{line-height: 40px;}
#site-navigation.main-navigation ul#menu-main-menu > li:first-child > a:after{content: " ";}

#site-navigation.main-navigation ul#menu-menu li.current_page_item > a{font-weight: bold;}
#site-navigation.main-navigation ul#menu-menu li.current_page_parent > a{font-weight: bold;}
#site-navigation.main-navigation ul#menu-menu li.current-menu-item > a{font-weight: bold;}
#site-navigation.main-navigation ul#menu-menu li ul.megamenu li.current-menu-item > a{font-weight: bold;}

@media (min-width: 960px){#site-navigation-wrap > .container {background: #eeedf0; padding: 0px 10px; background-clip: content-box;}}
@media (max-width: 960px){
	#site-header .top-header-wrap > .container {padding:0px !important;}
	#site-logo img {width: 150px !important;}
	.after-header-icon-section {box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.5);}
}

#medium-searchform input[type="search"]{border: 1px solid #000 !important; border-radius: 0px; color: #010101 !important; font-family: reem kufi !important; font-weight: bold;}
#medium-searchform label{color: #010101 !important; font-family: reem kufi !important; opacity: 1;}
#site-header.medium-header #medium-searchform label{opacity: 1; top: 2px;}
#medium-searchform {position: relative; top:-15px;}
#medium-searchform i{color: #010101; font-weight: bold;}
.header-relax-btn{border: 1px solid #000; font-size: 18px; color:#080808; font-family: Merriweather; padding: 8px 12px; font-weight: bold; position: relative; top:-1px;}
.stuff-i-love-item img{position: relative; top:-2px;}
#site-header #medium-searchform:before{content:"What would inspire your next step?"; font-family: reem kufi;}
#site-header.medium-header #medium-searchform input{background-color: #ffffff !important;}
#site-header.medium-header #medium-searchform label{z-index: 2;}

#site-navigation-wrap .dropdown-menu >li >a:hover, #site-navigation-wrap .dropdown-menu >li.sfHover >a{font-weight: bold;}
.navigation .megamenu>li>a.menu-link{font-weight: normal;}
.dropdown-menu .sub-menu{border-top: 2px solid #040404 !important;}
body.menu-is-sticky #content {padding-top: 40px !important;}
.menu-hebrew-item a{font-family: heebo !important;}
#menu-menu li.current_page_item.join-the-list-item > a {font-weight: normal !important;}
ul#menu-menu li.current_page_item.join-the-list-item:hover > a {font-weight: bold !important;}



/* -- page title -- */
body.single-post .page-header{display: none;}
.page-header-title{text-align: center;}
header.page-header {text-align: center;}
header.page-header h1 {background: #eeedf0; display: inline-block; padding: 4px 25px 5px 25px;}

/* -- hiding page title from the CONTACT PAGE only on desktop -- */
@media (min-width: 960px){body.page-id-19 .page-header{display: none;}}

/* -- hiding page title from the FOR FREE PAGE only on desktop -- */
@media (min-width: 960px){body.page-id-17 .page-header{display: none;}}

/* -- hiding page title from the BLOG PAGE only on desktop -- */
@media (min-width: 960px){body.page-id-11 .page-header{display: none;}}

/* -- hiding page title from the ABOUT PAGE only on desktop -- */
@media (min-width: 960px){body.page-id-9 .page-header{display: none;}}






/* -- home -- */
.home-you{font-family: Meddon; font-size: 58px; position: relative; padding-left: 16px;}
.lovingly{font-family: Meddon; font-size: 19px; font-weight: 600;}
@media(max-width: 767px){
	.home-you{padding: 25px 0px 22px 0px; display: block; font-size: 39px; line-height: 15px; margin-bottom: 15px;}
	.home-slider .elementor-slide-description br{display: none;}
}

.home-slider .elementor-slide-heading{padding-top: 35%;}
.home-basket-heart img{background: #ffffff; border-radius: 50% !important; border: 6px solid white !important;}
@media (max-width: 767px){
.home-logo-near-text img{position: absolute !important; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.home-below-banner-text .elementor-text-editor br{display: none;}
.home-most-recent-post-column .elementor-element-populated{border:none !important;}
}
.home-carousel-posts .ee-post {border: 0px solid #9c1e1e !important;}
.home-carousel-posts .ee-post__header {padding-bottom: 0px !important;}
.ee-post__metas__list li{font-family: Merriweather; font-size: 16px !important; color:#8d8d8e;}
.ee-post__header > a{margin-bottom: 16px !important;}
.ee-post__header{padding: 13px 24px 24px 24px !important;}
.ee-post__footer{padding: 15px 24px 0px 24px !important;}

body.home .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -9px;}





/* -- home gnome form -- */
.home-gnome-form input[type=text], .home-gnome-form input[type=email]{padding:0px !important;}
.home-gnome-form input::-webkit-input-placeholder {color: #010101 !important;opacity: 1 !important;}
.home-gnome-form input:-moz-placeholder {color: #010101 !important; opacity: 1 !important;}
.home-gnome-form input::-moz-placeholder {color: #010101 !important; opacity: 1 !important; }
.home-gnome-form input:-ms-input-placeholder {color: #010101 !important; opacity: 1 !important;}

@media (min-width: 1025px){
	.home-gnome-form .elementor-field-type-submit {position: absolute; right: -7px; width: auto !important; top:5px;}
	.home-gnome-form .elementor-button-icon i:before {font-size: 30px;}
}

@media (max-width: 1024px){
	.home-gnome-form button[type=submit] {padding: 15px 10px 15px 15px !important; margin-top: 10px; margin-bottom: 10px;}
	.home-gnome-form .elementor-field-type-text, .home-gnome-form .elementor-field-type-email {width: 100% !important;}
}








@media (max-width: 767px){body.home .home-side-column .elementor-element-populated{border:none !important;}}



/* -- home recent post -- */
/*.home-recent-post .elementor-post__thumbnail:before{content: " "; z-index: 5; position: absolute; background: #a6a5a5; border-right: 3px solid #fff; height: 100%; width: 65px;}*/
/*.home-recent-post .elementor-post__thumbnail:after{content: "MOST RECENT"; position: absolute; z-index: 9; transform: rotate(90deg); top: 47%; left: -87px; color:#fff; font-size: 33px; font-family: Reem Kufi;}*/
.home-recent-post article{margin-bottom: 0px !important;}
@media(max-width: 767px){.home-recent-post .elementor-post__thumbnail:after{top: 44%; left: -53px; font-size: 23px;}}
.home-recent-post .elementor-post{padding-bottom: 0px !important;}

.home-carousel-posts .ee-post__excerpt {color:#080808 !important;}
.home-carousel-posts .ee-post__header {padding-bottom: 0;}

.home .elementor-tabs-wrapper{display: flex;}
.home .elementor-tabs-wrapper .elementor-tab-title:nth-child(2) .elementor-image-box-title{margin-left: -47px !important;}
@media (min-width: 1025px){
	.home .elementor-tab-title{width: 33.3% !important; padding: 0px !important;}
	.home .elementor-tab-title .elementor-image-box-content h3{margin-left: -40px; margin-bottom: -10px;}
}
@media (min-width: 768px) and (max-width: 1024px){
	.home .elementor-tab-title{width: 33.3% !important; padding: 0px !important;}
	.home .elementor-tab-title .elementor-image-box-wrapper{display: block !important;}
}



/* -- contact connect section -- */
.box{cursor: pointer;}
.connect-box1 .elementor-image-box-title{margin-left: -47px !important; margin-bottom: -10px;}
.connect-box2 .elementor-image-box-title{margin-left: -72px !important; margin-bottom: -10px;}
.connect-box3 .elementor-image-box-title{margin-left: -47px !important; margin-bottom: -35px;}
.box.sactive .connect-small-triangle{display: none;}

.box.sactive:after{
	content:" ";
	background: url("https://steppingfromatobe.com/wp-content/uploads/2018/08/connect-triangle.png") no-repeat;
	background-position: center;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom:-40px;
	text-align: center;
	width: 87px;
	height: 42px;
}
.elementor-field-group-1b798f5{margin-top: 15px;}

.elementor-form input[type=checkbox]{display: inline-block !important;}


/* --- contact form - making some fields to be inline with others to match the perfect design --- */
@media (min-width:1024px){
	.contact-form .elementor-field-group{flex-direction: row;}
	.contact-form .elementor-field-group input{flex:1 !important;}
	.contact-form .elementor-field-group .elementor-select-wrapper{flex:1 !important;}
	.contact-form .elementor-field-group-field_1 {flex:1 !important;}
	.contact-form .elementor-field-group-field_2 {flex:0.3 !important;}
	.contact-form .elementor-field-group-field_8 input {flex: none !important;}
	.contact-form .elementor-field-type-html {display: flex !important;}
}
	.contact-form select {font-size: 15px !important;}
	.contact-form strong {font-family: roboto !important;}
	.contact-form .elementor-message-success {display: none !important;}

.mobile-contact-toggle i{display: none !important;}
.mobile-contact-toggle .elementor-toggle-icon{display: none !important;}
.mobile-contact-toggle .elementor-tab-title{text-align: center;}

@media (max-width: 767px){
	.contact-form .elementor-field-option label{display: inline !important;}	
	.contact-form #form-field-7f3d394{margin-top: 20px;}
}

.home-smiley{position: relative; right: -2px; display: inline-block; top: -1px; width: 19px;}
/*.home .elementor-field-type-text label, .home .elementor-field-type-email label, .home .elementor-field-type-textarea label {position: relative; top: 14px;}*/
.home .check-btn-form{position: relative; bottom: 4px;}
.home .elementor-field-type-html{font-family: lato; color:#040404 !important; font-size: 18px !important;}
.home .elementor-tab-content .elementor-form {position: relative; top: -31px;}

@media (min-width: 1025px){
	body:not(.elementor-editor-active) .home-quote-top img{position: absolute !important; left: -135px !important;}
	body:not(.elementor-editor-active) .home-quote-bottom img{position: absolute !important; right: -135px !important; top: -80px;}
}

@media (min-width: 768px) and (max-width: 1024px){
	body:not(.elementor-editor-active) .home-quote-top img{position: absolute !important; left: 0px !important;}
	body:not(.elementor-editor-active) .home-quote-bottom img{position: absolute !important; right: 0px !important; top: -80px;}
}
.home-testimonials-carousel .elementor-main-swiper{padding-bottom: 0 !important;}




/* -- about -- */
@media (max-width: 767px){.about-logo img{position: absolute; top: -441px; left: 0;}}
.ogen-widget{margin: 0 !important;}

/* -- search results page -- */
/*body.search-no-results .page-content > p{background-color: #ffef85 !important; font-family: reem kufi; padding: 10px;}*/
body.search-no-results .page-content > p {display: none;}


/* -- single post styling -- */
.single-post #main #content-wrap{padding-top: 0;}
.single-post .elementor-text-editor{font-family: lato;}
.single-post .elementor-widget-heading .elementor-heading-title{line-height: 1.5;}
.single-post #breadcrumbs{padding-left: 10px;}

.stepping-single-metas-section .elementor-column:after{
	content:"";
	background: url(images/single-line-seperator.jpg);
	position: absolute;
	top:8px;
	width: 1px;
	height: 17px;
}

.stepping-single-metas-section .elementor-column:first-child:after{
	content:"";
	background: none;
}


.reading-time img{position: relative; left:18%;}

@media(max-width: 767px){
	.stepping-single-metas-section .elementor-column:after{top:6px;}
	.single-post .stepping-author h4{text-align: center;}
	.reading-time .elementor-image-box-wrapper {display: flex;}
	.reading-time img{width: 20px;}
	.reading-time h3{line-height: 22px !important;}
}

.single-post-carousel .ee-media__content:hover h2{
	transition-property: all;
    transition-timing-function: linear;
    transition-duration: 0.3s;
	opacity: 0;}

@media (min-width: 320px) and (max-width: 360px){
	.reading-time h3{font-size: 13px !important;}
	.single-date-meta span{font-size: 13px !important;}
}


/* -- archive posts -- */
.stepping-archive-posts .elementor-post__excerpt{max-height: 191px; overflow: hidden;}
@media (max-width: 767px){
	.stepping-archive-posts article{flex-wrap: wrap;}
	.stepping-archive-posts .elementor-post__text{margin-top: 10px;}
}


/* -- subscription page redirect -- */
.sunyata-signature-subscription p{margin-bottom: 0px !important;}
.and-the-gnomes-subscription p {margin-bottom: 0px !important;}
@media (max-width: 767px){.b2hp-col .elementor-widget-wrap{text-align: center;}}





/* -- timer iframe bubble -- */
.timer-container{border: 2px solid #a6869d !important;}
.timer-filler-work{background-color: #a6869d !important;}
.timer-filler-break{background-color: #f8f065 !important;}
.start, .pause{background-color: #d1d2d4 !important; color:#000200; font-family: Merriweather !important;}
.start:focus, .start:active, .pause:focus, .pause:active{color:#000200 !important;}
.reset{background-color: #000200 !important; color:#d1d2d4; font-family: Merriweather !important;}
@media (max-width: 767px){
	.timer-container {width: 320px !important; height: 320px !important; margin-left: auto !important; margin-right: auto !important;}
	#timer-title{font-size: 2.3rem !important; margin-top: 23% !important;}
	.half-width-m {width: 70% !important;}
	.stepping-timer-plugin #break-container {margin-bottom: 15px;}
	.stepping-timer-plugin #break-container p {margin-bottom: 0;}
	.stepping-timer-plugin #work-container {margin-bottom: 15px;}
	.stepping-timer-plugin #work-container p {margin-bottom: 0;}

	
}


/* -- footer -- */

/* changing the order of the footer columns on mobile*/
@media (max-width: 767px){
	.footer-logo-col{order:1;}
	.footer-rights-col{order:2;}
	.footer-credits-col{order:3;}
	.beam-me-up {display: none;}
	#up_btn{width: 39px !important; height: 39px !important; background: white;}
	#up_btn img{width:11px; margin-top: 4px;}
}

/* styling the footer form */
.footer-subscribe-form input[type=text], .footer-subscribe-form input[type=email]{padding:0px !important;}
.footer-subscribe-form input::-webkit-input-placeholder {
   color: #010101 !important;
   opacity: 1 !important;
}

.footer-subscribe-form input:-moz-placeholder { /* Firefox 18- */
   color: #010101 !important;
   opacity: 1 !important; 
}

.footer-subscribe-form input::-moz-placeholder {  /* Firefox 19+ */
   color: #010101 !important;
   opacity: 1 !important; 
}

.footer-subscribe-form input:-ms-input-placeholder {  
   color: #010101 !important;
   opacity: 1 !important; 
}








.footer-connect{cursor: pointer;}
.footer-bottom-menu{margin-bottom: 5px !important;}
.footer-menus a:hover{font-weight: bold;}
@media (max-width: 767px){
.footer-menus  li a{justify-content: normal;}	
.footer-bottom-menu .elementor-nav-menu--dropdown {text-align: center;}
.footer-bottom-menu .elementor-nav-menu--dropdown li{display: inline-block;}
}


/* -- 404 -- */
.or-404 p {margin-bottom: 0px !important;}

/* -- popup maker -- */
.newsletter-popup p {margin-bottom: 0;}
.newsletter-popup label{color:#000000 !important;}
.newsletter-popup button[type=submit]{margin-top: 10px;}


.newsletter-form-popup-section label{flex:1 !important; position: relative; top: 8px;}
.newsletter-form-popup-section input{flex:2 !important; min-height:25px !important; height:25px !important; font-size: 15px !important;}
.newsletter-form-popup-section .elementor-field-group{margin-bottom: 0 !important;}
.elementor-popup-modal .dialog-message {overflow: visible !important;}
/*.pum-close{font-size: 27px !important; padding: 14px 11px !important;}*/





/* -- relax page -- */
@media (min-width: 1025px) {section.relax-full-section {background: none !important;}}




/* -- hebrew archive page rtl -- */
.hebrew-archive article.elementor-post{direction: rtl;}
.hebrew-archive article .elementor-post__thumbnail__link{margin-right: 0px; margin-left: 20px;}
.hebrew-archive article .elementor-post__text{text-align: right;}



/* ------------ test for the jquery slide accordion ------------ */
.scontent{
  display: none;
  margin-top: 4px;
  width: 100%;
  padding: 5px;
  box-sizing:border-box;
}

body.elementor-editor-active .scontent{display: block !important;}



/* -- footer -- */
body.home .connect-all-pages{display: none;}

#up_btn {
    position: fixed;
    bottom: 25px;
    right: 20px;
    display: none;
    z-index: 20;
    border: 2px solid #0b0c0d;
    width: 73px;
    height: 73px;
}

#up_btn a{
	display: block;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    color: #010101;
    font-weight: 600;
    text-align: center;
    font-family: Merriweather;
    font-size: 13px;
    padding: 4px;
}

#up_btn p{margin-bottom: 0;}
#scroll-top {display: none;}

	/* footer invite and connect section - with 2 columns yellow and pink*/
@media (min-width: 1025px){
	.footer-happy-person {position: relative; top: 55px; right: -35px;}
	.footer-subscribe-form .elementor-field-type-submit{position: absolute !important; right: -21px; bottom: -15px; width: auto !important;}
}


/* fixing negishut (enable) icon to be lower z-index so the popup (enlglish is not my mother tongue) will be readble */
body.single #enable-toolbar #enable-toolbar-content {z-index: 1 !important;}


/* ---------- quick tips archive series ---------- */
.qt-excerpt {height: 91px; overflow: hidden; text-align: center;}





/* ---------- audio tips single dynamic repeater ---------- */
body.single-quicktips .page-header {display:none;}
body.single-quicktips #main #content-wrap {padding-top:0px;}
.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__items {display: flex; flex-wrap: wrap; width: 80%; margin: 0 auto;}
.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item {padding:30px; width: 50%;}
.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item h3.single-tip-title{margin-bottom: 15px; font-family: Reem Kufi; font-size: 24px; font-weight: normal;}
.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item span.single-tip-descr{margin-bottom: 10px; font-family: Reem Kufi; font-size: 18px; font-weight: normal; letter-spacing: 0.4px;}
.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item .mejs-container {width: 85% !important; margin-top:25px;}

@media (max-width: 767px) {
	.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item {padding:10px; width: 100%;}
	.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__items {width: 100%;}
}




/* ---------- audio player style ---------- */
/*.mejs-container {max-width: 85% !important;}*/
.mejs-container .mejs-controls {border-radius: 35px !important;}
.mejs-time {height:100% !important; color: #333 !important;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {color: #333 !important;}
.mejs-time span {font-size:12px !important; font-family: Reem Kufi !important;}
@media (max-width: 767px){
	.tips-dynamic-reapeter-section .jet-listing-dynamic-repeater__item .mejs-container {width: 100% !important;}
}





/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important; /*This gets rid of the background image*/
	background-color: #e9e9e9 !important;
}

/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
	color: #333333 !important;
}

/* making the audio player to be with border radius*/
.mejs-container, .mejs-mediaelement{border-radius: 35px !important;}

/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {outline: none !important;}

/* use a sprite svg file with darker audio player icons */
.mejs-controls .mejs-button button {background-image: url('images/mejs-controls-333333.svg') !important;}

/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {background: #727273 !important;}

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {background: #333333 !important;}

/* changing the mejs-time-hovered bg color */
.mejs-controls .mejs-time-hovered{ background: #727273 !important;}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {background: #727273 !important;}

/* changing the current volum bg color*/
.mejs-horizontal-volume-current{background: #333333 !important;}

/* changing the volum total bg color */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background-color: #727273 !important;}

/*Stopping the Default Styling From Appearing During Load -- there is also a js to remove and show on custom.js file*/
.audio-controls {display:none !important;}


/* --  popup english is not my mother tounge -- */
.english-popup .dialog-close-button:before {
	content:"Got it";
	font-family: Reem Kufi;
	margin-right: 10px;
}


/* ----- hebrew layout on archive and single posts -----*/
body.post-in-category-%d7%a2%d7%91%d7%a8%d7%99%d7%aa {
	direction: rtl !important;
}