/*
CTC Separate Stylesheet
Updated: 2017-12-20 19:23:03
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a fast, lightweight (less than 1MB zipped), mobile responsive WordPress theme built with speed, SEO and usability in mind. GP can serve as a solid base for any website, and works great with any of your favorite page builders. With an emphasis on WordPress coding standards, we ensure GeneratePress is compatible with all well-coded plugins, including major ones like WooCommerce, WPML, BuddyPress and bbPress. GeneratePress is device friendly (mobile and tablet), uses 100% valid HTML, is fully schema microdata integrated, is translated into over 20 languages by our amazing community and is cross browser compatible (including IE8). Some of our features include 9 widget areas, 5 navigation positions, 5 sidebar layouts, dropdown menus (click or hover) and a back to top button. All our options use the native WordPress Customizer, meaning you can see every change you make instantly before pressing the publish button. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.4.1513797783
*/
/*************************************************************/
/* */
/* Sidebar styling */
/* */
/*************************************************************/
/*------------------------------------------
vsel= Very Simple Event List.
Adjust size of font separately for widget title, event title, and info,
adjust spacing between elements, and
indent details under event title
--------------------------------------------*/
.vsel-widget .vsel-meta-title {
font-size: 14px;
margin-bottom: 8px }
.vsel-widget .vsel-content .vsel-meta .vsel-meta-date,
.vsel-widget .vsel-content .vsel-meta .vsel-meta-location,
.vsel-widget .vsel-content .vsel-meta .vsel-meta-link,
.vsel-widget .vsel-content .vsel-meta .vsel-meta-info,
.vsel-widget .vsel-content .vsel-image-info .vsel-info {
font-size: 10px;
margin: 0 0 6px 25px; }
.vsel-widget .vsel-info p {
margin-bottom: 6px; }
/*------------------------------------------
Reduce space between widget titles and content
--------------------------------------------*/
.widget-title {
margin-bottom: 0.5em;
}
/*------------------------------------------
Reduce font for Paypal Donation
--------------------------------------------*/
.widget_paypal_donations p {
font-size: 0.8em;
}
/*************************************************************/
/* */
/* Miscellaneous */
/* */
/*************************************************************/
/* Center the 'featured image' on each page, in case it is less than full width */
.page-header-image {
text-align: center;
}
/* Make sure images don't overlap with a previous one:
On second and later consecutive images you want stacked with
wrapping text, use image block's Advanced tab to add class
"clear_right" or "clear_left"to the block */
.clear_right {
float: right; /* When used on headings, this causes subsequent headings to wrap above the heading */
clear: right;
margin-top: 1em; /* a little space between images */
}
.clear_left {
float: left;
clear: left;
}
/* Also to apply class in admin when don't want space after */
.no_space_after {
margin-bottom: 0; }
/* OR, can use CoBlocks stacked gallery with these mods to get it float right and behave
* In Stacked settings, deselect 'Wide width', 'Full width', and 'Fullwidth images'. */
.wp-block-coblocks-gallery-stacked {
float: right;
margin-left: 1.5em;
/*
max-width: 100%;
margin: 0;
position: static;
*/
}
.wp-block-coblocks-gallery-stacked .coblocks-gallery--figure {
float: right; /* individual images align right */
display: table;
/*
position: static;
margin-left: 1em;
*/
}
/*
.wp-block-coblocks-gallery-stacked .coblocks-gallery--item:last-child figure {
margin-bottom: 1em !important;
}
*/
.wp-block-coblocks-gallery-stacked .coblocks-gallery--caption {
display: table-caption;
caption-side: bottom;
padding-top: 0.5em; /* move caption closer to its img than next one */
}
/* Header (where site name appears above featured image)
* Change colors */
.site-header {
background-color: #3f3f3f;
}
.main-title a, .main-title a:visited {color: #ffffff;
}
/* Adjust header size with padding (T R B L) */
.inside-header {
padding: 12px 40px 20px 40px;
}
/* Limit width of search box and keep it on the right */
.navigation-search input {
max-width:350px;
float:right;
}
/* Prevent italic in blockquotes on names page */
body.page-id-344 blockquote {
font-style:normal;
}
/* Soliloquy slider - put caption below image
* instead of overlaid */
.soliloquy-container {
max-height: none !important;
}
.soliloquy-viewport {
height: auto !important;
}
.soliloquy-container .soliloquy-caption {
position: relative !important;
/* change font from default monospace */
font-family: Verdana, Arial, sans-serif;
}
/* Have Soliloquoy slider shrink images if greater
* than the slider height (assmuming latter is set to 900)
* It would be more efficient to put photos in the
* slider that are the right max height, and turn this off.
* Turns out the number here actually overrides the
* slider height setting. See here if you want to set
* this for individual sliders:
* https://soliloquywp.com/docs/center-and-scale-varying-image-sizes/ */
/* .soliloquy-container .soliloquy-image { max-height: 800px !important; } */
/* Create 2 responsive columns that collapse to 1 when less
* than 600 pixels. To use, enclose in
*
and each column in
* {
box-sizing: border-box;
} */
/* Two equal columns that floats next to each other
.col2 {
float: left;
width: 50%;
padding: 0 15px 0 15px;
} */
/* Clear floats after the columns
.colcntnr:after {
content: "";
display: table;
clear: both;
} */
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other
@media screen and (max-width: 600px) {
.col2 {
width: 100%;
}
} */
/* Using flexbox for columns; not compatibile with IE10 and earlier */
.colcntnr {
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 125px;
}
.col2 {
flex: 1;
}
@media (max-width: 400px) {
.colcntnr {
display: block;
}
}
/* Space between list items. Give list class="lispace" */
.lispace li:not(:last-child) {
margin-bottom: 5px;
}
/* For Profile Builder Login widget in sidebar,
to make label and field on separate lines */
#wppb-login-wrap #loginform label {
width: 100%;
}
/*************************************************************/
/* */
/* TablePress styling */
/* */
/*************************************************************/
/*------------------------------------------
Global TablePress styles
--------------------------------------------*/
/* Change table title from h2 to something smaller and heavier, like table headings */
.tablepress-table-name {
font-size: 22px;
font-weight: 550;
}
/*------------------------------------------
Styling of specific tables
--------------------------------------------*/
/* 2. Life cycle of a typical basidiomycete */
.tablepress-id-2 {
width: 70%;
margin: 0 auto 1em;
}
.tablepress-id-2 .column-2 {
text-align: center;
}
/* 4. Awards */
.tablepress-id-4.tablepress {
margin: 0 50px 50px 10px;
width: 20em;
float: left;
}
.tablepress-id-4,
.tablepress-id-4 tr,
.tablepress-id-4 tbody td,
.tablepress-id-4 thead th {
font-size: 12px;
border: none;
text-align: center;
line-height: 1.5;
background-color: #ffffff;
}
.tablepress-id-4 thead tr {
border-bottom: 1px solid gray;
}
/* 7. How to distinguish root and butt rot from other causes of mortality */
.tablepress-table-name-id-7 {
font-size: 100%;
font-weight: bold;
}
/*************************************************************/
/* */
/* Academic Blogger's Toolkit */
/* */
/*************************************************************/
/********************************/
/* Citations */
/********************************/
.abt-citation {
color: darkgoldenrod;
display: inline-block;
}
.abt-citation:hover {
color: gold;
transition: 0.2s;
}
/********************************/
/* Tooltips */
/********************************/
/* Tooltip content */
.abt-tooltip {
font-size: 0.7em;
}
/* Use .csl-entry to get tooltip and biblio in one step */
.csl-entry {
color: darkgoldenrod;
}
.csl-entry a {
color: blue;
}
.csl-entry a:hover {
color: lightskyblue;
transition: 0.2s;
}
/********************************/
/* Bibliography */
/********************************/
/* The container */
.abt-bibliography {
padding: 10px;
margin: 0 2em 0 2em;
}
/* The body. Reasonable font size,
* smaller left margin and padding,
* small gap between entries for readability */
ol.abt-bibliography__body {
font-size: 0.9em;
margin-left: 1em;
padding: 0;
gap: 0.33em;
}
.abt-bibliography .csl-entry {
color: black;
}
.csl-left-margin {
width: 1.5em;
}