/*
Theme Name: Precious
Theme URI: http://wordpreciousss.org/themes/precious/
Description: Precious is a <a href="http://codex.wordpress.org/Theme_Frameworks">theme framework</a> for WordPress <strong>2.8</strong>+. Built with simplicity and web accessibility in mind.
Version: 4.0.1
Author: Kristin K. Wangen
Author URI: http://wordpreciousss.org/
Tags: white, blue, orange, light, two-columns, flexible-width, right-sidebar, threaded-comments, translation-ready

 * @package WordPreciousss
 * @subpackage Precious_Parent_Theme


*/

body { 
background:#fcfcfc;
color:#111;
font-size:87.5%;
font-style:normal;
margin:0;
padding:0 1em;
font-family: Calluna Sans;
font-weight:400;
}

/*some class styling*/
.sidenote {
padding:5px;
border: 1pt solid #ccc;
float:right;
}
.sidequote {
background:#eee;
font-style:italic;
font-family:Calluna Sans;
font-style:italic;
font-size:1.1em;
padding:5px;
border: double #ccc;
border-width:2px 0px;
float:left;
margin: 0px;
margin-right: 10px;
}
.border,   hr {
border: 1pt solid #ccc;
}
 .doubleborder {
border: 5px double #ccc;
padding: 3px;
}
blockquote {
border-left: 3px solid #369;
background-color: #E8E8FF;
padding: 0.1em 0.7em 0.2em 1em;
margin-right:0px;
margin-left:0px;
}

/*linkcolors for default skin*/
a:link {
color : #930; 
text-decoration : underline; 
} 
 a:visited {
color : #b52; 
text-decoration : underline; 
} 
 a:hover {
color :#555; 
text-decoration:underline;
} 
 a:active {
color : #555; 
} 

/*header styles*/
h1 {
font-family:Calluna Sans;
color: #666;
margin:10px 0px;
padding: 2px 0px;
font-weight:900;
font-size:2em;
}

h1 img {
height:1em;
margin-bottom:-0.1em;
}

.postcontent h1 {
	padding-top:8px !important;
}

h2, h3, h4, h5, h6, #commentbox legend, #searchform label, #wp-calendar caption, #sidebar h2 a {
font-family :Calluna; 
font-weight:700;
color : #333; 
margin: 10px 0px;
padding:2px 0px;

}

/* Universalis */
h2#DayDescription {
font-family:Calluna;
font-style:normal;
font-size: 1em;
}
h2#DayDescription b {
font-family:Calluna;
font-weight:600;
font-size: 1.6em;
line-height: 1.6em;
}
p#Copyright span {
font-family:Calluna Sans !important;
font-style:italic !important;
font-weight:100 !important;
color:#CCC !important;
}

/*Wrap*/
#wrap {
background : transparent;
padding:0px;
max-width:80em;
margin: 0px auto;
font-size:1.1em;
}


/*Access navigation*/
#accessnav, #footer, #footer ul {
margin:0px;
padding:0px;
line-height:1.4em;
}
#accessnav li:before {
content: "\00BB \0020";
}

ul#accessnav a {
color:#111;
text-decoration:none;
font-size:0.8em;
font-family:Calluna Sans;
font-weight:100;
}


#footer {
clear:both;
font-family:Calluna Sans;
font-weight:100;
}


/*header*/

#header {
background-image:url("/images/card-default.jpg");
background-repeat:no-repeat;
background-position:right center;
background-size:25%;
margin:0px;
padding:5px 0px 10px;
text-align:left;
border-bottom: 1pt solid #ccc;
min-height:160px;
}
#header h1{
font-size:3em;
margin:2px 200px 2px 0px;
}
#header p {
margin:2px 200px 2px 0px;
padding:0px;
font-family:Calluna;
font-style:italic;
}
#header h1 a:link, #header h1 a:visited {
color:#369;
font-weight:900;
text-decoration:none;
}
#header h1 a:hover, #header h1 a:active {
color:#333;
text-decoration:none;
}



/*content div*/
#content {
padding: 2px 0px;
margin: 0px;
margin-right:0.5em;
width: 68%;
float: left;
font-size:1.1em;
line-height:1.6em;
}
#content p {
font-family:Calluna Sans;
font-weight:400;
font-size:0.8em;
}
h2#pagetitle, h2#comments{
color:#369;
font-weight:normal;
padding: 10px 0px 3px;
}
h2#pagetitle {
padding:3px 0px;
}

#content h3.posttitle,  #content h2.posttitle {
padding:3px 0px;
border-bottom: 1px solid #eee;
font-variant-numeric:lining-nums;
}
#content h3.posttitle a {
font-size:1.2em;
}
#content h2.posttitle a {
font-size:1em;
}

#content h3 a:link,  #content h3 a:visited, #content h2 a:link,   #content h2 a:visited  {
color:#369;
font-weight: bold;
text-decoration:none;
}
#content h2 a:hover, #content h2 a:active,  #content h3 a:hover,  #content h3 a:active {
color:#333;
}
#content h2,#content h3 {
font-variant-numeric:lining-nums;
}
.postcontent p {
font-size:1em !important;
font-family:Calluna Sans !important;
font-weight:400;
}

.post {
margin: 15px 0px 25px;
clear:both;
}
.sticky {
    background-image: url("/images/pin.png");
    background-position: -20px 0;
    background-repeat: no-repeat;
    border: 1px solid #EEEEEE;
    box-shadow: 5px 5px 5px #CCCCCC;
    margin-left: -15px;
    padding: 40px 10px 10px 15px;
}
.postmeta {
font-family:Calluna Sans;
font-weight:100;
font-size:0.9em;
clear:both;
padding: 2px;
}
.postmeta p {
    line-height: 1.5em;
    margin-bottom: 0.5em;
    margin-left: -10px;
    padding: 0;
}
.wp-caption {
background:#F8F8F8;
border:1px solid #C8C8FF;
padding-top: 5px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.wp-caption-text {
text-align:left !important;
margin-left:6px !important;
line-height: 1.3em !important;
}

/*Undo table styling in calendar */
table td:first-of-type {
	padding: 0px !important;
}

/*Comments*/
#commentbox,  #footer {
border-top:1px solid #ccc;
}
#commentbox ol {
list-style: none outside;
}
#commentlist li {
background:#fcfcfc;
border:1px solid #ccc;
padding: 3px;
margin: 5px 0px 10px;
}
#commentlist li.alt {
background:#f7f7f9;
}

#commentlist li.bypostauthor {
background:#eee;

}
ul.children {
list-style:none outside;

}
 .commentmeta {
font-size:0.9em;
text-align:right;
}
img.avatar {
border:1px solid #ccc;
background:#fcfcfc;
margin: 5px;
float:right;
padding:2px;
}



/*sidebar*/
#sidebar {
padding: 5px 0px;
margin: 0 0 0 1.5em;
width: 25%;
float:right;
font-size:1em;
}
#sidebar h2, #sidebar label {
font-size:1.1em;
margin:5px 0px 2px;
font-weight: bold;
}
#sidebar a {
text-decoration: none;
}
#sidebar ul {
list-style:none outside;
padding: 2px 0px;
margin:2px 0px;
}
#sidebar li {
margin:0px;
padding: 3px 2px;
}
#sidebar li img {
margin-bottom: -3px;
}
#sidebar li li {
border-bottom: 1px solid #eee;
}
#sidebar li li li {
border-bottom: none;
padding:0;
}
#sidebar li li li:before {
content: "\00BB \0020";
}

#sidebar li li li.menu-item-type-custom, #sidebar li ul.wp-tag-cloud li  {
border: none;
font-family: Calluna Sans;
font-weight:100;
font-size: small;
}


#sidebar form, #sidebar fieldset {
margin:0px;
padding:0px;
}
#sidebar label {
display:block;
}
#sidebar input#searchquery, #sidebar input#search-widget{
width:50%;
}
#sidebar input.submit {
width:20%;
}

/* ICS Calendar */
/* List */
.ics-calendar.layout-list {
	margin: -1em 0 0.5em 0;
	}
.ics-calendar-list-wrapper .ics-calendar-label{
	display:none;
	}
.ics-calendar-list-wrapper{
	margin:0;
	border-bottom: solid 1px #336699;
	padding-bottom: 5px;
	}
.ics-calendar-list-wrapper h4,.ics-calendar-list-wrapper dd.all-day {
	font-family: Calluna Sans;
	font-weight: bold;
	font-variant-numeric: lining-nums;
	margin-bottom: 0px !important;
	margin-top: auto;
	padding-left: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	background-color: #336699;
	}
.ics-calendar-list-wrapper dl.events {
	margin:0 !important;
	padding:0}
.ics-calendar-list-wrapper dt.time {
	background-color: #E8E8FF;
	padding: 2px 2px 2px 15px !important;
	border-top: 1px solid #336699;
	font-variant-numeric:lining-nums;
	font-weight: normal !important;
	}
.ics-calendar-list-wrapper dd.event {
	padding-left:15px;
	}
.ics-calendar-list-wrapper dd.event.all-day span.title {
	background-color: #336699 !important;
	}
.ics-calendar-list-wrapper dd.event.all-day div.eventdesc p {
	color: white !important;
	}
.ics-calendar-list-wrapper dd.event span.title {
	background-color: #E8E8FF; 
	display: block; 
	margin-left: -15px; 
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 3px;
	}
.ics-calendar-list-wrapper .location {
	background-color: #E8E8FF; 
	margin-left: -15px !important; 
	padding-left: 15px;
	padding-bottom: 2px !important;
	margin-bottom: 0px !important;
	font-variant-numeric:lining-nums;
	}
.ics-calendar-list-wrapper {
	margin:0;
	}
.ics-calendar-list-wrapper .eventdesc p {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0; 
	padding: 0; 
	font-style: italic;
	hyphens: none;
	font-variant: none;
	font-weight: 100;
	}
.ics-calendar-list-wrapper dt.time[data-feed-key="5"]{
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	padding-left: 13px
	}
.ics-calendar-list-wrapper dd.event[data-feed-key="5"] span.title {
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	padding-left:13px;
	}
.ics-calendar-list-wrapper dd.event[data-feed-key="5"] .eventdesc p{
	margin-left:-15px;
	margin-right:0px !important;
	margin-top:0px !important;
	padding-left:13px;
	padding-bottom:5px;
	padding-right:5px;
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	}
.ics-calendar-list-wrapper dd.event[data-feed-key="5"] .location {
	background-color: #FFEEEE; 
	margin-left: -15px !important; 
	padding-left: 13px;
	border-left: 2px solid #FF0000;
	}
.ics-calendar-list-wrapper dd.all-day[data-feed-key="1"]{
	font-variant:small-caps;
	font-weight: 700 !important;
	}
.ics-calendar-list-wrapper dd.all-day[data-feed-key="2"]{
	font-weight: 700 !important;
	}
.ics-calendar-list-wrapper dd.all-day[data-feed-key="3"]{
	font-weight:normal;
	}
.ics-calendar-list-wrapper dd.all-day[data-feed-key="4"]{
	font-weight:normal;
	font-style:italic;
	}
.ics-calendar-list-wrapper h4 {
	border-top:white 1px solid;
	font-weight:normal!important;
	margin: 0 !important;
	}
.ics-calendar.multi-feed .event .descloc .eventdesc * {
	/* ACL addition to style */
	hyphens: manual;
    margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 2px;
	font-style: italic;
	font-weight: 100;
	font-variant: lining-nums;
	}
.ics-calendar .all-day .location {
	/* ACL addition to style */
	display: none;
	}
.widget h2.ics-calendar-title {
	display:none;
	}
.widget p.ics-calendar-description {
	display:none;
	}
	
.ics-calendar-month-grid ul.events li {
	border-top: 1px solid #E8E8FF !important;
	border-bottom: none !important;
}
.ics-calendar-month-grid li.event.all-day.multiday_first {
    border-bottom: 1px solid lightgray !important;
}
.ics-calendar-month-grid li.event.all-day.multiday_middle {
    border-bottom: 1px solid lightgray !important;
}
.ics-calendar-month-grid li.event.all-day.multiday_last {
    border-bottom: 1px solid lightgray !important;
}
/* ICS Calendar mobile list */
/* ACL */
.ics-calendar .phone_only .title_in_hover_block,
.ics-calendar .phone_only .time_in_hover_block {
	display:none;
	}
.ics-calendar .title_in_hover_block,
.ics-calendar .time_in_hover_block,
.ics-calendar .events .time .end_time {
	display:none !important;
	}
.ics-calendar:not(.nomobile) .ics-calendar-month-grid td {
	border: 1px solid lightgrey;
	}

.ics-calendar:not(.nomobile) table td:first-of-type {
	padding:0px;
	}

/* ICS Calendar on page for Mass intentions */
/* List */
.post-5870 .ics-calendar.layout-list {
	margin: -1em 0 0.5em 0;
	}
.post-5870 .ics-calendar-list-wrapper .ics-calendar-label{
	display:none;
	}
.post-5870 .ics-calendar-list-wrapper{
	margin:0;
	border-bottom: solid 1px #336699;
	padding-bottom: 5px;
	}
.post-5870 .ics-calendar-list-wrapper h4,.post-5870 .ics-calendar-list-wrapper dd.all-day {
	font-family: Calluna Sans;
	font-weight: bold;
	font-variant-numeric: lining-nums;
	margin-bottom: 0px;
	margin-top: auto;
	padding-left: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	background-color: #336699;
	}
.post-5870 .ics-calendar-list-wrapper dl.events {
	margin:0;
	padding:0;
	display:flex;
	flex-flow:wrap;
	}
.post-5870 .ics-calendar-list-wrapper dt.time {
	background-color: #E8E8FF;
	padding: 2px;
	padding-left:18px;
	font-variant-numeric:lining-nums;
	display: flex;
	width: 90px;
	cursor:unset;
	border:none;
	font-size:0.9em;
	}
.post-5870 .ics-calendar-list-wrapper dd.event {
	padding-left:15px;
	display:flex;
	}
.post-5870 .ics-calendar-list-wrapper dd.event.all-day span.title {
	background-color: #336699 !important;
	}
.post-5870 .ics-calendar-list-wrapper dd.event span.title {
	background-color: #E8E8FF; 
	display: block; 
	margin-left: -15px; 
	padding: 2px;
	padding-right: 10px;
	width:150px;
	cursor:unset;
	font-size: 0.9em !important;
	}
.post-5870 .ics-calendar-list-wrapper .location {
	background-color: #E8E8FF; 
	margin-left: -15px !important; 
	padding-left: 15px;
	margin-bottom: 0px !important;
	}
.post-5870 .ics-calendar-list-wrapper {
	margin:0;
	}
.post-5870 .ics-calendar-list-wrapper .eventdesc p {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0; 
	padding: 2px; 
	font-style: normal;
	hyphens: none;
	font-variant: none;
	font-weight: 400 !important;
	font-size: 1.1em !important;
	margin-left:5px;
	}
.post-5870 .ics-calendar-list-wrapper dt.time[data-feed-key="5"]{
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	padding-left: 13px
	}
.post-5870 .ics-calendar-list-wrapper dd.event[data-feed-key="5"] span.title {
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	}
.post-5870 .ics-calendar-list-wrapper dd.event[data-feed-key="5"] .eventdesc p{
	margin-left:-15px;
	padding-left:15px;
	background-color: #FFEEEE;
	border-left: 2px solid #FF0000;
	}
.post-5870 .ics-calendar-list-wrapper dd.event[data-feed-key="5"] .location {
	background-color: #FFEEEE; 
	margin-left: -15px !important; 
	padding-left: 15px;
	border-left: 2px solid #FF0000;
	}
.post-5870 .ics-calendar-list-wrapper dd.all-day[data-feed-key="1"]{
	font-variant:small-caps;
	}
.post-5870 .ics-calendar-list-wrapper dd.all-day[data-feed-key="2"]{
	}
.post-5870 .ics-calendar-list-wrapper dd.all-day[data-feed-key="3"]{
	font-weight:normal;
	}
.post-5870 .ics-calendar-list-wrapper dd.all-day[data-feed-key="4"]{
	font-weight:normal;
	font-style:italic;
	}
.post-5870 .ics-calendar-list-wrapper h4 {
	border-top:white 1px solid;
	font-weight:600!important;
	font-size:0.9em;
	}
.post-5870 .ics-calendar .events .time .show_on_hover {
    display: none;
    font-size: 90%;
    font-weight: normal;
    visibility: hidden;
	}
.post-5870 .ics-calendar dd.event.t003000.multiday_last {
	display:none;
	}
.post-5870 .events dd.all-day {
    display: none;
	}
.post-5870 .ics-calendar .event .descloc div {
	margin:0;
	}
.post-5870 .ics-calendar-title {
	font-size:1.3em;
	margin-top:2em;
	}

/* Widget styling*/
 td#today { 
background:#ccc;
}
#wp-calendar caption {
font-size: 1.1em;
text-align: left;
}

.custom-html-widget img {
	margin: 0;
	max-width: 100% !important;
}

/*forms*/
input , textarea, select, option {
font-family : Calluna Sans; 
font-size:1em;
padding: 2px;
background:#cde;
border:1px solid #369;
color : #111; 
margin: 2px;
}
 fieldset,  legend {
background:transparent;
color : #111; 
border: none;
padding: 5px;
}
 label,  legend {
font-weight:normal;
}

/*other styling*/
#wpfooter {
text-align: center;
}

/*and just to make this go through WP Themes directory*/
.alignright, .alignleft, .aligncenter, .wp-caption { }

.alignrightbottom, img.alignrightbottom {
	margin-left: 1.5em;
	display: inline;
	float: right;
	align: bottom;
	}

/* Twitter */
.time-meta {
    font-family: Calluna Sans;
    font-weight:100;
    font-size: 0.8em;
    margin-top: 4px;
    margin-left: 10px;
}
.entry-content {
    margin-left: 75px;
    margin-top: 10px;
    min-height: 4.5em;
    font-size:0.9em;
    line-height:1.2em;
}

.twitter-avatar {
    margin: 10px;
    position: absolute;
}
.widget_twitter li {
    border: 1px solid #EEEEEE;
    padding: 7px;
}

#twitter-4 h2 {
  /* @OrdinariateEbn title background from Twitter profile header image */
  /* Advent 
  background-image: url("/images/twitterheader-adv.jpg");
  background-size: 100% auto;
  color: white;
  padding: 10px;
  padding-top: 60px;
  margin: 1px;
  text-shadow: 1px 1px 2px black, 0 0 1em indigo, 0 0 0.2em indigo;
  /* Christmas+Epiphany 
  background-image: url("/wp-content/uploads/2017/12/nativity-illumination-300x100.jpg");
  background-size: 100% auto;
  color: white;
  height: 80px;
  padding: 10px;
  margin: 1px;
  text-shadow: 1px 1px 2px black;
  /* Shrovetide 
  background-image: url("/wp-content/uploads/2018/02/shrovetide-3to1.jpg");
  background-size: auto 100%;
  color: white;
  height: 80px;
  padding: 10px;
  margin: 1px;
  text-shadow: 1px 1px 2px black;
   Ordinary Time */
  background-image: url("/images/twitterheader-ot.jpg");
  background-size: 100% auto;
  color: white;
  padding: 10px;
  padding-top: 60px;
  margin: 1px;
  text-shadow: 1px 1px 2px black, 0 0 1em darkgreen, 0 0 0.2em darkgreen;
 
  /* Red Wednesday  
  background-image: url("https://pbs.twimg.com/profile_banners/2437573524/1510416801/600x200");
  background-size: 100% auto;
  color: white;
  height: 80px;
  padding: 10px;
  margin: 1px;
  text-shadow: 1px 1px 2px black;  
  /* Lent 
  background-image: url("/wp-content/uploads/2018/02/lent-3to1.jpg");
  background-size:  100% auto;
  color: white;
  padding: 10px;
  margin: 1px;
  padding-top: 60px;
  text-shadow: 1px 1px 2px black, 0 0 1em purple, 0 0 0.2em purple;
  /* Easter 
  background-image: url("/images/easter.png");
  background-size: 100% auto;
  color: white;
  padding: 10px;
  margin: 1px;
  padding-top: 60px;
  text-shadow: 1px 1px 2px black, 0 0 1em red, 0 0 0.2em red;
 */
}

/* Crucifixion background */
.tag-bronzino {
    background-color: #130E14;
    background-image: url("/images/bronzino.jpg");
    background-position: right -100px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding-left: 25px;
    padding-top: 10px;
}
.tag-bronzino h2 a {
    color: #FFFFFF !important;
}
.tag-bronzino table td a {
    color: #FFFFFF !important;
}
.tag-bronzino h2 {
    margin-right: 25px;
}
.tag-bronzino h3, .tag-bronzino h4 {
    color: #E0E0FF;
    padding: 0px;
    margin: 0px;
}
.tag-bronzino .postcontent {
    padding-right: 250px;
}
.tag-bronzino .postcontent p a {
    color: #CCCCFF !important;
    text-decoration: none;
}

/* Resurrection background */
.tag-book-cover {
    background-color: #DFD7DD;
    background-image: url("/images/bookcover.jpg");
    background-position: right -100px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #333333;
    padding-left: 25px;
    padding-top: 10px;
}
.tag-book-cover h2 a {
    color: #336699 !important;
}
.tag-book-cover table td a {
    color: #336699 !important;
}
.tag-book-cover h2 {
    margin-right: 25px;
}
.tag-book-cover h3, .tag-book-cover h4 {
    color: #336699;
    padding: 0px;
    margin: 0px;
}
.tag-book-cover .postcontent {
    padding-right: 360px;
}
.tag-book-cover .postcontent p a {
    color: #336699 !important;
    text-decoration: none;
}

/* Advent Candle background */
.tag-adventcandle-image {
    background-color: #020202;
    background-image: url("/images/advent-candles-small.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding-left: 25px;
    padding-top: 10px;
}
.tag-adventcandle-image h2 a {
    color: #FFFFFF !important;
}
.tag-adventcandle-image td a {
    color: #FFFFFF !important;
}
.tag-adventcandle-image h2 {
    margin-right: 25px;
}
.tag-adventcandle-imageh3, .tag-adventcandle-image h4 {
    color: #E0E0FF;
    padding: 0px;
    margin: 0px;
}
.tag-adventcandle-image .postcontent {
    padding-right: 250px;
}
.tag-adventcandle-image .postcontent p a {
    color: #CCCCFF !important;
    text-decoration: none;
}

/* Tag Cloud widget */
.tagcloud {
    line-height: 1.5em;
}

/* User Details */
#user_details td.bold {
    font-family: Calluna Sans;
    font-weight:bold;
}
#user_details td.ital {
    font-family: Calluna Sans;
    font-style:italic;
}
#user_details tr.nogap {
    padding-bottom: 0px;
}
#user_details tr.nogap td {
    padding-bottom: 0px;
}

/* Admin bar icon */
#wpadminbar #wp-admin-bar-members_page>.ab-item:before {
content: url('/wp-admin/images/admin-bar-EOG-icon.png');
height: 24px;
width: 24px;
}

/* Mass intentions table */
.mass_intentions {
	width:100% !important;
}
.mass_intentions td {
	cell-padding: 0px 5px 5px 5px !important;
	border-bottom: #CCC 1px solid !important;
	vertical-align:top !important;
}

/* Mass type icons */
.blred {
    background-color: #C00000;
    color: white;
    font-weight: 700 !important;
    border-radius: 0px;
	font-size: smaller;
	font-style: normal;
}
.blblack {
	background-color:black;
	color:white;
	font-weight:700 !important;
    border-radius: 0px;
	font-size: smaller;
	font-style: normal;
}
.blgreen {
	background-color:green;
	color:white;
	font-weight:700 !important;
    border-radius: 0px;
	font-size: smaller;
	font-style: normal;
}

/* Back to top button */
.top-link {
  transition: all .25s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 2em 2em 0;
  z-index:10;
}
  
.top-link.show {
    visibility: visible;
    opacity: 1;
  }
  
.top-link.hide {
    visibility: hidden;
    opacity: 0;
  }

.top-link svg {
		fill: #000;
		}

.top-link :hover {
    		svg g g path#main { fill:#336699 };
	}

/* OutoftheBox */
#OutoftheBox .hasfocus, #OutoftheBox .popupopen {
	background-color: #336699 !important;
}

#OutoftheBox.singleboxfile {
	font-family: Calluna !important;
	font-variant-numeric: lining-nums !important;
}

#OutoftheBox.singleboxfile .ajax-filelist {
    min-height: 40px;
    margin-left: -5px;
    margin-right: -5px;
	padding:	0px !important;
}

#OutoftheBox.singleboxfile .nav-header {
	display:none;
}

#OutoftheBox .scroll-to-top {
	display: none !important;
}

#OutoftheBox .description-file-info {
	background-color: #e8e8fe !important;
	border: 2px solid white;
	border-radius: 2px;
	font-family: 'Calluna Sans' !important;
	font-variant: lining-nums;
	color: black;
	font-weight: 400 !important;
}

#OutoftheBox .tippy-content li>a:hover, .OutoftheBox .tippy-content li>a:hover {
	background-color: #336699 !important;
}

#OutoftheBox .tippy-content, .OutoftheBox .tippy-content {
	font-family: 'Calluna Sans' !important;
}

#OutoftheBox .tippy-box[data-theme=wpcloudplugins-light],
#OutoftheBox .tippy-box[data-theme=wpcloudplugins-light] {
	background-color: #e8e8fe !important;
	border: 2px white solid;
}

#OutoftheBox li a.entry_action_view {
	/* Force display in external window by removing the preview option */
	display: none !important;
}


/* Smash Balloon Facebook plugin styling */

.cff-wrapper{
	font-variant:lining-nums !important;
}

.cff-text-link{
	width:fit-content !important;
	margin-top:2px !important;
	font-size:0.9em !important; 
}
.cff-post-text{
	line-height:1.2 !important;
	font-size:0.9em !important;
}

.cff-visual-header{
	max-height: 100px !important;
	overflow: hidden;
}

#cff.narrow .cff-shared-link .cff-link img {
    float: left !important;
    max-height: 150px;
	border-radius: 5px;
}

/* Content Views */

.pt-cv-wrapper h2,
.pt-cv-wrapper h3,
.pt-cv-wrapper h4 {
	font-family: Calluna !important;
	font-weight:700 !important;
}


@media speech {
	// Text meant only for screen readers.
	.screen-reader-text {
		position: absolute;
		clip-path: inset(50%);
		margin: -1px;
		border: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		overflow: hidden;
		word-wrap: normal !important;
		clip: rect(1px, 1px, 1px, 1px);
	
		&:focus {
			display: block;
			top: 5px;
			left: 5px;
			z-index: 100000; // Above WP toolbar
			clip-path: none;
			background-color: #eee;
			padding: 15px 23px 14px;
			width: auto;
			height: auto;
			text-decoration: none;
			line-height: normal;
			color: #444;
			font-size: 1em;
			clip: auto !important;
		}
	}
}

@media not speech {
	.screen-reader-text {
		display:none;
	}
}