Test
/* ============================================================================================= */
/*--- ScienceSites: Robert McCauley --- v01 - 02/24/2014
http://fledglingdesign.com
========== */
/* -------------------------------------------------------------------------- */
/* --- Defaults --- */
/* -- link states for headers -- */
h1 a:link,
#page-body-wrapper h1 a:link,
h2 a:link,
h3 a:link,
#page-body-wrapper h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
#page-body-wrapper h1 a:visited,
h1 a:visited,
h2 a:visited,
h3 a:visited,
#page-body-wrapper h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {color:#4a90e2;}
h1 a:hover,
#page-body-wrapper h1 a:hover,
h2 a:hover,
h3 a:hover,
#page-body-wrapper h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color:#00297f;}
/* -- Menu li padding adjustment -- */
.horizontal-navigation-bar nav ul li {padding-right: 20px;}
/* --- Border Radius for Whatever --- */
.some-selector,
a.button {
border-radius: 1em;
webkit-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
}
/* --- v-Card/h-Card --- */
.v-card span {display:block; font-size: 13px;}
/* -- adjust right padding of page content and blog lists --
#content .sqs-layout.sqs-grid-12,
.collection-type-blog #content {padding-right:2em;} */
/* -- Homepage h2's -- */
.homepage #page-body-wrapper h2 {border-bottom:1px solid #ddd;}
/* -- Featured Items -- */
/* -- Current Research -- */
/*.homepage #content .sqs-layout .sqs-row:nth-child(2) .sqs-block-image {margin-right:3.9em;}*/
#block-6b83c78becd5fc6a05c2.sqs-block-image .image-caption p a,
#block-832da69cf27b9be5b4a8.sqs-block-image .image-caption p a,
#block-f7f57422cee09e182ffb.sqs-block-image .image-caption p a {font-size: 20px; line-height:1.2em; text-transform:none;}
/* -------------------------------------------------------------------------- */
/* --- Blogs --- */
.collection-type-blog #page-body-wrapper h3 {font-size: 17px; text-transform:none; margin-bottom:-1em;}
/* -- inner blog nav -- */
.other-blogs {float:right;}
span.delimiter {color: #666; padding:0 0 0 0;}
#page-body-header .sqs-block-postsbycategory {padding-left:0;}
.homepage #page-body-header {display: none;}
body.hide-delimiter #page-body-header .sqs-block-postsbycategory span.delimiter {visibility:visible;}
#page-body-header {padding-bottom:3em;}
#page-body-header h1 {border-bottom:1px solid #ddd;}
#page-body-header .sqs-block-postsbycategory ul {margin-right:-2em;}
.sqs-block-postsbycategory ul li,
.sqs-block-postsbyauthor ul li,
.sqs-block-postsbytag ul li,
.sqs-block-postsbymonth ul li {float:left; margin: 0 1em 0 0;}
/* -- Posts -- */
article + article {margin-top:20px;}
h1.entry-title,
h1.eventlist-title,
h1.eventitem-title {
font-size: 22px !important;
line-height: 1.2em !important;
}
article header .entry-title {margin-bottom:-1em;}
/* -- Journal Article year post and "Read More" and Details meta data display:none; -- */
.collection-type-blog article.category-category-year .post-title.passthrough {display:block;}
.category-category-year h1 {font-weight:500; border-bottom: 1px solid #ddd;}
.collection-type-blog article.category-category-year .entry-title,
.collection-type-blog .inline-read-more,
.collection-type-blog article .post .article-meta,
.collection-type-blog .article-dateline {display:none;}
/* -- Pagination inherits main navigation styles, so depending upon the main nav colors as chosen in the Style Editor, we may need to define them -- */
.pagination ul li a:link,
.pagination ul li a:visited {color:#4a90e2;}
.pagination ul li a:hover {color:#00297f;}
/* -- Books overlays -- */
.image-block .image-caption-wrapper p {font-size: 16px !important;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a {text-transform:none; color: #4a90e2; text-decoration:none;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a:hover,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a:hover {color: #ddd;}
/* -- Turn off pagination for Research blog -- */
.collection-53712390e4b07b722fd7f3d6 .pagination {display:none;}
/* -- Events -- */
.eventlist {padding-right: 2em;}
.eventlist-event .eventlist-datelabel-time time,
.event-meta .event-meta-item time {display:none;}
/* -------------------------------------------------------------------------- */
/* --- Sidebar --- */
.sidebar-position-right .one-sidebar #sidebar-one {border-left: 1px solid #ddd;}
/* --- Search --- */
/* --- Search button into circular icon --- */
.sqs-search-ui-button {
background: url(/universal/images-v6/icons/icon-searchqueries-20-light.png) no-repeat 8px 8px;
border:0;
opacity: 1;
padding:8px;
border:0;
border-radius: 100%;
webkit-border-radius: 100%;
-moz-border-radius: 1em;
-o-border-radius: 1em;
height: 20px;
width: 20px;
position: absolute;
top: 0px;
left: 25%;
/*z-index: 10002; */
}
.sqs-search-ui-button span.title {display:none;}
.sqs-search-ui-button {background-color:#4a90e2;}
.sqs-search-ui-button:hover {background-color:#00297f;}
/* -- Social Icons --- */
#sqs-social {margin: 0;}
.social-account-list a {margin-right:5px;}
#sqs-social a:before,
.social-account-list a:before {font-size: 35px;}
/* -- sidebar header titles -- */
#sidebar-one h2 {
background:#0F4C7F;
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
color:#fc6;
letter-spacing:1px;
padding: 10px 0 10px 10px;
text-transform:uppercase;
}
#sidebar-one h2, #sidebar-two h2 {font-size:18px;}
#sidebar-one h3 {text-transform:none;}
/* -- Upcoming Events -- */
#block-beeccbe4f29f5c6ba988 {margin-bottom:-1em}
#block-6f6c156f55b9cb1b6fce.summary-block {padding-left:1.5em;}
#block-6f6c156f55b9cb1b6fce.summary-block .summary-excerpt p {margin-top:-1em;}
#sidebar-one .summary-block time {font-size: 13px !important; margin:.5em 0 1em 0;}
/* -- Noteworthy Articles -- */
#block-5fde193e6271b696e068 {margin-bottom:-1em;}
/* -- Recommended Sites -- */
#block-6a35210cc6ef9eda4eb6 ul {list-style:none; padding-left:10px;}
#block-6a35210cc6ef9eda4eb6 ul li {margin-bottom:8px;}
#block-6a35210cc6ef9eda4eb6 ul li a:after {content:" »";}
/* -- Hide Collaborators button on Collaborators page -- */
.collection-536a244be4b0c64b4b277651 #block-yui_3_10_1_1_1399399341336_6760 {display:none;}
/* -------------------------------------------------------------------------- */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts: Using Squarespace UI font so this is commented out
*********************************/
/* Font-face Icons
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px !important; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* -- Flexslider customizations -- */
.flexslider {
background:transparent;
border: 0;
margin: 0 0 60px;
position: relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
zoom: 1;
}
.flexslider .slides {padding:0 0 20px 1em;}
/* -- Mobile: Portrait -- */
@media only screen and (max-width: 640px) {
.flexslider .slides {padding:20px 0 0 0;}
}
/* -- position direction controls -- */
.flex-direction-nav {position: relative; top:40%;}
/* -- make controls show up persistantly -- */
.flex-direction-nav a {
opacity: 0.7;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-next {right: 5px;}
.flexslider:hover .flex-prev {opacity: 1; left: 5px;}
.flexslider:hover .flex-next {opacity: 1; right: 5px;}
.flex-direction-nav a {
/*background: rgba(0,0,0,0.2);*/
background:#4a90e2;
border-radius: 50%;
display: block;
width: 25px;
height: 25px;
line-height:25px;
margin: 0;
padding: 10px;
}
.flex-direction-nav a {color:#fff;}
.flex-direction-nav a:hover {color:#fff; background: #00297f;}
.flex-direction-nav a:before {
font-family: 'squarespace-ui-font';
font-size: 20px;
font-style: normal;
}
/* -- Previous and Next each get different arrows -- */
.flex-direction-nav a:before {content: "\e02c"; text-indent:.1em;}
.flex-direction-nav a.flex-next:before {content: "\e02d"; text-indent:-.2.5em;}
/* -- bullets -- */
.flex-control-paging li a {
width:10px;
height: 10px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a {
background: #4a90e2;
/*background: rgba(0,0,0,0.2);*/
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {background:#00297f;}
.flexslider .slides h3 {margin-bottom:-1em;}
.flexslider .slides p span {display:block; font-style:oblique; color:#39393a;}
@media screen and (max-width: 768px){
body.hide-delimiter span.delimiter {display:none;}
.horizontal-navigation-bar nav ul li a {padding-right:0; margin-right: -5px;}
}
@media screen and (max-width: 320px){
body.canvas-setting-full-width #banner-area {padding-left: 20px; padding-right: 20px;}
h1:not(#site-title) {font-size: 24px;}
}
/* -- Footer -- */
#page-footer-wrapper {
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
}
/* -- footer hover color -- */
#page-footer-wrapper a:hover {color:#eee;}
/* --- Footer Menu --- */
#page-footer ul {float:right; margin-top:-1em;}
#page-footer ul li {list-style:none; float:left; margin:0 10px 0 0; padding:0 10px 0 0; font-weight:400; text-transform:uppercase;}
@media only screen and (max-width: 320px) {
#page-footer ul {float:none; margin:0 0 0 -3em; padding:0;}
#page-footer ul li {font-size: 11px; border:0;}
}
/* ============================================================================================= */
/*--- ScienceSites: Robert McCauley --- v01 - 02/24/2014
http://fledglingdesign.com
========== */
/* -------------------------------------------------------------------------- */
/* --- Defaults --- */
/* -- link states for headers -- */
h1 a:link,
#page-body-wrapper h1 a:link,
h2 a:link,
h3 a:link,
#page-body-wrapper h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
#page-body-wrapper h1 a:visited,
h1 a:visited,
h2 a:visited,
h3 a:visited,
#page-body-wrapper h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {color:#4a90e2;}
h1 a:hover,
#page-body-wrapper h1 a:hover,
h2 a:hover,
h3 a:hover,
#page-body-wrapper h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color:#00297f;}
/* -- Menu li padding adjustment -- */
.horizontal-navigation-bar nav ul li {padding-right: 20px;}
/* --- Border Radius for Whatever --- */
.some-selector,
a.button {
border-radius: 1em;
webkit-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
}
/* --- v-Card/h-Card --- */
.v-card span {display:block; font-size: 13px;}
/* -- adjust right padding of page content and blog lists --
#content .sqs-layout.sqs-grid-12,
.collection-type-blog #content {padding-right:2em;} */
/* -- Homepage h2's -- */
.homepage #page-body-wrapper h2 {border-bottom:1px solid #ddd;}
/* -- Featured Items -- */
/* -- Current Research -- */
/*.homepage #content .sqs-layout .sqs-row:nth-child(2) .sqs-block-image {margin-right:3.9em;}*/
#block-6b83c78becd5fc6a05c2.sqs-block-image .image-caption p a,
#block-832da69cf27b9be5b4a8.sqs-block-image .image-caption p a,
#block-f7f57422cee09e182ffb.sqs-block-image .image-caption p a {font-size: 20px; line-height:1.2em; text-transform:none;}
/* -------------------------------------------------------------------------- */
/* --- Blogs --- */
.collection-type-blog #page-body-wrapper h3 {font-size: 17px; text-transform:none; margin-bottom:-1em;}
/* -- inner blog nav -- */
.other-blogs {float:right;}
span.delimiter {color: #666; padding:0 0 0 0;}
#page-body-header .sqs-block-postsbycategory {padding-left:0;}
.homepage #page-body-header {display: none;}
body.hide-delimiter #page-body-header .sqs-block-postsbycategory span.delimiter {visibility:visible;}
#page-body-header {padding-bottom:3em;}
#page-body-header h1 {border-bottom:1px solid #ddd;}
#page-body-header .sqs-block-postsbycategory ul {margin-right:-2em;}
.sqs-block-postsbycategory ul li,
.sqs-block-postsbyauthor ul li,
.sqs-block-postsbytag ul li,
.sqs-block-postsbymonth ul li {float:left; margin: 0 1em 0 0;}
/* -- Posts -- */
article + article {margin-top:20px;}
h1.entry-title,
h1.eventlist-title,
h1.eventitem-title {
font-size: 22px !important;
line-height: 1.2em !important;
}
article header .entry-title {margin-bottom:-1em;}
/* -- Journal Article year post and "Read More" and Details meta data display:none; -- */
.collection-type-blog article.category-category-year .post-title.passthrough {display:block;}
.category-category-year h1 {font-weight:500; border-bottom: 1px solid #ddd;}
.collection-type-blog article.category-category-year .entry-title,
.collection-type-blog .inline-read-more,
.collection-type-blog article .post .article-meta,
.collection-type-blog .article-dateline {display:none;}
/* -- Pagination inherits main navigation styles, so depending upon the main nav colors as chosen in the Style Editor, we may need to define them -- */
.pagination ul li a:link,
.pagination ul li a:visited {color:#4a90e2;}
.pagination ul li a:hover {color:#00297f;}
/* -- Books overlays -- */
.image-block .image-caption-wrapper p {font-size: 16px !important;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a {text-transform:none; color: #4a90e2; text-decoration:none;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a:hover,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a:hover {color: #ddd;}
/* -- Turn off pagination for Research blog -- */
.collection-53712390e4b07b722fd7f3d6 .pagination {display:none;}
/* -- Events -- */
.eventlist {padding-right: 2em;}
.eventlist-event .eventlist-datelabel-time time,
.event-meta .event-meta-item time {display:none;}
/* -------------------------------------------------------------------------- */
/* --- Sidebar --- */
.sidebar-position-right .one-sidebar #sidebar-one {border-left: 1px solid #ddd;}
/* --- Search --- */
/* --- Search button into circular icon --- */
.sqs-search-ui-button {
background: url(/universal/images-v6/icons/icon-searchqueries-20-light.png) no-repeat 8px 8px;
border:0;
opacity: 1;
padding:8px;
border:0;
border-radius: 100%;
webkit-border-radius: 100%;
-moz-border-radius: 1em;
-o-border-radius: 1em;
height: 20px;
width: 20px;
position: absolute;
top: 0px;
left: 25%;
/*z-index: 10002; */
}
.sqs-search-ui-button span.title {display:none;}
.sqs-search-ui-button {background-color:#4a90e2;}
.sqs-search-ui-button:hover {background-color:#00297f;}
/* -- Social Icons --- */
#sqs-social {margin: 0;}
.social-account-list a {margin-right:5px;}
#sqs-social a:before,
.social-account-list a:before {font-size: 35px;}
/* -- sidebar header titles -- */
#sidebar-one h2 {
background:#0F4C7F;
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
color:#fc6;
letter-spacing:1px;
padding: 10px 0 10px 10px;
text-transform:uppercase;
}
#sidebar-one h2, #sidebar-two h2 {font-size:18px;}
#sidebar-one h3 {text-transform:none;}
/* -- Upcoming Events -- */
#block-beeccbe4f29f5c6ba988 {margin-bottom:-1em}
#block-6f6c156f55b9cb1b6fce.summary-block {padding-left:1.5em;}
#block-6f6c156f55b9cb1b6fce.summary-block .summary-excerpt p {margin-top:-1em;}
#sidebar-one .summary-block time {font-size: 13px !important; margin:.5em 0 1em 0;}
/* -- Noteworthy Articles -- */
#block-5fde193e6271b696e068 {margin-bottom:-1em;}
/* -- Recommended Sites -- */
#block-6a35210cc6ef9eda4eb6 ul {list-style:none; padding-left:10px;}
#block-6a35210cc6ef9eda4eb6 ul li {margin-bottom:8px;}
#block-6a35210cc6ef9eda4eb6 ul li a:after {content:" »";}
/* -- Hide Collaborators button on Collaborators page -- */
.collection-536a244be4b0c64b4b277651 #block-yui_3_10_1_1_1399399341336_6760 {display:none;}
/* -------------------------------------------------------------------------- */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts: Using Squarespace UI font so this is commented out
*********************************/
/* Font-face Icons
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px !important; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* -- Flexslider customizations -- */
.flexslider {
background:transparent;
border: 0;
margin: 0 0 60px;
position: relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
zoom: 1;
}
.flexslider .slides {padding:0 0 20px 1em;}
/* -- Mobile: Portrait -- */
@media only screen and (max-width: 640px) {
.flexslider .slides {padding:20px 0 0 0;}
}
/* -- position direction controls -- */
.flex-direction-nav {position: relative; top:40%;}
/* -- make controls show up persistantly -- */
.flex-direction-nav a {
opacity: 0.7;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-next {right: 5px;}
.flexslider:hover .flex-prev {opacity: 1; left: 5px;}
.flexslider:hover .flex-next {opacity: 1; right: 5px;}
.flex-direction-nav a {
/*background: rgba(0,0,0,0.2);*/
background:#4a90e2;
border-radius: 50%;
display: block;
width: 25px;
height: 25px;
line-height:25px;
margin: 0;
padding: 10px;
}
.flex-direction-nav a {color:#fff;}
.flex-direction-nav a:hover {color:#fff; background: #00297f;}
.flex-direction-nav a:before {
font-family: 'squarespace-ui-font';
font-size: 20px;
font-style: normal;
}
/* -- Previous and Next each get different arrows -- */
.flex-direction-nav a:before {content: "\e02c"; text-indent:.1em;}
.flex-direction-nav a.flex-next:before {content: "\e02d"; text-indent:-.2.5em;}
/* -- bullets -- */
.flex-control-paging li a {
width:10px;
height: 10px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a {
background: #4a90e2;
/*background: rgba(0,0,0,0.2);*/
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {background:#00297f;}
.flexslider .slides h3 {margin-bottom:-1em;}
.flexslider .slides p span {display:block; font-style:oblique; color:#39393a;}
@media screen and (max-width: 768px){
body.hide-delimiter span.delimiter {display:none;}
.horizontal-navigation-bar nav ul li a {padding-right:0; margin-right: -5px;}
}
@media screen and (max-width: 320px){
body.canvas-setting-full-width #banner-area {padding-left: 20px; padding-right: 20px;}
h1:not(#site-title) {font-size: 24px;}
}
/* -- Footer -- */
#page-footer-wrapper {
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
}
/* -- footer hover color -- */
#page-footer-wrapper a:hover {color:#eee;}
/* --- Footer Menu --- */
#page-footer ul {float:right; margin-top:-1em;}
#page-footer ul li {list-style:none; float:left; margin:0 10px 0 0; padding:0 10px 0 0; font-weight:400; text-transform:uppercase;}
@media only screen and (max-width: 320px) {
#page-footer ul {float:none; margin:0 0 0 -3em; padding:0;}
#page-footer ul li {font-size: 11px; border:0;}
}/* ============================================================================================= */
/*--- ScienceSites: Robert McCauley --- v01 - 02/24/2014
http://fledglingdesign.com
========== */
/* -------------------------------------------------------------------------- */
/* --- Defaults --- */
/* -- link states for headers -- */
h1 a:link,
#page-body-wrapper h1 a:link,
h2 a:link,
h3 a:link,
#page-body-wrapper h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
#page-body-wrapper h1 a:visited,
h1 a:visited,
h2 a:visited,
h3 a:visited,
#page-body-wrapper h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {color:#4a90e2;}
h1 a:hover,
#page-body-wrapper h1 a:hover,
h2 a:hover,
h3 a:hover,
#page-body-wrapper h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color:#00297f;}
/* -- Menu li padding adjustment -- */
.horizontal-navigation-bar nav ul li {padding-right: 20px;}
/* --- Border Radius for Whatever --- */
.some-selector,
a.button {
border-radius: 1em;
webkit-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
}
/* --- v-Card/h-Card --- */
.v-card span {display:block; font-size: 13px;}
/* -- adjust right padding of page content and blog lists --
#content .sqs-layout.sqs-grid-12,
.collection-type-blog #content {padding-right:2em;} */
/* -- Homepage h2's -- */
.homepage #page-body-wrapper h2 {border-bottom:1px solid #ddd;}
/* -- Featured Items -- */
/* -- Current Research -- */
/*.homepage #content .sqs-layout .sqs-row:nth-child(2) .sqs-block-image {margin-right:3.9em;}*/
#block-6b83c78becd5fc6a05c2.sqs-block-image .image-caption p a,
#block-832da69cf27b9be5b4a8.sqs-block-image .image-caption p a,
#block-f7f57422cee09e182ffb.sqs-block-image .image-caption p a {font-size: 20px; line-height:1.2em; text-transform:none;}
/* -------------------------------------------------------------------------- */
/* --- Blogs --- */
.collection-type-blog #page-body-wrapper h3 {font-size: 17px; text-transform:none; margin-bottom:-1em;}
/* -- inner blog nav -- */
.other-blogs {float:right;}
span.delimiter {color: #666; padding:0 0 0 0;}
#page-body-header .sqs-block-postsbycategory {padding-left:0;}
.homepage #page-body-header {display: none;}
body.hide-delimiter #page-body-header .sqs-block-postsbycategory span.delimiter {visibility:visible;}
#page-body-header {padding-bottom:3em;}
#page-body-header h1 {border-bottom:1px solid #ddd;}
#page-body-header .sqs-block-postsbycategory ul {margin-right:-2em;}
.sqs-block-postsbycategory ul li,
.sqs-block-postsbyauthor ul li,
.sqs-block-postsbytag ul li,
.sqs-block-postsbymonth ul li {float:left; margin: 0 1em 0 0;}
/* -- Posts -- */
article + article {margin-top:20px;}
h1.entry-title,
h1.eventlist-title,
h1.eventitem-title {
font-size: 22px !important;
line-height: 1.2em !important;
}
article header .entry-title {margin-bottom:-1em;}
/* -- Journal Article year post and "Read More" and Details meta data display:none; -- */
.collection-type-blog article.category-category-year .post-title.passthrough {display:block;}
.category-category-year h1 {font-weight:500; border-bottom: 1px solid #ddd;}
.collection-type-blog article.category-category-year .entry-title,
.collection-type-blog .inline-read-more,
.collection-type-blog article .post .article-meta,
.collection-type-blog .article-dateline {display:none;}
/* -- Pagination inherits main navigation styles, so depending upon the main nav colors as chosen in the Style Editor, we may need to define them -- */
.pagination ul li a:link,
.pagination ul li a:visited {color:#4a90e2;}
.pagination ul li a:hover {color:#00297f;}
/* -- Books overlays -- */
.image-block .image-caption-wrapper p {font-size: 16px !important;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a {text-transform:none; color: #4a90e2; text-decoration:none;}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper p a:hover,
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper p a:hover {color: #ddd;}
/* -- Turn off pagination for Research blog -- */
.collection-53712390e4b07b722fd7f3d6 .pagination {display:none;}
/* -- Events -- */
.eventlist {padding-right: 2em;}
.eventlist-event .eventlist-datelabel-time time,
.event-meta .event-meta-item time {display:none;}
/* -------------------------------------------------------------------------- */
/* --- Sidebar --- */
.sidebar-position-right .one-sidebar #sidebar-one {border-left: 1px solid #ddd;}
/* --- Search --- */
/* --- Search button into circular icon --- */
.sqs-search-ui-button {
background: url(/universal/images-v6/icons/icon-searchqueries-20-light.png) no-repeat 8px 8px;
border:0;
opacity: 1;
padding:8px;
border:0;
border-radius: 100%;
webkit-border-radius: 100%;
-moz-border-radius: 1em;
-o-border-radius: 1em;
height: 20px;
width: 20px;
position: absolute;
top: 0px;
left: 25%;
/*z-index: 10002; */
}
.sqs-search-ui-button span.title {display:none;}
.sqs-search-ui-button {background-color:#4a90e2;}
.sqs-search-ui-button:hover {background-color:#00297f;}
/* -- Social Icons --- */
#sqs-social {margin: 0;}
.social-account-list a {margin-right:5px;}
#sqs-social a:before,
.social-account-list a:before {font-size: 35px;}
/* -- sidebar header titles -- */
#sidebar-one h2 {
background:#0F4C7F;
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
color:#fc6;
letter-spacing:1px;
padding: 10px 0 10px 10px;
text-transform:uppercase;
}
#sidebar-one h2, #sidebar-two h2 {font-size:18px;}
#sidebar-one h3 {text-transform:none;}
/* -- Upcoming Events -- */
#block-beeccbe4f29f5c6ba988 {margin-bottom:-1em}
#block-6f6c156f55b9cb1b6fce.summary-block {padding-left:1.5em;}
#block-6f6c156f55b9cb1b6fce.summary-block .summary-excerpt p {margin-top:-1em;}
#sidebar-one .summary-block time {font-size: 13px !important; margin:.5em 0 1em 0;}
/* -- Noteworthy Articles -- */
#block-5fde193e6271b696e068 {margin-bottom:-1em;}
/* -- Recommended Sites -- */
#block-6a35210cc6ef9eda4eb6 ul {list-style:none; padding-left:10px;}
#block-6a35210cc6ef9eda4eb6 ul li {margin-bottom:8px;}
#block-6a35210cc6ef9eda4eb6 ul li a:after {content:" »";}
/* -- Hide Collaborators button on Collaborators page -- */
.collection-536a244be4b0c64b4b277651 #block-yui_3_10_1_1_1399399341336_6760 {display:none;}
/* -------------------------------------------------------------------------- */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts: Using Squarespace UI font so this is commented out
*********************************/
/* Font-face Icons
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px !important; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* -- Flexslider customizations -- */
.flexslider {
background:transparent;
border: 0;
margin: 0 0 60px;
position: relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
zoom: 1;
}
.flexslider .slides {padding:0 0 20px 1em;}
/* -- Mobile: Portrait -- */
@media only screen and (max-width: 640px) {
.flexslider .slides {padding:20px 0 0 0;}
}
/* -- position direction controls -- */
.flex-direction-nav {position: relative; top:40%;}
/* -- make controls show up persistantly -- */
.flex-direction-nav a {
opacity: 0.7;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-next {right: 5px;}
.flexslider:hover .flex-prev {opacity: 1; left: 5px;}
.flexslider:hover .flex-next {opacity: 1; right: 5px;}
.flex-direction-nav a {
/*background: rgba(0,0,0,0.2);*/
background:#4a90e2;
border-radius: 50%;
display: block;
width: 25px;
height: 25px;
line-height:25px;
margin: 0;
padding: 10px;
}
.flex-direction-nav a {color:#fff;}
.flex-direction-nav a:hover {color:#fff; background: #00297f;}
.flex-direction-nav a:before {
font-family: 'squarespace-ui-font';
font-size: 20px;
font-style: normal;
}
/* -- Previous and Next each get different arrows -- */
.flex-direction-nav a:before {content: "\e02c"; text-indent:.1em;}
.flex-direction-nav a.flex-next:before {content: "\e02d"; text-indent:-.2.5em;}
/* -- bullets -- */
.flex-control-paging li a {
width:10px;
height: 10px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a {
background: #4a90e2;
/*background: rgba(0,0,0,0.2);*/
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {background:#00297f;}
.flexslider .slides h3 {margin-bottom:-1em;}
.flexslider .slides p span {display:block; font-style:oblique; color:#39393a;}
@media screen and (max-width: 768px){
body.hide-delimiter span.delimiter {display:none;}
.horizontal-navigation-bar nav ul li a {padding-right:0; margin-right: -5px;}
}
@media screen and (max-width: 320px){
body.canvas-setting-full-width #banner-area {padding-left: 20px; padding-right: 20px;}
h1:not(#site-title) {font-size: 24px;}
}
/* -- Footer -- */
#page-footer-wrapper {
background-image: -o-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -moz-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -webkit-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: -ms-linear-gradient(-90deg, #0F4C7F 0%, #020C7E 100%);
background-image: linear-gradient(-180deg, #0F4C7F 0%, #020C7E 100%);
}
/* -- footer hover color -- */
#page-footer-wrapper a:hover {color:#eee;}
/* --- Footer Menu --- */
#page-footer ul {float:right; margin-top:-1em;}
#page-footer ul li {list-style:none; float:left; margin:0 10px 0 0; padding:0 10px 0 0; font-weight:400; text-transform:uppercase;}
@media only screen and (max-width: 320px) {
#page-footer ul {float:none; margin:0 0 0 -3em; padding:0;}
#page-footer ul li {font-size: 11px; border:0;}
}
