css style.css文件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css style.css文件相关的知识，希望对你有一定的参考价值。
<?php
/**
* Template Name: Blog Page
*/
//No needs added yet. Just skeleton
get_header(); ?>
<div class="container">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', 'page' ); ?>
<div class="usbln-blog-intro">Find news, events and other information related to disability inclusion within the workplace, marketplace and supply chain.</div>
<div class="usbln-blog-contact-main">
<div class="usbln-blog-contact-item"><h2>Partner Inquiry</h2><br />Elizabeth Taub<br />Executive Vice President<br /><br /><a href="mailto:liz@usbln.org">liz@usbln.org</a></div>
<div class="usbln-blog-contact-item"><h2>General Inquiry</h2><br />Brian Horn<br />Chief of Staff<br /><br /><a href="mailto:brian@usbln.org">brian@usbln.org</a></div>
<div class="usbln-blog-contact-item"><h2>Media Inquiry</h2><br />Elaine Kubik<br />Director of Marketing and Communications<br /><br /><a href="mailto:elaine@usbln.org">elaine@usbln.org</a></div>
</div>
<!--- START FEATURED ARTICLE -->
<div class="usbln-blog-feature-box">
<img class="usbln-blog-feature-image" src="http://usbln.org/wp-content/uploads/2016/09/USBLN-Inclusion.jpg">
<span class="usbln-blog-feature-title">Featured Article Title</span><br />
<span class="usbln-blog-feature-excerpt">This is an excerpt from a featured article that doesn't exist yet but will as soon as I finish writing the code for it. So for now you can just read this and imagine it is a description of a really cool article about some stuff.</span><br />
<span class="usbln-blog-feature-readmore"></span><br />
<div class="usbln-blog-feature-metabox">
<span class="usbln-blog-feature-date">Date</span><br />
Tags<br />
Share<br />
</div>
</div>
<a name="blogfeed"></a>
<div class="usbln-blog-toggle">
<a class="usbln-blog-toggle-item" href="#blogfeed" onclick="toggleVisibility('usbln-all');">All</a>
<a class="usbln-blog-toggle-item" href="#blogfeed" onclick="toggleVisibility('usbln-events');">Events</a>
<a class="usbln-blog-toggle-item" href="#blogfeed" onclick="toggleVisibility('usbln-partners');">Partners</a>
<a class="usbln-blog-toggle-item" href="#blogfeed" onclick="toggleVisibility('usbln-videos');">Videos</a>
</div>
<div class="usbln-blog-main">
<div class="usbln-blog-feed">
<div id="usbln-all">
<a href="#" class="usbln-blog-feed-title">Container One Title</a><br />
<span class="usbln-blog-feed-excerpt">Hey there, I'm a container one excerpt</span><br />
<div class="usbln-blog-feed-meta">Jan 1, 2017<br />Tags: Tag Feed</div>
<?php
//list 10 latest posts in the "Blog" category
//option to view next 10 posts
?>
</div>
<div id="usbln-events" style="display: none;">I'm container two<br />
<?php
//list 10 latest posts in the "Events" tag
//option to view next 10 posts
?></div>
<div id="usbln-partners" style="display: none;">I'm container three <br />
<?php
//list 10 latest posts in the "Partners" tag
//option to view next 10 posts
?></div>
<div id="usbln-videos" style="display: none;">I'm container four <br />
<?php
//list 10 latest posts in the "Videos" tag
//option to view next 10 posts
?></div>
</div>
<div class="usbln-blog-sidebar">
<div class="usbln-blog-sidebar-item"><span class="usbln-blog-sidebar-title">Stay Informed</span><br /><br />
<form action="http://byerscreativetulsa.createsend.com/t/j/s/qidttr/" method="post" id="subForm" class="ae-form" _lpchecked="1">
<p>
<label for="fieldEmail" class="ae-label">
<span class="screen-reader-text">Email address</span>
<input id="fieldEmail" name="cm-qidttr-qidttr" type="email" title="Email address" placeholder="Email address" required="" data-aesra-score="formFieldLabel:1;" data-ae-blurbtype="input" class="ae-form-field">
</label>
</p>
<p>
<label for="fieldName" class="ae-label">
<span class="screen-reader-text"> Name </span> <input id="fieldName" name="cm-name" type="text" title="Name" placeholder="Name" data-aesra-score="formFieldLabel:1;" data-ae-blurbtype="input" class="ae-form-field">
</label>
</p>
<p>
<button type="submit" class="ae-button ae-form-field" data-ae-blurbtype="button">Subscribe</button>
</p>
</form>
</div>
<div class="usbln-blog-sidebar-item"><span class="usbln-blog-sidebar-title">Search Articles</span>
<form role="search" method="get" class="blog-search-form" action="http://usbln.org/">
<label for="ae_input_jwvauddw" class="ae-label">
<span class="screen-reader-text">Search for:</span><br /><br />
<input type="search" class="ae-label" placeholder="Search …" value="" name="s" title="Search for:" id="ae_input_jwvauddw" data-aesra-score="formFieldLabel:1;" data-ae-blurbtype="input">
</label>
<button type="submit" class="search-submit ae-button ae-form-field" data-ae-blurbtype="button"><span class="screen-reader-text">Search</span></button>
</form>
</div>
<div class="usbln-blog-sidebar-item"><span class="usbln-blog-sidebar-title">Most Read Articles</span>
<br />php article feed<br /><br />
</div>
<div class="usbln-blog-sidebar-item"><span class="usbln-blog-sidebar-title">Key Event Dates</span><br />
<strong>July 27th</strong> | Washington D.C.<br />
<a href="http://usbln.org/event/global-disability-employment-summit/">Global Disability Employment Summit</a><br /><br />
<strong>August 21-24th</strong> | Orlando FL<br />
<a href="http://conference.usbln.org/">2017 USBLN Conference & Biz2Biz Expo</a> <br />
</div>
</div>
</div>
<?php
// If comments are open or we have at least one comment, load up the comment template
if ( comments_open() || '0' != get_comments_number() ) :
comments_template();
endif;
?>
<?php endwhile; // end of the loop. ?>
</main><!-- #main -->
</div><!-- #primary -->
</div>
<?php get_footer(); ?>/*
Theme Name: USBLN
Theme URI: http://byerscreative.com
Author: Byers Creative
Author URI: http://byerscreative.com;
Description: USBLN is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. USBLN is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Persian, Russian, Spanish, Swedish, and Turkish.
Version: 2.0.3
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usbln
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, rtl-language-support
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
USBLN is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
5.1 - Links
5.2 - Main Menu
5.3 - Social Menu
5.4 - Paging Navigation
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Header
10.0 - Widgets
11.0 - Content
11.1 - Posts and pages
11.2 - Index and Archives
11.3 - Asides
11.4 - Image Attachments
11.5 - Comments
11.6 - Author Box
12.0 - Infinite scroll
13.0 - Media
14.0 - Footer
15.0 - Columns
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body { background: #FFFFFF; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
/*outline: none;*/
height:100%;
border-bottom: 1px dotted green;
}
a:hover,
a:active {
/*outline: 0;*/
}
a img {
border: 0;
}
a:focus img {
/*outline: 2px dotted #2f851d;*/
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
font-size: 14px;
font-size: 1.8rem;
font-family: 'Lato', sans-serif;
line-height: 1.5;
color: #404040;
color: hsl(0, 0%, 25%);
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-family: 'Lato', sans-serif;
-ms-word-break: break-word;
word-break: break-word;
}
h2 {
color: #354488;
color: hsl(229, 44%, 37%);
font-weight: 600;
}
p { margin-bottom: 1.5em; }
b, strong { font-weight: bold; }
dfn, cite, em, i { font-style: italic; }
address { margin: 0 0 1.5em; }
pre {
max-width: 100%;
padding: 1.6em;
margin-bottom: 2em!important;
overflow: auto;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
background: #eee;
}
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
text-decoration: none;
background: #fff9c0;
}
sup, sub {
position: relative;
height: 0;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%; }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
background-color: #ccc;
border: 0;
}
ul, ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure { margin: 0; }
table {
width: 100%;
margin: 0 0 1.5em;
}
th { font-weight: bold; }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 1em 2em;
font-size: 16px;
font-size: 1.8rem;
font-family: 'Lato';
line-height: 1;
color: hsl(0, 0%, 100%);
background: #2f851d;
background: hsl(110, 64%, 32%);
border: none;
border-radius: 6px;
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #20612e;
background: hsl(133, 50%, 25%);
color: #ffffff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #20612e;
background: hsl(133, 50%, 25%);
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
width: 100%;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
padding: 0;
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 8px;
font-family: 'Lato', sans-serif;
color: #333;
border: 1px solid #ccc;
width: 100%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
vertical-align: top; /* Improves readability and alignment in all browsers */
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
}
.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
padding: .5rem 1rem;
margin: 1rem 0;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
color: hsl(0, 0%, 100%);
background: #84bd68;
background: hsl(100, 39%, 57%);
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
transition: all 500ms ease-in-out;
text-decoration: underline;
color: #2f851d;
color: hsl(110, 64%, 32%);
font-weight: 600;
}
main a:visited {
color: #20612e;
color: hsl(133, 50%, 25%);
}
a:hover,
a:focus,
a:active {
transition: all 500ms ease-in-out;
text-decoration: none;
/*border-bottom: 1px dotted #20612e;
box-shadow: 0px 0px 4px hsla(133, 50%, 25%, .5);*/
color: #20612e;
color: hsl(133, 50%, 25%);
}
.button, .button:visited {
display: inline-block;
padding: 1em 2em;
font-size: 16px;
font-size: 1.8rem;
font-family: 'Lato';
font-weight: 600;
line-height: 1.4;
color: #FFFFFF;
color: hsl(0, 0%, 100%);
background: #2f851d;
background: hsl(110, 64%, 32%);
border: none;
border-radius: 6px;
text-decoration: none;
}
.button:hover,
.button:focus {
background: #20612e;
background: hsl(133, 50%, 25%);
border: none;
color: #ffffff;
}
.blue,
.blue:visited {
background-color: #354488;
background-color: hsl(229, 44%, 37%);
}
.blue:hover,
.blue:focus {
background-color: #02166C;
background-color: hsl(229, 96%, 22%);
}
.half,
.half:hover,
.half:focus {
display: block;
padding: 80px 10px;
width: 48%;
float: left;
text-align: center;
margin: 0 2% 10px 0;
}
@media only screen and (max-width: 600px) {
.half,
.half:hover,
.half:focus {
width: 100%;
margin: 0 0 10px 0;
}
}
/*--------------------------------------------------------------
5.2 Main Menu
--------------------------------------------------------------*/
.site-header {
position: relative;
display: block;
width: 100%;
clear: both;
background: #354488;
/*background: hsl(229, 44%, 37%); */
}
.home .site-header {
margin-bottom: 0;
}
.main-navigation {
float: left;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
position: relative;
float: left;
}
.main-navigation a {
font-family: 'Lato', sans-serif;
display: block;
padding: 15px 1.6em;
font-size: 20px;
font-size: 2.0rem;
text-decoration: none;
line-height: 1.2;
color: #ffffff;
border: none;
font-weight: 400;
}
.main-navigation ul ul {
position: absolute;
left: 0;
z-index: 99999;
display: none;
float: left;
padding: 0;
background: #2f851d;
background: hsl(110, 64%, 32%);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
font-size: 16px;
font-size: 1.6rem;
}
.main-navigation ul ul li { }
@media only screen and (min-width: 600px) {
.main-navigation li:hover > a,
.main-navigation li > a:focus {
color: #fff;
color: hsl(0, 0%, 100%);
background: #02166c;
background: hsl(229, 96%, 22%);
}
}
.main-navigation ul ul :hover > a { }
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
background: #20612e;
background: hsl(133, 50%, 25%);
}
.main-navigation ul li:hover > ul { display: block; }
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
color: #ffffff;
color: hsl(0, 0%, 100%);
background: #02166c;
}
.main-navigation .current_page_ancestor {
background: #4d4d4d;
background: hsl(0, 0%, 30%);
}
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
color: #fff;
color: hsl(0, 0%, 100%);
background: #313131;
background: hsl(0, 0%, 19%);
}
/* Small menu */
.menu-toggle {
display: none;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.main-navigation {
width: 100%;
}
.menu-toggle {
display: block;
height: 3.9em;
padding: 0;
font-weight: normal;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
line-height: 3.75;
color: white;
margin-bottom: 0;
}
.menu-toggle a:hover,
.menu-toggle a:focus {
background: #02166C;
background: hsl(229, 96%, 22%);
}
.main-navigation.toggled .nav-menu {
display: block;
border-top: 1px solid;
border-top-color: #fff;
border-top-color: hsla(0, 0%, 100%, .5);
}
.main-navigation ul {
display: none;
padding-left: 0;
}
.main-navigation li { float: none; }
.main-navigation li a { padding: 16px; }
.main-navigation li li a { padding-left: 2em; }
.main-navigation li li li a { padding-left: 3em; }
/*.main-navigation li:hover > a,
.main-navigation li > a:focus {
background: #313131;
background: hsl(0, 0%, 19%);
}*/
.main-navigation ul ul,
.main-navigation ul ul ul {
position: relative;
top: inherit;
left: 0;
display: block;
float: none;
background: #354488;
background: hsl(229, 44%, 37%);
}
.main-navigation ul ul a { width: 100%; }
.main-navigation ul a:hover,
.main-navigation ul ul a:hover,
.main-navigation ul a:focus,
.main-navigation ul ul a:focus{
background: #354488;
background: hsl(229, 44%, 37%);
text-decoration: underline;
}
.main-navigation .current_page_ancestor { background: inherit; }
.main-navigation ul ul .current_page_parent {
color: inherit;
background: inherit;
}
.main-navigation .current_page_item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current_page_item li:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current_page_item li:focus {
color: #fff;
color: hsl(0, 0%, 100%);
background: none;
}
.main-navigation .current_page_parent .current_page_item > a,
.main-navigation .current_page_item > a {
font-weight: 600;
background: none;
}
.main-navigation .current_page_item > a:before,
.main-navigation .current_page_parent .current_page_item > a:before {
content: ' » ';
}
} /* End responsive menu */
/*--------------------------------------------------------------
5.3 Social Menu
--------------------------------------------------------------*/
.menu-social ul {
float: right;
text-align: center;
list-style: none;
margin-bottom: 0;
}
.menu-social ul li {
position: relative;
display: inline-block;
}
.menu-social li a:before {
display: inline-block;
vertical-align: top;
padding: 0 5px;
font-family: 'Fontawesome';
font-size: 20px;
color: #333333;
-webkit-font-smoothing: antialiased;
content: '\f08e';
font-weight: 400;
}
.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }
.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }
.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }
.menu-social li a[href*="foursquare.com"]::before { content: '\f180'; }
.menu-social li a[href*="github.com"]::before { content: '\f09b'; }
.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }
.menu-social li a[href*="jsfiddle.com"]::before { content: '\f1cc'; }
.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; }
.menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; }
.menu-social li a[href*="stackoverflow.com"]::before { content: '\f16c'; }
.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }
.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }
.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }
.menu-social li a[href*="vine.co"]::before { content: '\f1ca'; }
.menu-social li a[href*="yelp.com"]::before { content: '\f1e9'; }
.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }
.menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; }
@media screen and (max-width: 1000px) {
.menu-social ul {
display: block;
float: none;
clear: both;
}
.menu-social li a {
padding-left:.5em;
padding-right: .5em;
}
}
/*--------------------------------------------------------------
5.4 Paging Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
font-size: 16px;
font-size: 1.8rem;
font-family: 'Lato', sans-serif;
color: #000;
color: hsl(0, 0%, 0%);
}
.post-nav-box {
padding: 2em 0;
margin-bottom: 4em;
border-top: hsl(0, 0%, 80%) solid 1px;
border-bottom: hsl(0, 0%, 80%) solid 1px;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
padding-right: 15%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
padding-left: 15%;
text-align: right;
}
.nav-indicator { margin-bottom: 1em; }
.nav-previous h1,
.nav-next h1 { font-weight: 900; }
.nav-previous h3,
.nav-next h3 { font-size: 16px; font-size: 1.8rem; }
.comment-navigation {
padding: 1em 0;
margin: 3em 0;
border-top: hsl(0, 0%, 80%) solid 1px;
border-bottom: hsl(0, 0%, 80%) solid 1px;
}
.comment-navigation i { margin: 0 1em; }
@media screen and (max-width: 600px) {
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.post-navigation .nav-next {
float: none;
width: 100%;
padding: 0;
text-align: left;
}
.comment-navigation .nav-next,
.post-navigation .nav-next { margin-top: 4rem; }
}
.paging-navigation ul { margin: 0; }
.paging-navigation li { display: inline; }
a.page-numbers,
span.page-numbers {
padding: .3em .7em;
color: #333;
color: hsl(0, 0%, 20%);
}
a:hover.page-numbers,
a:focus.page-numbers{
color: #000;
color: hsl(0, 0%, 0%);
}
.paging-navigation .current {
font-weight: bold;
color: #000;
color: hsl(0, 0%, 0%);
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000; /* Above WP toolbar */
clip: auto !important;
display: block;
width: auto;
height: auto;
padding: 15px 23px 14px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
line-height: normal;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
/* WP Accessibility Plugin a11y toolbar */
.toolbar-1 .widget {
list-style: none;
margin: 0;
height: 0;
position: relative;
}
.a11y-toolbar-widget {
position: absolute;
z-index: 99999;
top: 0;
right: 0;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.a11y-toolbar-widget ul {
margin: 0!important;
padding: 0!important;
}
.a11y-toolbar-widget ul li {
margin: 0;
padding: 0;
display: block;
float: left;
}
.a11y-toolbar-widget ul li a {
font-size: 1.6em;
padding: .5em .5em;
display: block;
background: #FFFFFF;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #d2d2d2;
}
.a11y-toolbar-widget a {
color: #000 !important;
}
.a11y-toolbar-widget a.active {
color: #fff !important;
}
.a11y-toolbar-widget ul li a:hover,
.a11y-toolbar-widget ul li a:focus {
background: #ececec;
}
.a11y-toolbar-widget ul li a.active {
background: #181818;
border-bottom: 1px solid #525252;
}
.a11y-toolbar-widget ul li:first-child a {
border-bottom-left-radius: 20px;
border-left: 1px solid #d2d2d2;
padding-left: 1em;
}
.a11y-toolbar-widget ul li:last-child a {
border-bottom-right-radius: 20px;
border-right: 1px solid #d2d2d2;
padding-right: 1em;
}
.a11y-toolbar-widget .offscreen, .a11y_stylesheet_path {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
/*.a11y-toolbar {
top: 198px;
left: inherit;
right: 200px;
}
.a11y-toolbar ul li {
float: left;
}
.a11y-toolbar ul li a {
padding: .5em .5em;
background: #FFFFFF;
border-bottom: 1px solid #d2d2d2;
border-top: none;
}
.a11y-toolbar-widget ul li:first-child a {
border-bottom-left-radius: 20px;
border-left: 1px solid #d2d2d2;
}
.a11y-toolbar-widget ul li:last-child a {
border-bottom-right-radius: 20px;
border-right: 1px solid #d2d2d2;
}*/
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-bottom: 1em;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin: 0 auto 1.6em;
clear: both;
}
/* Alignment responsive
@media screen and (min-width: 1320px) {
.alignleft { margin-left: -160px; }
}
@media screen and (min-width: 1820px) {
.alignright { margin-right: -160px; }
}*/
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.container:before,
.container:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: ' ';
display: table;
}
.clear:after,
.container:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after { clear: both; }
/*--------------------------------------------------------------
9.0 Header
--------------------------------------------------------------*/
.container {
width: 1140px;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.container {
width: 950px;
}
}
@media only screen and (max-width: 1000px) {
.container {
width: 768px;
}
}
@media only screen and (max-width: 768px) {
.container {
width: 600px;
}
}
@media only screen and (max-width: 600px) {
.container {
width: 420px;
}
}
@media only screen and (max-width: 480px) {
.container {
width: 300px;
}
}
.top-bar {
padding: 1rem 0;
text-align: center;
background: #FFFFFF;
background: hsl(0, 0, 100%);
}
.title-box {
width: 600px;
max-width: 75%;
padding: 4rem;
margin: 0 auto;
border: solid 1px #fff;
border: solid 1px hsla(0, 0%, 100%, .3);
}
.logo {
display: block;
float: left;
}
@media screen and (max-width: 1000px) {
.logo {
float: none;
clear: both;
margin: 15px auto;
}
}
.logo img {
width: 428px;
margin-top: 15px;
}
.site-title {
font-weight: 700;
font-size: 40px;
font-size: 4.5rem;
line-height: normal;
padding-bottom: 1rem;
}
.site-description {
font-weight: 300;
font-size: 20px;
font-size: 2rem;
}
.site-branding a { text-decoration: none; }
.site-title a,
.site-description {
color: #fff;
color: hsl(0, 0%, 100%);
}
.header-image img {
display: block;
margin: 0 auto;
}
.header-background-image {
background: no-repeat center;
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
}
.header-background-image .title-box {
background: #333;
background: hsla(0, 0%, 0%, .7);
}
/* Header responsive */
@media screen and (max-width: 900px) {
.site-branding { padding: 0; }
.title-box {
max-width: 100%;
margin: 0 auto;
padding: 4rem;
border: none;
}
}
@media screen and (max-width: 399px) {
.title-box { padding: 2rem; }
}
/* Header search */
.search-form {
float: right;
}
input.search-field {
width: 322px;
height: 38px;
float: left;
border: 1px solid #333333;
border-right: none;
border-radius: 0;
-webkit-border-radius: 0;
}
@media only screen and (max-width: 1000px) {
.search-form {
float: none;
clear: both;
margin: 0 auto;
width: 373px;
}
}
@media only screen and (max-width: 480px) {
input.search-field {
width: 225px;
}
}
.search-box {
padding: 1em 0;
clear: right;
}
.masthead .search-field {
max-width: 362px;
float: right;
clear: right;
/*padding: 1rem 2rem 1rem 4rem;*/
font-size: 16px;
font-size: 1.6rem;
background-color: #fff;
border: 1px solid #333333;
}
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
.search-submit:before {
content: "\f002";
position: relative;
color: #FFFFFF;
}
button.search-submit {
height: 38px;
border-radius: 0;
padding: 0 1em;
float: left;
}
.hide { display: none; }
.page-id-1944 h1.entry-title,
.page-id-116 h1.entry-title,
.page-id-120 h1.entry-title,
.page-id-128 h1.entry-title,
.page-id-124 h1.entry-title,
.page-id-126 h1.entry-title {
display: none;
}
/*.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }/*
@media screen and (max-width: 600px) {
.search-toggle {
position: absolute;
top: 0;
right: 0;
margin-right: 0;
}
}
/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1em;
}
.widget-title {
margin-bottom: 1em;
font-size: 24px;
font-size: 2.4rem;
}
h4.widget-title {
color: #354488;
color: hsl(229, 44%, 37%);
font-size: 21px;
font-size: 2.1rem;
}
.widget ul,
.widget ol {
padding: 0;
margin: 0;
list-style-type: none;
}
.widget li { padding: 0 0 1em; }
.widget li ul,
.widget li ol { margin-top: 0; }
.widget li li { margin-left: 1.5em; }
.widget_nav_menu a,
.widget_pages a {
display: block;
padding: 1em 0;
}
.widget_nav_menu li,
.widget_pages li { padding-top: 0; }
.widget_rss li { margin-bottom: .5em; }
.widget_rss .rss-date,
.widget_rss cite {
display: block;
font-size: 85%;
}
.widget .entry-title {
font-size: 16px;
font-size: 1.6rem;
}
/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }
/* Footer Widgets */
.footer-widgets { margin: 2em auto; }
.footer-widgets .widget-title,
.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus {
color: #fff;
color: hsl(0, 0%, 100%);
border: none;
}
.footer-widgets a {
text-decoration: none;
display: inline;
}
.footer-widgets a:hover,
.footer-widgets a:focus {
text-decoration: underline;
}
.gb-page-hierarchy-widget .widget-title {
font-size: 16px;
font-size: 1.8rem;
border: none;
}
.gb-page-hierarchy-widget li {
margin-left: 1em;
}
.gb-page-hierarchy-widget .submenu {
margin: 0;
}
.gb-page-hierarchy-widget .submenu li {
margin-left: 2em;
}
ul.ecs-event-list {
list-style: none;
margin-left: 0;
}
.ecs-event-list h4.entry-title {
font-size: 16px;
font-size: 1.8rem;
}
@media only screen and (min-width: 1200px) {
.home ol.tribe-list-widget,
.home .widget_recent_entries ul {
height: 257px;
}
}
.tribe-events-list-widget ol li {
margin-bottom: 0;
}
/* Sidebar Widgets */
#secondary {
font-size: 16px;
font-size: 1.6rem;
}
#secondary a {
font-weight: 400;
}
/* Did You Know? Widget */
.arpw-widget-random .widget-title {
display: block;
background-color: #354488;
background-color: hsl(229, 44%, 37%);
color: white;
padding: .75em;
border-radius: 10px;
text-align: right;
font-size: 30px;
font-size: 3.0rem;
text-transform: uppercase;
font-weight: 600;
line-height: 1.15;
margin-bottom: .5em;
}
.arpw-widget-random .widget-title:before {
content: '\f059';
font-family: 'Fontawesome';
display: block;
float: left;
font-size: 84px;
font-size: 8.4rem;
line-height: .85;
}
@media only screen and (min-width: 481px) and (max-width: 1200px) {
.arpw-widget-random .widget-title:before {
font-size: 34px;
font-size: 3.4rem;
line-height: 1;
}
}
/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { }
.hentry { margin: 0 0 1.5em; }
.updated { display: none; }
.single .byline,
.group-blog .byline { display: inline; }
.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }
.page-links {
margin: 0 0 1.5em;
clear: both;
}
.entry-title, .entry-title a {
margin: 0 0 2rem;
font-family: 'Droid Serif', Georgia, serif;
font-weight: 400;
font-style: italic;
font-size: 36px;
font-size: 3.6rem;
text-decoration: none;
line-height: 1.3;
color: #2f851d;
color: hsl(110, 64%, 32%);
}
.entry-content a { text-decoration: underline; }
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: .4em; }
h1 {
font-size: 32px;
font-size: 3.2rem;
}
h2 {
font-size: 28px;
font-size: 2.6rem;
}
h3 {
font-size: 24px;
font-size: 2.4rem;
}
.h4 {
font-size: 16px;
font-size: 1.8rem;
}
h5 {
font-size: 16px;
font-size: 1.6rem;
}
h6 {
font-size: 14px;
font-size: 1.4rem;
}
p,
.entry-content ul,
.entry-content ol {
font-size: 16px;
font-size: 1.8rem;
line-height: 1.6;
}
main li {
margin-bottom: .5em;
}
.entry-content blockquote p {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.5;
}
blockquote cite {
font-size: 16px;
font-size: 1.8rem;
}
/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
.entry-title {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.3;
}
.entry-content h1 {
font-size: 28px;
font-size: 2.8rem;
}
.entry-content h2 {
font-size: 26px;
font-size: 2.6rem;
}
.entry-content h3 {
font-size: 24px;
font-size: 2.4rem;
}
.entry-content h4 {
font-size: 22px;
font-size: 2.2rem;
}
.entry-content h5 {
font-size: 20px;
font-size: 2rem;
}
.entry-content h6 {
font-size: 16px;
font-size: 1.8rem;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
font-size: 16px;
font-size: 1.8rem;
}
.entry-content blockquote p {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.5;
}
blockquote cite {
font-size: 14px;
font-size: 1.4rem;
}
}
/* Blockquotes */
blockquote {
padding: 1em 1.5em 0;
margin-bottom: 1em;
font-style: italic;
border-top: solid 1px hsl(0, 0%, 80%);
border-bottom: solid 1px hsl(0, 0%, 80%);
}
blockquote.alignleft {
float: left;
width: 50%;
padding: 1em 0 0;
margin-right: 2em;
}
blockquote.alignright {
float: right;
width: 50%;
padding: 1em 0 0;
margin-left: 2em;
}
.index-box blockquote.alignleft,
.index-box blockquote.alignright {
background: #fff;
background: hsl(0, 0%, 100%);
border: none;
}
blockquote em {
font-style: normal;
}
blockquote cite {
display: block;
margin-top: 1em;
margin-left: 40%;
font-family: 'Lato', sans-serif;
font-style: normal;
line-height: 1.5;
text-align: right;
}
/* Blockquotes responsive */
@media screen and (min-width: 1820px) {
.index-box blockquote.alignright { padding-right: 2em; }
}
@media screen and (min-width: 1320px) {
.index-box blockquote.alignleft { padding-left: 2em; }
}
@media screen and (max-width: 780px) {
blockquote.alignleft,
blockquote.alignright { width: 40%; }
}
@media screen and (max-width:600px) {
blockquote.alignleft,
blockquote.alignright {
width: 100%;
padding: 1em 1.5em 0;
}
}
/* Image borders for white-on-white images */
.border-gray {
border: #b9b9b9 solid 1px;
border: hsl(0, 0%, 75%) solid 1px;
}
.border-black {
border: #000 solid 1px;
border: hsl(0, 0%, 0%) solid 1px;
}
.border-custom {
border: #6DBCDB solid 1px;
border: hsl(19, 95%, 38%) solid 1px;
}
/* Meta */
.category-list {
margin: 1.3em 0 1em;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-size: 1.6rem;
}
.category-list a {
color: #333;
color: hsl(0, 0%, 20%);
}
.category-list a:hover,
.category-list a:focus {
color: #000;
color: hsl(0, 0%, 0%);
}
.entry-meta {
margin-bottom: 2rem;
padding: 0;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
.entry-meta a { font-weight: 600; }
/* Hides 'on' and '.' in post meta on wide screens. */
.mobile-hide {
display: inline;
}
/* Meta responsive */
@media screen and (min-width: 1320px) {
.single .entry-meta {
position: absolute;
width: 120px;
margin-left: -160px;
text-align: right;
}
.single .byline,
.single .posted-on,
.single .comments-link {
display: block;
margin-bottom: 1em;
}
.single .author { display: block; }
.single .mobile-hide {
display: none;
}
}
.entry-footer {
margin-top: 3rem;
margin-bottom: 5rem;
font-family: 'Lato', sans-serif;
}
.entry-footer ul {
padding: 0;
margin: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
list-style-type: none;
}
.entry-footer li {
display: inline-block;
margin-right: 4rem;
}
.entry-footer i { margin-right: .5rem; }
.page-template-full-width-page .vc_row {
margin-left: 0px;
margin-right: 0px;
}
/**************************
Partner Login
**************************/
.partner-section {
padding: 15px;
margin-bottom: 5px;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
}
/**************************
Partner Logos
**************************/
.cr3_sponsor_image img {
max-height: 160px;
width: auto;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
transition: 500ms;
vertical-align: middle;
}
.strategic-alliances .cr3_sponsor_image img {
padding: 15px 0;
}
.cr3_sponsor_image img:hover,
.cr3_sponsor_image img:focus {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
filter: none;
transition: 500ms;
}
.cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
float:left;
text-align: center;
width: 25%;
padding-right: 50px;
margin-right: 0;
margin-bottom: 0;
}
.cr3_sponsorwrapper .fours-column:nth-of-type(4n+4) {
padding-right: 0px;
}
.cr3_sponsorwrapper .threes-column {
margin-right:0;
margin-bottom: 0;
width:33.3%;
padding-right: 50px;
}
.cr3_sponsorwrapper .threes-column:nth-of-type(3n+3) {
padding-right: 0;
}
.cr3_sponsorwrapper .twos-column {
margin-right:0;
margin-bottom: 0;
width:50%;
padding-right: 50px;
}
.cr3_sponsorwrapper .twos-column:nth-of-type(2n+2) {
padding-right: 0;
}
.cr3_sponsorwrapper .ones-column {
width: 100%;
}
@media only screen and (max-width: 640px) {
.cr3_sponsorwrapper .fours-column {
margin-right:0;
margin-bottom: 0;
width:50%;
padding-right: 50px;
padding-bottom: 50px;
}
.cr3_sponsorwrapper .fours-column:nth-of-type(2n+2) {
padding-right: 0;
}
}
@media only screen and (max-width: 480px) {
.cr3_sponsorwrapper .fours-column, .cr3_sponsorwrapper .threes-column, .cr3_sponsorwrapper .twos-column {
width: 100%;
padding-right: 0;
}
}
@media only screen and (max-width: 320px) {
}
/**************************
Staff Grid
**************************/
.wpb_teaser_grid_staff-member {
text-align: center;
}
.wpb_teaser_grid_staff-member .entry-content {
font-style: italic;
}
.wpb_teaser_grid_staff-member img {
border-radius: 1000px;
border: 5px solid #ececec;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}
.wpb_teaser_grid_staff-member ul {
margin: 0;
}
/**************************
News Room
**************************/
.wpb_thumbnails h2 {
font-size: 16px;
font-size: 1.8rem;
}
.wpb_thumbnails .entry-content {
font-size: 14px;
font-size: 1.4rem;
}
/*--------------------------------------------------------------
11.2 Index and Archive
--------------------------------------------------------------*/
.taxonomy-description {
padding-top: 2rem;
margin: 2rem 0;
font-family: 'Lato', sans-serif;
font-style: italic;
border-top: 1px solid hsl(0, 0%, 75%);
border-bottom: 1px solid hsl(0, 0%, 75%);
}
.sticky-post {
position: absolute;
top: 1rem;
right: 3rem;
}
.continue-reading {
margin: 0;
font-weight: 900;
font-size: 16px;
font-size: 1.8rem;
}
.entry-footer hr {
margin: 1.5em 0;
}
.continue-reading i { margin-left: .5em; }
.search-no-results .content-area,
.error404 .content-area { margin-top: 4rem; }
/*--------------------------------------------------------------
11.3 Asides
--------------------------------------------------------------*/
.format-aside .entry-content { margin-top: 1em; }
/*--------------------------------------------------------------
11.4 Image Attachments
--------------------------------------------------------------*/
.attachment .entry-title { margin-top: .7em; }
.entry-attachment { margin-bottom: 3rem; }
.attachment-caption {
font-size: 14px;
font-size: 1.4rem;
font-family: 'Lato', sans-serif;
}
/*--------------------------------------------------------------
11.5 Comments
--------------------------------------------------------------*/
.comments-title {
font-weight: 900;
font-size: 36px;
font-size: 3.6rem;
}
.comments-area > ol {
padding: 0;
margin: 2em 0;
list-style-type: none;
}
ol.children { list-style-type: none; }
.comment-author .avatar {
display: block;
float: left;
width: 50px;
margin-right: 20px;
}
.comment-author .fn {
font-weight: 900;
font-family: 'Lato', sans-serif;
font-size: 20px;
font-size: 2rem;
}
.comment-metadata {
font-size: 14px;
font-size:1.4rem;
}
.comment-meta { margin-bottom: 1em; }
.comment-content { font-size: 90%; }
.comment-content,
.reply { margin-left: 70px; }
.comment-body {
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: solid hsl(0, 0%, 80%) 1px;
}
.comment-list ol { margin-left: 50px; }
.comment-content a { word-wrap: break-word; }
.reply {
font-weight: 600;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Lato', sans-serif;
}
.comment-content ol { margin-left: 1.5em; }
.bypostauthor > .comment-body {
position: relative;
padding: 1em;
margin-bottom: 2em;
background: hsl(0, 0%, 93%);
border: none;
}
/* Comments responsive */
@media screen and (max-width:600px) {
.comment-list ol { margin-left: 0; }
.comment-content ol { margin-left: 1.5em; }
.comment-content,
.reply { margin-left: 0; }
}
.comment-reply-title {
margin-bottom: .5em;
font-weight: 900;
font-size: 30px;
font-size: 3rem;
}
.comment-form {
padding-bottom: 4rem;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-size: 1.6rem;
}
.comment-form textarea {
font-family: 'PT Serif', serif;
font-size: 16px;
font-size: 1.8rem;
}
.comment-form label { display: block; }
.required { color: red; }
/*--------------------------------------------------------------
11.6 Author Box
--------------------------------------------------------------*/
.reveal-bio {
max-width: 780px;
max-width: 78rem;
margin: 0 auto;
background: #fff;
}
.reveal-bio a {
display: block;
padding: 2rem 0;
margin: 0 auto;
font-weight: 700;
font-size: 26px;
font-size: 2.6rem;
color: #bfbfbf;
color: hsl(0, 0%, 75%);
text-align: center;
}
.reveal-bio a:hover,
.reveal-bio a:focus {
text-decoration: none;
color: #000;
color: hsl(0, 0%, 0%);
}
.shorter { padding: 0 0 4rem!important; }
.hide-fix {
padding: 0!important;
margin-bottom: 2rem!important;
}
.author-info {
padding-top: 1rem;
margin: 0 4rem;
}
.author-avatar {
float: left;
margin: 0 2rem 0 0;
}
.author-avatar img { display: block; }
.author-title {
margin-bottom: .8rem;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
}
.author-meta {
border-bottom: 16px solid hsl(0, 0%, 95%);
margin-bottom: 2rem;
font-family: 'Lato', sans-serif;
}
.share-and-more {
padding: .1rem 0 1.1rem;
font-weight: 700;
font-size: 16px;
font-size: 1.6rem;
}
.author-social-media { display: inline-block; }
.author-social-media a {
margin-left: 1.5rem;
color: #000;
color: hsl(0, 0%, 0%);
}
.author-social-media a:hover,
.author-social-media a:focus { text-decoration: none; }
a.author-link {
font-weight: 900;
font-family: 'Lato', sans-serif;
color: #000;
color: hsl(0, 0%, 0%);
}
.author-link i { margin-left: 1rem; }
.author-meta,
.author-description { margin-left: 12rem; }
/* Author Box responsive */
@media screen and (max-width: 600px) {
.author-meta,
.author-description { margin-left: 0; }
}
/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-bottom: 0;
margin-top: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text,
.gallery-caption {
padding: 0.8075em 1em;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Lato', sans-serif;
background: #e5e5e5;
background: hsl(0, 0%, 90%);
}
.site-main .gallery { margin-bottom: 1.5em; }
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
max-height: 50%;
width: 100%;
padding: 6px 8px;
margin: 0;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: left;
background-color: hsla(0, 0%, 0%, .8);
opacity: 0;
}
.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption{ opacity: 1; }
.site-main .gallery a img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border: none;
}
.site-main .gallery-item {
position: relative;
float: left;
max-width:100%;
margin-right: 3.333333333%;
margin-bottom: 3rem;
overflow: hidden;
background: #333;
}
.site-main .gallery dd,
.site-main .gallery figcaption { margin: 0; }
.site-main .gallery-columns-4 .gallery-item { }
.site-main .gallery-columns-4 .gallery-item img { }
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%; }
/* Featured Images */
.front-index-thumbnail { margin-bottom: -3.2em; }
@media screen and (max-width: 779px){
.front-index-thumbnail { margin-bottom: 0; }
}
.single-post-thumbnail img,
.front-index-thumbnail img {
display: block;
margin: 0 auto;
}
.has-thumbnail {
position: relative;
margin-top: -8em;
}
/*
.small-index-thumbnail { margin-top: -1em; }
*/
/*--------------------------------------------------------------
14 Footer
--------------------------------------------------------------*/
.site-footer {
font-size: 16px;
font-size: 1.6rem;
font-family: 'Lato';
color: #fff;
color: hsl(0, 0%, 100%);
background: #354488;
background: hsl(229, 44%, 37%);
border-top: 6px solid #2f851d;
}
.site-footer a {
color: #fff;
color: hsl(0, 0%, 100%);
font-weight: 400;
}
.site-info {
text-align: center;
background: #02166c;
background: hsl(229, 96%, 22%);
padding: 1em;
}
/*--------------------------------------------------------------
15 Home Page
--------------------------------------------------------------*/
.vc_row .container {
margin-left: auto!important;
margin-right: auto!important;
padding: 20px 0;
}
.home article header {
display: none;
}
/*
.home-banner {
background: #ececec url("/wp-content/uploads/2016/04/gray-background.jpg") center;
}
.home-banner h1 {
color: #30861d;
font-family: 'Droid Serif', Georgia, serif;
font-style: italic;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.27;
padding: 100px 0;
}
*/
.value-prop .wpb_column {
margin-bottom: 30px;
}
.value-prop h2 {
font-size: 32px;
font-size: 3.2rem;
font-weight: 400;
color: #333333;
color: hsl(0, 0%, 20%);
}
.gray-section {
background: #ececec;
}
.secondary {
float: left;
}
div.breadcrumbs {
position: relative;
z-index: 10;
}
.breadcrumbs p {
position: absolute;
padding: 20px 25px;
font-size: 16px;
font-size: 1.6rem;
}
.breadcrumbs a{
font-weight: 400;
}
.home .breadcrumbs {
display: none;
}
/**************************
Andrew's Custom Styles
**************************/
/* Rules */
p, li {
font-size: 16px;
}
.main-navigation a {
font-size: 16px;
}
.no-gap {
padding: 0;
margin: 0;
}
/* Misc */
.single-staff-member .single-post-thumbnail {
display: none !important;
}
/* Fonts */
h1, h2, h3 {
font-family: 'Droid Serif', serif;
}
h1 {
font-style: italic;
font-weight: 700;
}
h2, h3 {
font-weight: 400;
}
h4, h5, h6, p, li {
font-family: 'Open Sans', sans-serif;
}
/* Footer */
.site-footer {
background: #2f851d url('/wp-content/themes/usbln/images/shattered_blue.png');
position: relative;
z-index: 2;
}
/* Body */
body {
background: #ddd url(/wp-content/themes/usbln/images/cream_pixels.png) !important;
}
/* Staff Grid */
.vc_grid-item {
text-align: center;
}
.staff-grid .vc_grid-item .vc_gitem-post-data h4 {
text-align: center !important;
font-weight: 600;
text-decoration: underline !important;
}
.vc_grid-item .vc_gitem-post-data p {
font-style: italic;
font-size: 1.4rem;
}
.vc_grid-item .vc_gitem-post-data {
margin-bottom: -15px;
}
.vc_gitem-zone-a {
border-radius: 1000px;
border: 5px solid #ececec;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
margin: 0 auto;
margin-bottom: 10px;
width: 125px;
}
.staff-grid .vc_btn3-container.vc_btn3-left {
text-align: center !important;
}
.staff-grid .vc_btn3-container.vc_btn3-left a {
background-color: transparent !important;
color: #20612e !important;
box-sizing: initial !important;
transition: none !important;
border: none !important;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
}
.staff-grid .vc_btn3-container.vc_btn3-left a:hover {
color: #2f851d !important;
text-decoration: none;
}
.vc_grid-item ul {
margin: 0;
}
.staff-grid .vc_gitem-zone.vc_gitem-zone-c {
background-color: transparent !important;
}
/* Logo Grid */
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 24%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
.procurement-top .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-bottom: 0;
margin-bottom: -75px;
}
.procurement-top a.vc_single_image-wrapper {
height: 150px;
line-height: 150px;
}
.procurement-top a.vc_single_image-wrapper img {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
transition: 500ms;
vertical-align: middle;
}
.procurement-top a.vc_single_image-wrapper:hover img {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
filter: none;
filter: grayscale(0%);
}
.logo-grid .cr3_sponsorwrapper {
}
.logo-grid .cr3_sponsorwrapper .fours-column {
}
.tech-partner.logo-grid .cr3_sponsorwrapper .fours-column {
margin: 0 auto;
width: 100%;
border: none;
}
.drmw-presenting.logo-grid .cr3_sponsorwrapper .twos-column {
text-align: center;
padding: 0 25px;
}
.drmw-presenting.logo-grid .cr3_sponsorwrapper .twos-column img {
padding: 25px;
}
.drmw-presenting.logo-grid .cr3_sponsorwrapper .twos-column:first-child img {
float: right;
}
.drmw-presenting.logo-grid .cr3_sponsorwrapper .twos-column:last-child img {
float: left;
}
.tour-partners-logo-wrapper {
margin-top: -50px;
}
/* GFG Grid */
.gfg-logos img {
padding: 20px 0;
}
.gfg-grid .cr3_sponsorwrapper img {
display: block;
margin: 0 auto;
}
.gfg-grid .cr3_sponsorwrapper .ones-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: 10px;
width: 99%;
}
.gfg-grid .cr3_sponsorwrapper .ones-column p {
margin-top: 50px;
}
.gfg-grid .cr3_sponsor_image {
max-height: 125px;
}
.gfg-grid .cr3_sponsorwrapper {
}
.gfg-grid .cr3_sponsorwrapper .ones-column {
}
/* News Grid */
.news-grid .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
text-align: left;
}
.news-grid .vc_btn3-container.vc_btn3-left a {
background-color: transparent !important;
color: #20612e !important;
box-sizing: initial !important;
transition: none !important;
border: none !important;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.news-grid .vc_btn3-container.vc_btn3-left a:hover {
color: #2f851d !important;
text-decoration: none;
}
.news-grid .vc_gitem-zone.vc_gitem-zone-c {
background-color: transparent !important;
}
.news-grid .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link {
display: none;
}
/* News Feature */
.news-feature .vc_gitem-zone-a {
border-radius: 0;
width: 100%;
border: none;
box-shadow: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
max-height: 250px;
background-position: center;
}
.news-feature .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
text-align: left;
}
.news-feature .vc_btn3-container.vc_btn3-left a {
background-color: transparent !important;
color: #20612e !important;
box-sizing: initial !important;
transition: none !important;
border: none !important;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.news-feature .vc_btn3-container.vc_btn3-left a:hover {
color: #2f851d !important;
text-decoration: none;
}
.news-feature .vc_gitem-zone.vc_gitem-zone-c {
background-color: transparent !important;
}
.news-feature .vc_grid-item.vc_clearfix.vc_col-sm-12.vc_grid-item-zone-c-bottom.vc_visible-item {
padding-bottom: 0;
}
/* Events Grid */
.events-grid .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
text-align: left;
}
.events-grid .vc_btn3-container.vc_btn3-left a {
background-color: transparent !important;
color: #20612e !important;
box-sizing: initial !important;
transition: none !important;
border: none !important;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.events-grid .vc_btn3-container.vc_btn3-left a:hover {
color: #2f851d !important;
text-decoration: none;
}
.events-grid .vc_gitem-zone.vc_gitem-zone-c {
background-color: transparent !important;
}
.events-grid .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link {
display: none;
}
/* Newsfeed */
.page-id-47 .site-content .container,
.page-id-53 .site-content .container {
padding: 0;
padding-top: 100px;
background: transparent;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
}
.page-id-53 .vc_column-inner {
padding-left: 0 !important;
}
.page-id-53 h1.entry-title,
.page-id-53 .breadcrumbs {
display: none;
}
.news-feature {
padding: 15px;
padding-bottom: 32px;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
height: 525px;
}
.news-grid {
padding: 15px;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
}
.events-grid {
padding: 25px;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
height: 525px;
}
.media-grid {
padding: 25px;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
}
.blog-grid .vc_grid-item.vc_clearfix.vc_col-sm-12.vc_grid-item-zone-c-bottom.vc_visible-item {
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
border-radius: 3px;
width: 95%;
margin-bottom: 25px;
}
.blog-grid .vc_grid-item-mini.vc_clearfix {
padding: 25px;
}
/* Connect */
.connect-social-media .vc_column_container>.vc_column-inner {
padding: 0;
}
.connect-social-media .vc_icon_element-inner.vc_icon_element-color-white.vc_icon_element-have-style-inner.vc_icon_element-size-xs.vc_icon_element-style-rounded.vc_icon_element-background.vc_icon_element-background-color-custom {
margin-left: -35px;
}
/* Blog */
.page-id-49 .site-content .container {
padding: 0;
padding-top: 100px;
background: transparent;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
}
.blog-grid .vc_gitem-zone-a {
border-radius: 0;
width: 100%;
border: none;
box-shadow: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 25px 0;
max-height: 250px;
background-position: center;
padding-right: 25px;
overflow: hidden;
}
.blog-grid .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
text-align: left;
}
.blog-grid .vc_btn3-container.vc_btn3-left a {
background-color: transparent !important;
color: #20612e !important;
box-sizing: initial !important;
transition: none !important;
border: none !important;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.blog-grid .vc_btn3-container.vc_btn3-left a:hover {
color: #2f851d !important;
text-decoration: none;
}
.blog-grid .vc_gitem-zone.vc_gitem-zone-c {
background-color: transparent !important;
}
.blog-grid .vc_grid-item.vc_clearfix.vc_col-sm-12.vc_grid-item-zone-c-bottom.vc_visible-item {
padding-bottom: 0;
}
.blog-grid .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover {
overflow: hidden;
}
/* Mapplic Plugin */
.mapplic-container {
background-color: transparent !important;
}
.mapplic-pin {
background-image: url('/assets/pin.png') !important;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 24%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 24%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 49%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 100%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.logo-grid .cr3_sponsorwrapper .fours-column {
height: 200px;
line-height: 200px;
padding: 35px;
margin: .25%;
width: 100%;
}
.logo-grid .cr3_sponsorwrapper .fours-column p {
margin-top: 50px;
}
.logo-grid .cr3_sponsor_image {
max-height: 125px;
}
.procurement.logo-grid .cr3_sponsorwrapper .fours-column {
height: 400px;
line-height: 100px;
}
}
/* DEI Advisory Committee */
.dei-ad-committee .vc_row.wpb_row.vc_inner.vc_row-fluid {
border: 1px solid #eee;
margin: 10px 0;
padding: 15px 5px;
}
.dei-ad-committee .wpb_content_element {
margin-bottom: 0;
}
/* Homepage */
/*
.home-banner {
min-height: 500px;
background: #ececec url("http://www.usbln.org.php56-21.dfw3-2.websitetestlink.com/wp-content/themes/usbln/images/hero-keyboard.jpg") center;
}
.home-banner h1 {
color: #30861d;
font-family: 'Droid Serif', Georgia, serif;
font-style: italic;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.27;
padding: 100px 0;
}
*/
.hero-text span {
background: #354488;
}
h1.hero-text {
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 42px;
font-style: normal;
color: #fff;
padding: 100px 0 0;
font-weight: 500;
max-width: 1140px;
margin: 0 auto !important;
position: relative;
}
.htl {
text-align: left;
padding-left: 1em !important;
}
.htr {
text-align: right;
}
.hero-slider {
max-height: 400px;
}
.intro-text h1 {
font-size: 60px;
}
.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
background-color: #2f851d;
}
.vc_btn3.vc_btn3-color-green {
background-color: #2f851d !important;
}
.home .site-content .container {
padding: initial;
background: initial;
border-left: initial;
border-right: initial;
box-shadow: initial;
-webkit-box-shadow: initial;
}
.home-carousel-wrapper {
background: #fff;
}
.widget_recent_entries {
overflow: scroll;
}
.home .hentry {
margin: 0;
}
.home #content.site-content .vc_column_container>.vc_column-inner {
padding: 0;
}
.home #content.site-content {
background: #fff !important;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 100px 0 rgba(98,100,112,0.1);
-webkit-box-shadow: 0 100px 0 rgba(98,100,112,0.1);
width: 90%;
margin: 0 auto;
z-index: 2;
position: relative;
}
.home .card-top {
margin-top: -25px;
position: relative;
z-index: 2;
border-radius: 3px;
}
.ls-bottom-slidebuttons {
top: -75px !important;
}
.call-out {
background: url('/wp-content/themes/usbln/images/shattered_blue.png');
position: relative;
margin-top: 50px;
}
.call-out h2 span em {
color: #fff;
font-size: 36px;
}
.home .home-widgets.container {
width: 90%;
height: 600px;
}
.home .home-widgets.container .wpb_content_element {
height: 400px;
}
.home .recent-posts-widget,
.home .recent-tweets-widget {
background: #CADED6;
padding: 25px !important;
height: 100%;
}
.home .upcoming-events-widget {
padding: 25px !important;
background: #fff;
height: 100%;
}
/* Icons */
/* Page Templates */
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 100%;
}
.single-post-thumbnail {
max-height: 400px;
overflow: hidden;
position: relative;
}
.single-post-thumbnail img {
width: 100%;
margin-top: -200px;
}
@media (max-width:1199px) {
.single-post-thumbnail {
max-width: initial;
margin: 0 auto;
}
.single-post-thumbnail img {
min-height: 400px;
max-width: none;
}
}
@media (max-width:768px) {
.single-post-thumbnail img {
width: auto !important;
}
}
.site-content .container {
padding: 100px 25px 0;
background: #fff;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
}
.page .site-content {
background: transparent !important;
padding-bottom: 0;
}
.entry-title {
border-bottom: 2px dotted #ddd;
padding-bottom: 15px;
}
.page-template-page-featured-no-sidebar .breadcrumbs p,
.page-template-page-featured-image .breadcrumbs p {
margin-top: 400px;
}
.page-template-page-featured-no-sidebar .site-content .container,
.page-template-page-featured-image .site-content .container {
margin-top: -25px;
position: relative;
}
/* Blog */
.blog .site-content .container {
background: transparent;
padding: 75px 0 0;
border: none;
box-shadow: initial;
-webkit-box-shadow: initial;
border-radius: 0;
}
.blog .index-box {
padding: 25px;
background: #fff;
border: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
}
.blog .navigation.paging-navigation {
padding: 25px 0;
}
.blog #secondary.widget-area {
padding: 25px;
background: #fff;
border: 2px solid #eee;
box-shadow: 0 0 100px rgba(98,100,112,0.1);
-webkit-box-shadow: 0 0 100px rgba(98,100,112,0.1);
border-radius: 3px;
margin: 0;
}
/* Sidebar */
#secondary.widget-area {
border-left: 2px dotted #ddd;
margin: 0 30px;
padding-left: 15px !important;
}
.gfg-logo-wrapper {
position: relative;
width: 100%;
word-wrap: nowrap;
float: left;
}
.gfg-logo {
width: 10%;
overflow: hidden;
margin: 0 .2%;
float: left;
}
.gfg-logo img {
width: 100%;
}
/* Responsive Styling */
@media (min-width:1200px) {
}
@media (max-width:1199px) {
}
@media (max-width:1024px) {
.main-navigation a {
font-size: 15px;
}
}
@media (max-width:768px) {
.hero-text {
left: 15%;
}
.hero-text h1 {
font-size: 32px;
}
.main-navigation a {
font-size: 12px;
padding: 15px 10px;
}
}
@media (max-width:480px) {
.single-post-thumbnail {
display: none;
}
.page-template-page-featured-image .site-content .container {
margin-top: initial;
}
.site-content .container {
width: initial;
padding-top: 175px;
}
.page-template-page-featured-image .breadcrumbs p {
margin-top: 100px;
}
.breadcrumbs p {
margin-top: 100px;
padding: 0;
left: 0;
}
header .container {
width: initial;
padding: 0 25px;
}
.main-navigation a {
padding-left: 0;
font-size: 21px;
}
ul#menu-social-items {
margin: 0 auto;
}
.search-box {
width: 275px;
margin: 0 auto;
}
.home-banner {
display: none;
height: 0;
}
.home-carousel-wrapper {
display: none;
height: 0;
}
.home .site-content {
margin-top: 50px;
}
.menu-toggle {
text-align: center;
}
.intro-text h1 {
font-size: 36px;
}
.a11y-toolbar-widget {
left: 0;
margin: 0 auto;
width: 205px;
}
.call-out h2 span em {
font-size: 21px;
}
#secondary.widget-area {
display: none;
height: 0;
}
}
@media (max-width:320px) {
}
/* Value Prop Tiles */
.home .value-prop {
width: 90%;
}
.tile {
height: 425px !important;
color: #fff;
}
.home .tile {
padding-left: 15px !important;
padding-right: 15px !important;
}
.tile img {
margin-bottom: -50px !important;
}
.tile h2,
.tile h3 {
color: #fff;
}
.tile.blue {
background: #354488;
width: 24%;
margin: 0 .5% 1%;
}
.tile.green {
background: #2f851d;
width: 49%;
margin: 0 .5% 1%;
padding: 125px 50px 0;
}
@media (max-width:1024px) {
.value-prop h2 {
font-size: 21px;
}
.value-prop h3 {
font-size: 21px;
}
.value-prop img {
padding-bottom: 15px;
}
.tile.green {
padding-top: 75px;
}
}
@media (max-width:960px) {
.tile {
height: 315px !important;
}
}
@media (max-width:768px) {
.value-prop h2 {
font-size: 18px;
}
.value-prop h3 {
font-size: 18px;
}
.value-prop p {
font-size: 12px;
}
.value-prop img {
max-width: 75%;
padding-bottom: 25px;
}
.widget-easy-twitter-feed-widget-container {
margin-left: -15px;
}
.home .home-widgets.container {
height: 650px;
}
.home .home-widgets.container .wpb_content_element {
height: 450px;
}
.home #content.site-content {
margin-top: 50px;
}
}
@media (max-width:736px) {
.value-prop img {
max-width: 50%;
}
.value-prop h2 {
font-size: 21px;
}
.value-prop h3 {
font-size: 21px;
}
.value-prop p {
font-size: 14px;
}
.home .home-widgets {
display: none;
}
.home .card-top {
margin-top: 0;
}
.tile.blue {
width: 49%;
float: left;
}
.tile.green {
display: none;
}
.home-carousel-wrapper {
display: none;
}
}
@media (max-width:425px) {
.tile.blue {
width: 100%;
}
}
/**************************
Elizabeth's Custom Styles
**************************/
.index-box {
padding: 20px;
border: solid 1px #ccc;
/*border-radius: 5px;
background-color: #f5f5f5;*/
}
.index-box .category-list{
margin-top:0px;
}
.index-box hr{
display: none;
}
/*.site-footer{background-image: url("/wp-content/uploads/2016/06/material_01.jpg");}*/
/*--------------------------------------------------------------
15 Columns
--------------------------------------------------------------*/
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
.vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 {
float: left;
}
.vc_col-xs-12 {
width: 100%;
}
.vc_col-xs-11 {
width: 91.66666667%;
}
.vc_col-xs-10 {
width: 83.33333333%;
}
.vc_col-xs-9 {
width: 75%;
}
.vc_col-xs-8 {
width: 66.66666667%;
}
.vc_col-xs-7 {
width: 58.33333333%;
}
.vc_col-xs-6 {
width: 50%;
}
.vc_col-xs-5 {
width: 41.66666667%;
}
.vc_col-xs-4 {
width: 33.33333333%;
}
.vc_col-xs-3 {
width: 25%;
}
.vc_col-xs-2 {
width: 16.66666667%;
}
.vc_col-xs-1 {
width: 8.33333333%;
}
@media (min-width: 768px) {
.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
float: left;
}
.vc_col-sm-12 {
width: 100%;
}
.vc_col-sm-11 {
width: 91.66666667%;
}
.vc_col-sm-10 {
width: 83.33333333%;
}
.vc_col-sm-9 {
width: 75%;
}
.vc_col-sm-8 {
width: 66.66666667%;
}
.vc_col-sm-7 {
width: 58.33333333%;
}
.vc_col-sm-6 {
width: 50%;
}
.vc_col-sm-5 {
width: 41.66666667%;
}
.vc_col-sm-4 {
width: 33.33333333%;
}
.vc_col-sm-3 {
width: 25%;
}
.vc_col-sm-2 {
width: 16.66666667%;
}
.vc_col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {
float: left;
}
.vc_col-md-12 {
width: 100%;
}
.vc_col-md-11 {
width: 91.66666667%;
}
.vc_col-md-10 {
width: 83.33333333%;
}
.vc_col-md-9 {
width: 75%;
}
.vc_col-md-8 {
width: 66.66666667%;
}
.vc_col-md-7 {
width: 58.33333333%;
}
.vc_col-md-6 {
width: 50%;
}
.vc_col-md-5 {
width: 41.66666667%;
}
.vc_col-md-4 {
width: 33.33333333%;
}
.vc_col-md-3 {
width: 25%;
}
.vc_col-md-2 {
width: 16.66666667%;
}
.vc_col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {
float: left;
}
.vc_col-lg-12 {
width: 100%;
}
.vc_col-lg-11 {
width: 91.66666667%;
}
.vc_col-lg-10 {
width: 83.33333333%;
}
.vc_col-lg-9 {
width: 75%;
}
.vc_col-lg-8 {
width: 66.66666667%;
}
.vc_col-lg-7 {
width: 58.33333333%;
}
.vc_col-lg-6 {
width: 50%;
}
.vc_col-lg-5 {
width: 41.66666667%;
}
.vc_col-lg-4 {
width: 33.33333333%;
}
.vc_col-lg-3 {
width: 25%;
}
.vc_col-lg-2 {
width: 16.66666667%;
}
.vc_col-lg-1 {
width: 8.33333333%;
}
}
/*---------------------------------------
KRISTINA'S BLOG REDESIGN - May 2017
-----------------------------------------*/
div#usbln-blog-container.container {
padding-top: 20px
}
.usbln-blog-date {
font-weight: bold;
font-size: large;
}
.usbln-blog-title {
font-size: xx-large;
font-weight: bold;
}
.usbln-blog-body {}
.usbln-related-blogs {
border: 1px;
background: #354488;
color: #fff;
padding: 10px 20px 5px 20px;
margin-left: -25px;
font-weight: bold;
font-size: xx-large;
}
hr.usbln-blog-hr {
height: 2px;
border: 0;
box-shadow: 0 2px 2px -2px #8c8b8b inset;
margin-left: -2.5%;
width: 104.8%;
margin-top: 30px;
margin-bottom: 10px;
}
.usbln-related-blog-date {
font-size:smaller;
}
.usbln-blog-toggle {
text-align: center;
width: 104.6%;
background: lightgray;
margin: 0px 0px 0px -25px;
padding: 20px 20px 20px 20px;
font-size: x-large;
}
.usbln-blog-toggle-item {
padding: 5px;
text-decoration: none;
margin: 20px;
}
.usbln-blog-intro {
font-size: x-large;
text-align: center;
}
.usbln-blog-feature-box {
display: inline-block;
}
.usbln-blog-feature-image {
max-width: 60%;
float: left;
margin-left: -25px;
padding-right: 25px;
}
.usbln-blog-feature-title {
color: #2f851d;
font-size: xx-large;
font-weight: bold;
}
.usbln-blog-feature-excerpt {
font-size: larger;
}
.usbln-blog-feature-readmore {
}
.usbln-blog-feature-metabox {
font-size: larger;
}
.usbln-blog-feature-date {
}
.usbln-blog-feature-tags {
}
.usbln-blog-feature-share {
}
.usbln-blog-feed-main {
}
div#usbln-all {
float: left;
width: 66%;
padding: 10px;
}
div#usbln-events {
float: left;
width: 66%;
padding: 10px;
}
div#usbln-partners {
float: left;
width: 66%;
padding: 10px;
}
div#usbln-videos {
float: left;
width: 66%;
padding: 10px;
}
.usbln-blog-sidebar {
width: 30%;
float: right;
padding: 15px;
margin-right: -25px;
border-left: darkgray solid 1px;
}
.usbln-blog-sidebar-item {
padding-bottom: 20px;
}
input.blog-search-field {
height: 38px;
float: left;
border: 1px solid #333333;
border-right: none;
}
.blog-search-form {
float: left;
padding-bottom: 20px;
margin-top: -45px;
}
.usbln-blog-sidebar-title {
background: #354488;
padding: 0px 100px 5px 5px;
border: #354488 solid 1px;
color: #fff;
font-weight: bolder;
float: left;
font-size: larger;
}
.usbln-blog-feed-title {
font-weight: bold;
}
.usbln-blog-feed-excerpt {
}
.usbln-blog-feed-meta {
float: right;
}
.usbln-blog-contact-main {
border: darkgray solid 1px;
background: lightgray;
width: 104.6%;
margin: 0px 0px 0px -25px;
padding: 20px;
display: inline-flex;
float: none;
}
.usbln-blog-contact-item {
background: white;
margin: 10px;
float: left;
width: 33%;
padding: 10px;
}
@media (max-width:600px) {
.usbln-blog-intro {
font-size: x-large;
text-align: left;
}
.usbln-blog-feature-image {
max-width: 100%;
float: none;
margin-left: -25px;
padding-right: 0px;
}
.usbln-blog-feature-metabox {
font-size: larger;
padding-bottom: 20px;
}
.usbln-blog-contact-main {
border: darkgray solid 1px;
background: lightgray;
width: 100%;
margin: 0px 0px 0px -25px;
padding: 20px 40px 20px 20px;
display: inline-grid;
float: none;
}
.usbln-blog-contact-item {
background: white;
margin: 10px;
float: left;
width: 100%;
padding: 10px;
}
div#usbln-all {
float: left;
width: 100%;
padding: 10px;
}
div#usbln-events {
float: left;
width: 100%;
padding: 10px;
}
div#usbln-partners {
float: left;
width: 100%;
padding: 10px;
}
div#usbln-videos {
float: left;
width: 100%;
padding: 10px;
}
.usbln-blog-feed-meta {
float: none;
}
.usbln-blog-sidebar {
width: 100%;
float: right;
padding: 15px;
margin-right: 0px;
border-left: darkgray solid 0px;
}
.usbln-blog-sidebar-item {
padding-bottom: 20px;
float: left;
}
}
/*.usbln-related-blog-title, a:link, a:hover, a:visited, a:active {
font-size: larger;
font-weight: bold;
text-decoration: none;
color: #354488;
}
.usbln-related-blog-read-more, a:link, a:hover, a:visited, a:active {
font-weight: bold;
text-decoration: none;
}
*/以上是关于css style.css文件的主要内容，如果未能解决你的问题，请参考以下文章