/*---------------------------------------------------------------------------------

 Theme Name:   Wiser Day on Earth
 Theme URI:    http://www.wiserdayonearth.com/
 Description:
 Author:       My Geek Mate
 Author URI:   https://www.mygeekmate.com.au/
 Template:     Divi
 Version:      2.0.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.logged-out .feedback-link {
    display: none;
}

.entry-content ul.subject-loop {
	padding-left: 20px;
}

.entry-content ul.subject-loop > li {
	margin-bottom: 40px;
}

ul.subject-loop li {
	list-style-type: none;
}

#left-area ul li ul.contemplation-within-subject {
    padding-left: 40px;
}

ul.contemplation-within-subject > li, ul.contemplation-within-group > li {
    list-style-type:none;
	padding-bottom: 30px;
}

ul.contemplation-within-subject {
    margin-left: 0;
}

ul.contemplation-within-subject .col-sm-1 {
	white-space: nowrap;
}

span.beta-contemplation a {
    font-weight: bold;
    font-size: 16px;
}

span.beta-contemplation a, li.solution-command a {
    color: #54cfba;
}

p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}

/* user entrance page */
/*Bouncing Scroll-Down Arrow*/
 
.et_pb_fullwidth_header_scroll a {
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
}
 .et_pb_fullwidth_header_scroll .et-pb-icon {
-webkit-animation: et_bounce 1s infinite;
-moz-animation: et_bounce 1s infinite;
-ms-animation: et_bounce 1s infinite; 
-o-animation: et_bounce 1s infinite;
animation: et_bounce 1s infinite;
}
 
@-webkit-keyframes et_bounce {
    0% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes et_bounce {
    0% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0px);
    }
}
@-ms-keyframes et_bounce {
    0% {
        -ms-transform: translateY(0);
    }
    40% {
        -ms-transform: translateY(-10px);
    }
    100% {
        -ms-transform: translateY(0px);
    }
}
@-o-keyframes et_bounce {
    0% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0px);
    }
}
@keyframes et_bounce {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Topical promo */
.topical-promo a {
	background-color: #54d0bb9e;
    padding: 6px 10px;
    margin-top: 16px;
    border-radius: 15px;
    color: #000;
	display: inline-block;
}

/* fix spacing for curious page 'to be here...' */
.page-id-11306 .header-content a.et_pb_button {
    padding-left: 0;
}

/* hide text of Curious page to make columns equal hight for specific browser window size */
.hide-me {display:none;}


/* Sign up form */
/* Capital F for 'Free' */
td[data-th="Amount"]::first-letter, td[data-th="Total Today"]::first-letter {
    text-transform: uppercase;
}

/* curious background */
.page-id-11306 .et_pb_row {
    background-color: #ffffff70;
}

.page-id-11306 .et_pb_text_0 h1 {
    color: #cd5b5c;
    font-size: 50px;
    margin: 0;
}

/* Background colur */
#main-content {
    background-color: #CD5C5C;
    padding: 0;
}

.page-id-3850 .et_pb_section {
    background-color: inherit;
}

.et_pb_row, #main-content .container {
    background-color: #fff;
}

.et_pb_section {
  background-color: #cd5c5c;
}

/* retain background image settings for login page */
.page-id-4328 .et_pb_section.et_pb_section_0 {
    background-image: url(https://www.wiserdayonearth.com/wp-content/uploads/wiser-day-large-mountain.jpg)!important;
    background-position: center;
    -webkit-background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: 100%;
    -moz-background-size: cover;
    background-size: 100%;
    background-size: cover;
}

/* remove padding above and below single contempation */
.single-contemplation .et_pb_section {
    padding: 0;
}

/* single Contemplation */
blockquote {
    border-color: #e5e5e5;
}

.single-contemplation blockquote {
    font-size: 1.5em;
    line-height: 1.5em;
}

.single-contemplation blockquote ol {
    margin-top: 1em;
}

.single-contemplation blockquote li {
    margin-bottom: 1em;
}

.single-contemplation blockquote address {
    font-size: 0.7em;
}

blockquote p {
    padding-bottom: 1em;
}

/* stop text overlapping cells on narrow screens
.single-contemplation #content-area table.table-bordered td + td {
    word-break: break-word;
    hyphens: auto;
}*/

/* single Contemplation carousel*/

.single-contemplation .et_pb_row {
	width: 100%;
}

/* Contemplation counter */
.contemplation-counter,
.subject-counter, .js-wpv-view-layout-8566 a {
    background-color: #e7e7e7;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    display: block;
}

.contemplation-counter b,
.subject-counter b {
    font-size: 30px;
    color: #cd5c5c;
    margin-top: 10px;
    display: inline-block;
}


/* Alphabet horizontal scroll */
.horizontal-scroll {
	position: relative;
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.horizontal-scroll .pagination {
  display: table !important;
}

.horizontal-scroll .pagination>li {
  display: table-cell !important;
}

#left-area .entry-content .horizontal-scroll ul {
	padding: 0;
	margin-bottom: 2px;
}

/* Search results */
.search-results article {
    margin-bottom: 40px;
}

.search-results article span {
    font-size: 1.5em;
}

.search-results .pagination.clearfix {display: none;}

/* make the no. of contemplations within a subject shown on a single contemplation page into an inline element*/
b.inline-element > div {
    display: inline;
}

/* centre text within element */
.centred-text {
    text-align: center;
}

/* Termina font for title & strapline */
.termina-font h2, .termina-font h3 {
  font: termina, sans-serif, 500, normal;
}

/* Free trial page - reduce opacity of background */
article#post-11306 .et_parallax_bg {
    opacity: 0.6;
    background-size: contain;
}

/* Hide login menu on login page */
.page-id-4328 #et-secondary-menu {
  display: none;
}

/* Make background transparent on login page */
.page-id-4328 .et_pb_row {
    background-color: transparent;
}

/* change background size on free trial page */
#post-11306 .et_parallax_bg {
        background-size: auto;
}

/* Summary html element (used for description in Group archive)*/
details summary::-webkit-details-marker {
  display:none; /* hide icon in Chrome */
}

details {
    margin-bottom: 20px;
}

/* increase space between unordered list items with Divi text block */
.entry-content .et_pb_text_inner ul li {
    margin-bottom: 1em;
}

/* remove dot points from unordered list for list of subjects */
#left-area #wpv-view-layout-8561 ul {
    list-style-type: none;
}

/* remove right border from sidebar within Divi page */
.et_pb_widget_area_left {
    border-right: none;
}

.et_pb_gutters3 .et_pb_column_1_3 .et_pb_widget {
    margin-bottom: 20px;
}

#left-area .pagination {
    display: block;
}

/* random page */
    .page-id-3850 .et_pb_row {
        background-color: transparent;
    }

/* sidbar */
#sidebar .contemplation-counter, .et_pb_column_1_3 .contemplation-counter, .js-wpv-view-layout-8566 {
    margin-bottom: 20px;
    display: block;
}

#sidebar .et_pb_widget {
    margin-bottom: 20px;
}

/* Fix divi button */
.et_pb_button {
	white-space: nowrap;
}

/* Search form */

.et_pb_search_wiserday #searchform,
#sidebar #searchform {
	border-bottom: 1px solid #e2e2e2;
	position: relative;
}

#searchform .checkbox {
	align-items: center;
	display: flex;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 4px;
}

#searchform .checkbox input {
	left: -9999px;
}

#searchform .custom-checkbox {
    background: #ddd;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 8px;
	padding: 3px;
    width: 16px;
}

#searchform .custom-checkbox::before {
	background-color: #666;
	content: '';
	display: block;
	height: 10px;
	opacity: 0;
	transform: scale(.2);
	transition: all ease .3s;
}

#searchform input:checked + .custom-checkbox::before {
	opacity: 1;
	transform: scale(1);
}

/* Search page */

.page-id-17911 .et_pb_search_wiserday #searchform {
	border-bottom: none;
}

.page-id-17911 #search-2 {
    display: none;
}

.btn-sm {
  font-size: 16px;
}

/* Make A-Z title green in sidebar */
#custom_html-2 h3 {
    color: #29c4a9;
}

/* Registration page */
.rcp-table thead {
    background-color: #ccc;
}

.rcp-table tbody, .rcp-table tfoot {
    background-color: #efecec;
}

#rcp_registration_form.rcp_form input[type=email], 
#rcp_registration_form.rcp_form input[type=password], 
#rcp_registration_form.rcp_form input[type=text] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
}

.rcp_form fieldset p {
    width: 50%;
    float: left;
    padding: 0 0 0 3%;
    margin-bottom: 3%;
}


/* Fix logo size in header for iPad */
@media (min-width: 980px) and (max-width: 1246px){
    .et_header_style_left #logo {
    max-width: 220px!important;
    }
}

/* More padding for bigger screens for background change */
@media (min-width: 981px) {
    .et_pb_row {
        padding: 20px;
    }

	.et_pb_gutters3 .et_pb_column_3_4, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 {
		width: 61.625%;
	}
	
	.et_pb_svg_logo #logo {
    	height: 65%!important;
	}
}

/* Fix issue with logo overlapping menu on smaller screens */
@media (max-width: 991px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-width: 50%;
	}
	.et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
		height: 54%;
	}
}

/* Fix Divi row/column issues */
@media (max-width: 980px) {
    .et_pb_row {
        padding: 30px;
    }

	.et_pb_column {
		float: none;
	}

	.et_pb_column .et_pb_widget:nth-child(n) {
		margin-bottom: 30px!important;
		width: 100%!important;
	}
}

/* Responsive Styles screens under 720px */
@media all and (max-width: 720px) {
	#post-10875 .et_parallax_bg.et_pb_parallax_css, #post-4328 .et_parallax_bg  {
		background-image: url("images/wiser-day-small-mountain.jpg") !important ;
	}
    form#rcp_login_form {
        margin-top: -36px;
    }

    /* Reduce margins */
    #main-content .container,
    body.et_right_sidebar #main-content .et_pb_row,
    body.et_no_sidebar #main-content .et_pb_row {
        width: 94%;
    }
    body.et_no_sidebar.page-id-3850 #main-content .et_pb_row {
        width: 100%;
        padding: 10px;
    }

    /* fix issue with 3 col table */
    .postid-9474.single-contemplation #content-area table.table-bordered td {
        word-break: break-word;
        width: 33%;
        hyphens: auto;
    }
    
    /* hide feedback button on smaller devices */
    .feedback-link {
        display: none;
    }
    
    /* Registration form */
        .rcp_form fieldset p {
        width: 100%;
    }
}

@media all and (max-width: 414px) { /* iPhone XR phone portrait */

    /* hide 3 col table in portrait mode */
    .postid-9474.single-contemplation #content-area table.table-bordered {
        display: none;
    }
}

/* Responsive Styles Small Smartphone Portrait */
@media all and (max-width: 500px) {
    /* Show more of random image */
    article#post-3850::before {
        height: 500px !important;
    }

}

/* Override H2 title for H2's on mobile */
@media (max-width: 479px) and (max-width: 767px) {
    .et_pb_post h2 {
    font-size: inherit;
    }
}

/* From Divi custom theme CSS - Csaba and Jessica's changes */
.favourite-button-tooltip {
	opacity: 0;
}

.favourite-button-container {
	text-align: right;
}

[data-favourite-list] {
	list-style: none!important;
	padding: 0!important;
}

[data-favourite-list] li {
	margin-bottom: 40px;
}

[data-favourite-list] h1 {
	margin-top: 0;
}

.favourite-contemplations .favourite-button-tooltip {
	display: none;
}

.feedback-link {
    background: #cd5c5c;
    color: #fff!important;
    cursor: pointer;
    font-weight: bold;
    left: 0;
    position: fixed;
    text-transform: uppercase;
    top: 350px;
    padding: 2px 12px;
    transform: rotate(-90deg);
    transform-origin: left top;
    z-index: 1000000;
}

.feedback-link:hover {
	background: #d36f6f;
}

.search-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.search-footer a {
	align-items: center;
	color: #666;
	display: flex;
	font-size: 12px;
}

.search-footer a .fa {
	color: #aaa;
	font-size: 17px;
	margin-right: 4px;
}                             

@media(max-width:960px) {
	.post-3461 .rcp_subscription_message {
		float: none;
	}
	
	.post-3461 #rcp_subscription_levels {
		padding-left: 3%;
	}
}

body {
	font-family: Mulish, serif;
	font-size: 18px;
	color: #212121;
	line-height: 1.8em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


a {
	text-decoration: none;
	font-weight: inherit;
	color: #cd5c5c;
}

a:hover {
	text-decoration: none;
	font-weight: inherit;
	color: #29c4a9;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Philosopher, sans-serif;
	color: #212121;
	font-weight: 500;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #212121;
}

h1 {
	font-size: 56px;
}

h2 {
	font-size: 48px;
	line-height: 64px;
}

h3 {
	font-size: 30px;
	margin-top: 25px;
}

h4 {
	font-size: 30px;
	font-style: italic;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

/* Text style for footer titles */
.footertitle {
	font-size: 34px;
	font-family: 'Philosopher', sans-serif;
	color: #ffffff;
}
