/**
Theme Name: SierraCountySun
Author: ReadyWebService.com
Author URI: https://readywebservice.com
Description: A child theme of Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sierracountysun
Template: astra
*/


/* the usuals */
.centertext {text-align:center; margin:0 auto;}
.centertext img {margin:0 auto; text-align:center}
.spb4 {margin-top: 2em;}
img.spb4 {margin-top: 2em;}
.clearboth {clear:both; display:block;}
.fleft {float:left;}
.fright {float:right;}
.small {font-size: 0.9em;}
.fff {color:#fcf8ef;}
.fff a {color:#fcf8ef;}
a.fff {color:#fcf8ef;}
.bold {font-weight: bold;}
.hide {display: none;}

/* hide astra header - header in custom layouts */
.main-header-bar-wrap {display:none;}
.site-footer {display:none;}

/* header in custom layouts and gute */
/* gute */
.wp-block-column.is-vertically-aligned-bottom .padoff {padding: 1em 0 0 0; margin-bottom: 10px;}
.wp-block-column.is-vertically-aligned-bottom .padoff p {margin:0; padding:0}
.wp-block-column.is-vertically-aligned-bottom .padoff {margin: 0em; }
.is-vertically-aligned-bottom .logo, .logo {margin:0 0 10px 0;}
.astra-advanced-hook-5492 .wp-block-columns.are-vertically-aligned-bottom.padoff {padding: 10px 0 0 0; margin:0; background: #fff;}
.wp-block-column.is-vertically-aligned-bottom .watching {
    font-size: 1.65rem;
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: #9C7390;
    font-weight: 400;
    font-family: 'Libre Baskerville', Georgia, Times, "Times New Roman";
    margin:0;
}
.astra-advanced-hook-5492 .wp-block-column {margin-bottom: 1px;}
.wp-block-column.is-vertically-aligned-bottom h6 {margin-bottom:0;}
.wp-block-column:not(:first-child)  {margin:0;}
.padoff .wp-block-column {margin: 0em;}
.suntagline2 {font-size: 17px; letter-spacing: 1px; line-height: 1.1; font-family: "Libre Franklin", "Open Sans", sans-serif; margin-bottom:12px;}

/* misc */

.sub-title {line-height: 1;}
.black, .black a {color: #191919;}
.fullimg img {width: 100%;}


/* remedy anchor tags with sticky header - put anchor on high in a blank html module, make its height 0*/
.jump {height: 0;}


/* header */
.mobile-logo img {
    max-width: 200px;
}


/* popup styling */

/* popup ps - added directly into the popup, above the buttons*/
.postscript {color:#fff; font-style:italic; margin-bottom:1.2em}

/* popup buttons */
#popmake-3765 a.button, #popmake-3765 a.button:visited {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    font-size: 1.2em;
    background: #f8d06e ;
    color: #000;
    border: none;
    margin-bottom: 1em;
    display: inline-block;
    font-weight: normal;}
#popmake-3765 a.button:hover {
    text-transform: uppercase; /*font-family: "Libre Franklin", "Open Sans", sans-serif;*/ background: #f6c03d ; font-weight: normal;}

/* popup content */
#popmake-3765 .paddedpopup {font-weight: bold; font-style: normal; font-family: "Libre Franklin", "Open Sans", sans-serif; padding: 2.5em;}
.paddedpopup, .paddedpopup h2, .paddedpopup h3, .paddedpopup h4, .paddedpopup h5, .paddedpopup h6, .paddedpopup p {color: #fff !important; line-height: 140%; margin-bottom: 1em;}
/* popup styling options managed in block settings */
.paddedpopup .serif {font-family: 'Libre Baskerville', Georgia, Times, "Times New Roman", serif; font-weight: bold;}
.paddedpopup .italic.serif {font-family: 'Libre Baskerville', Georgia, Times, "Times New Roman", serif; font-weight: bold; font-style: italic;}
.paddedpopup .serif.italic {font-family: 'Libre Baskerville', Georgia, Times, "Times New Roman", serif; font-weight: bold; font-style: italic;}
.paddedpopup .italic {font-weight: bold; font-style: italic; font-family: "Libre Franklin", "Open Sans", sans-serif;}
/* popup styling options bigger and smaller work less reliably */
.paddedpopup h3.bigger, .paddedpopup h4.bigger, .paddedpopup h5.bigger, .paddedpopup h6.bigger {font-size: 140%;}
.paddedpopup h3.smaller, .paddedpopup h4.smaller, .paddedpopup h5.smaller, .paddedpopup .popup h6 .smaller {font-size: 95%;}
/* popup close X */
.pum-theme-3757 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    font-size: 1.2em;}

/* gform buttons */
/* contact us and hopefully all gforms */
input.gform_button.button {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}

/* Nathan's Standard Beaver Buttons */

.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
    text-transform: uppercase;
    font-family: "Libre", "Open Sans", sans-serif;
	background: #9C7390;
	border: 0px solid #fff;
}

.fl-builder-content a.fl-button:hover {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	background: #7C5C73;
}


.fl-builder-content a.fl-button .fl-button-text {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	color: #fff !important;
	font-weight: 300 !important;
}

/* Ghost Buttons */
/* add class button-ghost to button module */

.button-ghost a.fl-button {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	background: #fff !important;
	border: 0px solid #fff;
}

.button-ghost a.fl-button .fl-button-text {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	color: #9C7390 !important;
}

.button-ghost a.fl-button:hover {
	text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	background: #9C7390 !important;
}

.button-ghost a.fl-button:hover .fl-button-text {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	color: #fff !important;
}

/* html buttons */
.fl-builder-content a.button,
.fl-builder-content a.button:visited {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	background: #9C7390;
	border: 0px solid #fff;
}

.fl-builder-content a.button:hover {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	background: #7C5C73;
}


.fl-builder-content a.button .fl-button-text {
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
	color: #fff !important;
	font-weight: 300 !important;
}



/*********** 
    is this used? do I need to add this?
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
*************/
a.btn {
 font-weight: bold;
 font-size: inherit;
 cursor: pointer;
 display: inline-block;
 background: #4B5583;
 color: #FFFFFF;
 padding: .5em 1em;
 border: 1px solid transparent;
 border-radius: 2px;
 -webkit-font-smoothing: antialiased;
 -webkit-appearance: none;
 margin-bottom: 1.5em;
 text-decoration: none;
 -webkit-transition: all .2s ease-in;
 -moz-transition: all .2s ease-in;
 -o-transition: all .2s ease-in;
 -ms-transition: all .2s ease-in;
 transition: all .2s ease-in;
}
a.btn:hover {
 background: #7881AB;
 color: #FFFFFF;
 text-decoration: none;
}

/* single post? */

.credit {
    margin: 0;
}

.metas {
    padding-top: 0.1em;
    font-size: 1rem;
    font-weight: regular;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    color: #474747;
    /*letter-spacing: .05em;*/
}

.metascartoon {
    padding-top: 0.8em;
    font-size: 1rem;
    font-weight: regular;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    color: #474747;
}

.metas.reverse {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    color: #fff;
}

.readtime {
    font-size: 0.9rem;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    color: #474747;
    /*letter-spacing: .05em;*/
}

.readtime.reverse {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    color: #fff;
}

.singlepost .featured img {
    margin-top: 1em;
    width:100%;
}

.page h2 {
    padding-bottom: 0.5em;
}

/* general tags */

.suntags {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 95%;
}

/* archive page only - taxonomy list - making plugin shortcode look like others - maybe rene can make a plugin */

.matchtags .taxonomy-list {
    padding: 0;
    margin: 0;
    line-height: 0.8;
}

.matchtags .tax-title a {
    margin-left: 0;
}

/* single post tags with rules */

.suntagssingle {
    padding: 8px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

/* posts / single posts */

.singlepost.suntags a {
    padding-bottom: 330px;
}

/* used on pages */
h3.suncats {
    padding: none;
    margin: 0 0 24px 0;
}
.suncats {
    letter-spacing: .05em;
    font-size: 95%;
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    font-weight: bold;
    /* make this not bold*/
}

.sun-excerpt {
    margin-top: 0.5em;
    font-size: 1em;
}

/* sidebar */

.sidebar .metas {
    margin-top: 4px;
}

.sidebar .sun-excerpt {
    margin-bottom: 2em;
}


.sidebar .fl-post-feed-post {
    margin-bottom: 0;
}

/* don't miss */

.dontmiss h3 {
    font-size: 1.3em;
    line-height: 1;
}

.dontmiss .metas {
    margin-top: 1px;
}

.dontmiss .readtime {
    font-size: 0.8em;
    line-height: 1.1;
}

.dontmiss .sun-excerpt {
    margin-top: 2px;
    margin-bottom: 010px;
    font-size: 0.9em;
}

.dontmiss .fl-post-feed-post {
    margin-bottom: 0;
}

/* personnel */

.personnel h2, .personnel h3 {
    margin: 0;
    padding: 0;
}
.personnel-list h2 {
    padding-top: 20px;
    font-size: 1.7em;
}

.personnel-list h3 {
    font-size: 1.3em;
}

.personnel-list .padder {
    background: #f8efd8;
    padding:1.5em 1em;
}

/* personnel buttons */
.more .button {text-transform: uppercase; font-family: "Libre Franklin", "Open Sans", sans-serif; background-color:#5c5c5c}

.photocaption, h2.photocaption {
    background-color: #5b5b5b;
    color: #fff;
    padding: 1em;
}
    
.sunblock {
    color: #191919;
    background: #ddcfd9;
    padding: 4px 14px 4px 14px;
    display: inline-block;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}
.sunblock2 {
    background-color: #9C7390;
    color: #fcfcfc;
    padding: 4px 14px 4px 14px;
    display: inline-block;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}

.sunblock a, .sunblock2 a {
    color: #191919;}
    
/* sunblock home 2020-10-14 */
.home .sunblock {
    color: #191919;
    background: #fdf1d3;
    background: #f8efd8;
    padding: 4px 14px 4px 14px;
    display: inline-block;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}
.home .sunblock a, .sunblock2 a {color: #191919;}

/* sunblock have you seen or any other time you need space under sunblock, add class "sunblock space" */
.sunblock.space {margin-bottom:14px}
    
/* more home */
.home h3 {
    padding: .5em 0 0 0;
    line-height: 1.3;
    letter-spacing: -0.2px;
}
.home .hometwo h3 {
    font-size: 1.7em;
}

.home .sun-excerpt {margin-top: 0.5em; font-size: 1.1em;}

.homeone .sunblock, .homeone .sunblock a:hover  {background: #f6c03d; color: #000000; font-weight: 500;}
.homeone a {color:#000000;}
.homeone h2 {padding-bottom:10px}

.fl-module-fl-post-content, .fl-post-excerpt {
    letter-spacing: -0.2px;
}

h1, h2, h3, h4, h5, h6 {
    padding: .5em 0 0.5em 0;
    line-height: 1.3;
    letter-spacing: -0.2px;
}

/* opinion */

.white {
    background-color: #fff;
}

.opinion h2 {
    margin-left: 20px;
}

.opinion img.wp-post-image {
    width: 95%;
}

/* opinion image home */

.homeopinion img.wp-post-image {
    margin-top: 1.4em;
}

/* photograph of the week - reader image home */

.homephoto img.wp-post-image {
    margin-top: 1.4em;
}

/* photograph of the week reader image single post lightbox - caption is positioned outside the viewport so */
#fancybox-title-outside {
    display: none;
}

/* special investigation home */

.homeinvestigate img.wp-post-image {
    margin-top: 1.4em;
    width: 100%;
}

/* reader image */

.readerimg img.wp-post-image {
    width: 100%;
}

/* relateds */

.relateds h5 {
    font-size: 1.4em;
    margin-top:0;}

.relateds .fl-post-feed-post  {
    margin:0}

.relateds .sun-excerpt {
    font-size: 1.1em;
}

/* Gallery captions */

.wp-block-gallery .blocks-gallery-item figure {
    flex-direction: column;
}

/* captions photojournalism only */
.pj .wp-block-gallery .blocks-gallery-item figcaption {
    color: #fff ;
}

/*  standard block gallery - undo overlay of captions  */

.wp-block-gallery .blocks-gallery-item figcaption {
    position: relative ;
    bottom: auto ;
    width: 100% ;
    max-height: 100% ;
    color: #191919;
    overflow: auto ;
    padding: 10px 0 20px 0 ;
    text-align: left ;
    font-size: 14px ;
    font-style: normal;
    background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent) ;
}


/*  easy fancy box remove alt text on overlay in lightbox 

#fancybox-title {
    display: none;
}*/

/* standard block gallery italicize gallery block caption  - we undid this on 2020-10-12 */

.blocks-gallery-caption {
    font-style: normal;
    margin-bottom: 2em;
}

.suncaption, .suncaption p {
    font-size: 0.9em;
    font-style: normal;
    margin: 0.75em 0 0 0;
}

/* style image captions in gutenberg same as suncaption */
figcaption.wp-caption-text {
    font-size: 0.9em;
    font-style: normal;
    margin: 0.5em 0 0 0;
    text-align:left;
}
/* remove giant bottom spacing under figcaption */
.fl-module-content figure {margin-bottom:0; padding-bottom:0;}


/* standard block image italicize caption - we undid this on 2020-10-12*/

.wp-block-image figcaption {
    font-style: normal;
    text-align: left;
    font-size: 0.9em;
    margin: 10px 0 2em 0;
}

.widget_tag_cloud .tagcloud a {
    /*border: 1px solid #e2e2e2;
    padding: .5em .9em;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    margin-right: 4px;
    line-height: 1.5;*/
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
}

/* remove thin line if long form doesn't use the 2nd full width image */

.reversehide {
    background: #474747;
}

/* single post */

.singlepost h1 {
    padding-top: 10px;
}

/* custom archive page */
.page-id-160 .widget_tag_cloud h2 {padding-bottom:0}

/* archives */

.archivecats a {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
}

.archivecats .widgettitle {
    padding-bottom: 0.2em;
}

.archivecats .cat-item {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}

.archivetags a.tag-cloud-link {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 1em !important;
    line-height: 1.4;
    display: block;
    border: none;
    padding: 0;
}

.archivetags a:hover {
    background: none;
    color: #7c5c73;
}

.archivehead {
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.2;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}

/* custom taxonomy archive layout */

.archivetaxhead {
    text-align: center;
    text-transform: uppercase;
}

.archivelist .suncats {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    /* might have to remove the below  and rely on line underneat it */
    font-weight: 600;}
/*.suncats {font-weight: 600;}*/

.archivelist .suncatsregular {
    letter-spacing: .05em;
    font-size: 95%;
    text-transform: uppercase;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    margin: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;}

.sanserif {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
}

/* category archive page */

.cats-on-cats-archive, h2.cats-on-cats-archive {
    text-transform: uppercase;
}

.cats-on-cats-archive li {
    float: left;
    padding-right: 20px;
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
    margin: 0 auto;
}

/* style search in menu bar */

.ast-search-icon a {
    color: #000;
}

.ast-inline-search input.search-field {
    height: 28px; padding:0;
}

/* menu - to put home icon next to a line in the menu */
li.hide.menu-item.menu-item-type-custom.menu-item-object-custom a {
    display: none;
}

/* comments single post */

.ast-separate-container .comment-respond {
    padding: 2em;
}

/*  comments customizations  */

.comment-form-comment label {display: none;}

#comments .submit {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
}

.comment-reply-title {
    font-family: "Libre Franklin", "Open Sans", sans-serif;
    text-transform: uppercase;
}

/* comments with revisions like community */

.comment-form-pods-meta-choose_community {
    padding: 0;
}

/* comments block reversed - special investigations */

.reverse .comment-reply-title {
    color: #fcfcfc;
}

.reverse .logged-in-as a, .reverse .logged-in-as p {
    color: #fcfcfc;
}

/* main archive page */ 
.readerimagearchive .metas {
    font-size: 0.9em;
    margin-top: 10px;
    line-height: 1.3;
}

.opinionsingle .fl-html h1 {
    padding: 10px 0 0 0;
}

.singlepost .fl-html h1 {
    padding: 10px 0 0 0;
}

.photojournalism h1 {
    padding: 10px 0 0 0;
}

.suntagline .large {
    font-size: 125%;
    line-height: 1.3;
    padding-bottom: 10px;
    font-weight: 500;
}

.suntagline .text {
    font-size: 18px;
    margin: -2px 0 2px 14px;
    font-weight: 500;
}

.suntagline .bulleted {
    font-size: 30px;
    line-height: 1;
    float: left;
}

.footersupport {
    font-size: 105%;
}

/* gravity form - nudgeup could work anywhere */

.nudgeup {font-size: 1.2em;}
.radiob.gfield li label {font-size:1em; padding-top:4px}


/* mailchimp */
.chimp .splainer {
    font-size: 0.9em;
    margin: -16px 0 0 14px;
    line-height: 1.5;
}
.chimp input.button 
{border-radius:0 !important; font-family: "Libre Franklin", "Open Sans", sans-serif; text-transform: uppercase !important; background: #9C7390 !important; padding:4px 30px 36px 30px !important;     }

.chimp input.button:hover 
{background: #7C5C73 !important;}

/* termageddon */
#policy .table.table-bordered {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}


/*********************************************

MEDIA QUERIES - HIDE & SHOW BY DEVICE - not using this yet...tried for gutenberg header, adding the classes zeroed out the gute classes

*********************************************/

/* CSS for desktop only */
@media (min-width: 1025px) {

.desktopshow {display:inline;}
img.desktopshow {display:inline;}

.mobileshow {display:none;}
img.mobileshow {display:none;}
}

/* CSS for tablet only */
@media (min-width: 769px) and (max-width: 1024px) {

.desktopshow {display:none;}
img.desktopshow {display:none;}

.mobileshow {display:inline;}
img.mobileshow {display:inline}
}

/* CSS for mobile only */
@media (max-width: 768px) {

.desktopshow {display:none;}
img.desktopshow {display:none;}

.mobileshow {display:inline;}
img.mobileshow {display:inline;}
}