/*
 Theme Name:        WordLand Baseline
 Theme URI:         https://github.com/scotthansonde/wordlandBaseline
 Description:       A classic baseline theme for WordLand inspired by Retrospect
 Author:            Scott Hanson
 Author URI:        https://wordland.shanson.de
 Version:           0.2.6-wordlandConnect-1
 Requires at least: 6.7
 Tested up to:      6.8.1
 Requires PHP:      8.0
 License:           GNU General Public License v2 or later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       wordland-baseline
 GitHub Theme URI:  https://github.com/scotthansonde/wordland-baseline
*/

/* You can add custom CSS below */

body {
    background-color: #fff
}

.divPageBody {
    width: 750px;
    margin: 50px auto 400px;
    min-height: 400px;
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 24px
}

.divPageTop {
    text-align: center;
    line-height: 110%
}

.divPageTop .divSiteTitle {
    font-weight: 700;
    letter-spacing: -.04em
}

.divPageTop .divSiteDescription {
    color: #7b7b7b;
    font-size: 14px
}

.divStory {
    line-height: 100%
}

.divStory .divStoryTitle {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: -.04em
}

.divStory .divLineUnderStoryTitle {
    color: #7b7b7b;
    font-size: 14px
}

.divStoryBody {
    margin-top: 25px
}

.divLinkblogEntry p {
    margin-bottom: 10px
}

.divFooter a,.divStoryBody a {
    color: #08c;
    cursor: pointer
}

.divStoryBody h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.divStoryBody ol,.divStoryBody ul {
    margin-top: .5em;
    margin-bottom: 1em
}

.divStoryBody li {
    line-height: inherit
}

.divCategories {
    margin-top: 3em;
    color: #7b7b7b;
    font-size: 14px
}

.divFooter {
    text-align: center;
    font-size: 14px
}

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none
}

.divPagination {
    margin: 2em 0
}

.divPagination a {
    text-decoration: underline
}

.divPagination .nav-links {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.divPagination .page-numbers {
    margin: 0 .25ch
}

.divPagination .prev {
    margin-right: auto;
    margin-left: 0
}

.divPagination .next {
    margin-left: auto;
    margin-right: 0
}

.divPagination .page-numbers:hover:not(.current) {
    background-color: #f5f5f5
}

.divSiteTitle {
    line-height: 1.1
}

.divStoryTitle {
    line-height: 1
}

.divCategories a:hover,.divLineUnderStoryTitle a:hover {
    cursor: pointer;
    text-decoration: underline
}

a {
    cursor: pointer
}

.divStoryBody h2 {
    font-size: 28px
}

.divDayGroup .divDayTitle a:hover,.divFooter a:hover,.divPagination a:hover,.divSiteTitle a:hover,.divStoryBody a:hover,.divStoryTitle a:hover {
    text-decoration: underline
}

#idStories .divStory .divStoryTitle {
    font-size: 25px;
    margin-top: 40px
}

.divFeaturedImage img,.divStory p img {
    max-width: 100%;
    height: auto;
    display: block
}

.divFooter a,.divStoryBody a {
    text-decoration: none
}

.divStory blockquote {
    border-left: 1px solid #000;
    margin-left: 0;
    padding-left: 20px
}

.divFooterSocialMenu {
    text-align: center;
    margin: 1.1em 0
}

.divFooterSocialMenu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.divFooterSocialMenu li {
    display: inline-block;
    margin: 0 .25em
}

.divFooterSocialMenu a {
    text-decoration: none;
    display: inline-flex;
    align-items: center
}

.divFooterSocialMenu svg {
    height: 18px;
    width: 18px;
    fill: orange
}

.screen-reader-text {
    position: absolute;
    left: -9999px
}

.divDayGroup {
    margin-bottom: 50px
}

.divDayGroup .divDayTitle {
    font-size: 32px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 5px;
    letter-spacing: -.04em;
    color: #000
}

.divDayGroup .divDayTitle a,a {
    color: inherit;
    text-decoration: none
}

.divDayGroup:first-child .divDayTitle {
    margin-top: 0
}

.divDayGroup .divStory .divStoryTitle {
    margin-top: 25px;
    font-size: 22px
}

.divDayGroup .divStory:first-of-type .divStoryTitle {
    margin-top: 20px
}

.divLinkblogContainer .divLinkblogDay .divLinkblogDayTitle {
    font-size: 25px;
    margin-top: 40px
}

.divLinkblogDay .divLinkblogDayTitle {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: -.04em
}

.divLinkblogEntry {
    margin-top: 25px;
    font-size: 16px;
    line-height: 24px
}

.divLinkblogEntry a {
    color: #08c;
    text-decoration: underline;
    cursor: pointer
}

.divQuietTitle {
    font-family: "Rancho"!important;
    font-size: 36px!important;
    font-weight: 700!important;
    letter-spacing: -1px!important;
    text-align: center!important
}

.divPageBody.has-sidebar {
    width: 1000px;
}

.divContentWrapper {
    display: block
}

.divContentWrapper.has-sidebar {
    display: grid;
    grid-template-columns: minmax(100px,1fr)
}

.divContentWrapper.has-sidebar #idStories {
    margin-left: 25px;
    margin-right: 60px;
    }



.spPermaLink {
    margin-left: .4em
}

.spPermaLink a {
    font-family: "Ubuntu";
    color: purple;
    opacity: .3;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.spPermaLink a:hover {
    opacity: .9;
    color: green
}

:root {
    --vertical-space-storybody: 25px
}

.divPageBody {
    margin-top: 30px
}

.divPageTop .divSiteTitle {
    font-size: 75px;
    margin-bottom: 0
}

.divStory .divLineUnderStoryTitle {
    margin-left: 3px
}

.divStoryBody {
    margin-bottom: 30px
}

.divFooter {
    margin-top: 200px;
    border-top: 1px solid silver;
    padding-top: 15px
}

.divPageTop {
    margin-bottom: 40px
}

.divStoryTitle {
    font-size: 34px
}

.divStoryBody {
    font-size: 18px;
    line-height: 27px;
}

.divStoryBody p {
    margin-top: 10px;
    margin-bottom: 15px
}

.divStoryBody ul {
    padding-inline-start: 30px
}

.divStoryBody li {
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .divContentWrapper.has-sidebar {
        grid-template-columns: 700px 250px;
        gap: 10px
    }
}

/* styles for phone */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
			font-size: 16px;
			}
		.divPageBody,  {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 150px;
			}
		.divPagetopImage {
			height: 135px;
			}
		.divPageTop, .divPagetopText {
			top: 20;
			width: 100%;
			left: 0;
			padding-left: 0;
			height: 100px;
			}
		.divPagetopTitle {
			font-size: 45px;
			}
		.divPagetopDescription {
			font-size: 16px;
			margin-top: 3px;
			}
		.divDayTitle {
			font-size: 22px;
			margin-bottom: 15px;
			}
		.divStoryPageTitle {
			font-size: 28px;
			letter-spacing: -1px;
			}
		.divStoryPagePostTime {
			font-size: 15px;
			}
		.divOutlineHead {
			font-size: 18px;
			margin-bottom: 15px;
			}
		.divAboutOutline .divOutlineText {
			font-size: 16px;
			margin-bottom: 7px;
			}
		.divAboutOutline ul {
			margin-left: 5px;
			}
		.divTitledItem .divTitle {
			font-size: 22px;
			margin-top: 15px;
			}
		.nav-tabs {
			font-size: 16px;
			}
		.nav-tabs > li > a, .nav-pills > li > a {
			padding-left: 2px;
			padding-right: 6px;
			}
		.divScriptingTabs li {
			width: 92px;
			}
		.divTabContent {
			margin-top: 20px;
			margin-left: 30px;
			margin-right: 30px;
			}
		.divLastScriptingUpdate {
			display: none;
			}
		 #discuss {
			display: none;
			}
		.modal, .divTweetDialog { /*  1/23/19 by DW -- so the confirm dialog fits on iphone screens, per Dries's report */
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			left: 5%;
			}
		.divTweetDialog { /*  1/23/19 by DW */
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			}
		.divBidenAd {
			position: fixed;
			top: 0;
			right: 0;
			opacity: .5;
			}
		}
/* styles for tablet */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			font-size: 17px;
			}
		.divPagetopText {
			top: 30;
			width: 100%;
			left: 0;
			padding-left: 0;
			}
		.divPagetopImage {
			height: 185px;
			}
		.divPageBody {
			width: 95%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 200px;
			}
		.divLastScriptingUpdate {
			display: none;
			}
		.divBidenAd {
			position: fixed;
			top: 0;
			right: 0;
			opacity: .5;
			}
		}