/* ==========================================================================
   Blog posts, "It Begins" and month archives, restyled to match the rest of the
   site (the original used Divi's default white post template).
   Tokens come from the home page: navy #091322 / #1f3065, teal #14f1d9,
   Rubik headings, Lato body, 10px radii.
   ========================================================================== */

#page-container,
#main-content{background-color:#091322}

/* Starfield backdrop like the page heroes, with the content in a navy panel */
#main-content{
	background-image:url(/wp-content/uploads/2022/06/website-background-03.webp);
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
	padding:4vw 0 5vw;
}
#main-content .container{
	background-color:rgba(9,19,34,0.88);
	border-radius:10px;
	padding:0 40px;
	box-shadow:0 20px 60px -10px rgba(0,0,0,0.5);
}
#main-content .container:before{display:none}
#left-area{padding-bottom:30px}
.et_right_sidebar #left-area{padding-right:30px}
.et_right_sidebar #sidebar{border-left:1px solid rgba(255,255,255,0.1);padding-left:30px}

/* Body text */
#main-content,
#main-content p,
#main-content li,
#main-content td,
#main-content th,
#main-content blockquote,
#main-content .et_pb_text{
	color:#d6e2f2;
	font-family:'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-size:16px;
	line-height:2em;
}
#main-content strong,
#main-content b{color:#ffffff}
#main-content a{color:#14f1d9}
#main-content a:hover{color:#ffffff}

/* Headings */
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6{
	font-family:'Rubik',Helvetica,Arial,Lucida,sans-serif;
	font-weight:700;
	color:#ffffff;
	line-height:1.2em;
	padding-bottom:10px;
}
.single #main-content h1.entry-title{
	font-size:44px;
	text-transform:uppercase;
	padding-bottom:12px;
}
.archive #main-content .entry-title{font-size:30px}
.archive #main-content .entry-title a{color:#ffffff}
.archive #main-content .entry-title a:hover{color:#14f1d9}
.entry-content h2{font-size:30px}
.entry-content h3{font-size:24px}

/* Post meta */
#main-content .post-meta,
#main-content .post-meta a,
#main-content .post-meta span{
	font-family:'Rubik',Helvetica,Arial,Lucida,sans-serif;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#14f1d9;
}
#main-content .post-meta a:hover{color:#ffffff}

/* Archive entries */
.archive #main-content article.et_pb_post{
	margin-bottom:30px;
	padding:20px 30px;
	border-radius:10px;
	background-color:#1f3065;
}
.archive #main-content article.et_pb_post,
.archive #main-content article.et_pb_post p{color:#9fb9d6}
.pagination a{color:#14f1d9}

/* Content furniture */
.entry-content img,
.entry-content figure img{border-radius:10px;max-width:100%;height:auto}
.entry-content blockquote{
	margin:1.5em 0;
	padding:0 0 0 20px;
	border-left:4px solid #14f1d9;
	color:#9fb9d6;
}
.entry-content table,
.entry-content th,
.entry-content td{border-color:rgba(255,255,255,0.15)}
.entry-content figure.wp-block-table td{padding:6px 12px}
.entry-content figcaption,
.wp-element-caption{color:#9fb9d6;font-size:14px;text-align:center}
.entry-content hr{border-color:rgba(255,255,255,0.15)}
.entry-content ul li:before{border-color:#14f1d9}

/* Divi builder markup inside a post ("It Begins") */
#main-content .et_pb_section{background-color:transparent}
#main-content .et_pb_row{width:100%}

/* Sidebar */
#sidebar .et_pb_widget{margin-bottom:30px}
#sidebar h2,
#sidebar .widgettitle{
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-bottom:6px;
}
#sidebar a{color:#14f1d9}
#sidebar a:hover{color:#ffffff}
#sidebar .wp-block-latest-posts__list{padding:0;margin:0}
#sidebar .wp-block-latest-posts__list li{list-style:none;padding-left:0;margin-bottom:8px;line-height:1.5em}
#sidebar .wp-block-latest-posts__list li:before{display:none}
#sidebar .no-comments{color:#9fb9d6}

/* Search widget */
.wp-block-search__label{color:#ffffff;font-family:'Rubik',Helvetica,Arial,Lucida,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:18px}
.wp-block-search__inside-wrapper{margin-top:10px}
.wp-block-search__input{
	border:0;
	border-radius:100px;
	padding:10px 18px;
	background-color:#1f3065;
	color:#ffffff;
	font-family:'Lato',Helvetica,Arial,Lucida,sans-serif;
}
.wp-block-search__input::placeholder{color:#9fb9d6}
.wp-block-search__button,
.wp-block-search__button.wp-element-button{
	border:0;
	border-radius:100px;
	padding:10px 20px;
	background-color:#14f1d9;
	color:#091744;
	font-family:'Rubik',Helvetica,Arial,Lucida,sans-serif;
	font-weight:500;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:pointer;
}

@media only screen and (max-width:980px){
	#main-content .container{padding:0 20px}
	.et_right_sidebar #left-area{padding-right:0}
	.et_right_sidebar #sidebar{border-left:0;padding-left:0}
	.single #main-content h1.entry-title{font-size:34px}
}
@media only screen and (max-width:767px){
	#main-content{padding:20px 0}
	.single #main-content h1.entry-title{font-size:28px}
	.archive #main-content .entry-title{font-size:24px}
	.archive #main-content article.et_pb_post{padding:15px 20px}
}