/*
Theme Name: Warner Pacific University
Theme URI: http://wpu.jacksonskyclients.com/
Author: Jackson Sky Web Design & Development
Author URI: https://jacksonsky.com/
Description: This is a custom responsive theme designed and developed exclusively for Warner Pacific University.
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Navigation
12.0 Layout
12.1 Header
12.2 Regular Content
12.3 Content Layouts
12.4 Sidebar Content
12.5 Footer
12.6 Home Page
12.7 Interior Pages
12.8 Page Sections
12.9 Posts
12.10 MISC Universal Styles
13.0 Comments
14.0 Widgets
15.0 Media
15.1 Galleries
16.0 Media Queries
16.1 Query sm - Over 576px
16.2 Query md - Over 768px
16.3 Query lg - Over 992px
16.2 Query xl - Over 1200px
17.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize - See Stylesheet normalize.css
--------------------------------------------------------------*/
/* But it is not enough now, below dont hide play button parent div */
*::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
}
/* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
}
/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
/* Hide visually and from screen readers */
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/** Hide visually and from screen readers, but maintain layout */
.invisible {
visibility: hidden;
}
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
/**** Clearfix update ****/
.group:before,
.group:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .group {
zoom: 1;
} /* IE6 */
*:first-child + html .group {
zoom: 1;
} /* IE7 */
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
font-family: "Ministry", "Open Sans", Helvetica, Arial, sans-serif;
font-size: 16px;
color: #000;
font-weight: 400;
font-style: normal;
line-height: 1.8;
letter-spacing: 0.025em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*-webkit-appearance:none;*/
}
p {
margin: 0 0 1.8em;
padding: 0;
}
.serif {
font-family: "PT Serif", Helvetica, Arial, sans-serif;
}
#content {
font-size: 16px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
.big {
font-size: 125%;
}
.light {
font-weight: 300;
}
.normal {
font-weight: 400;
}
.semibold {
font-weight: 600;
}
.strong,
strong {
font-weight: 700;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "â€" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
.uppercase {
text-transform: uppercase;
}
sup {
position: relative;
top: 0;
font-size: 50%;
vertical-align: super;
}
/*-------------------------------------------------------{-------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #000;
display: block;
font-weight: 600;
margin-bottom: 0.35em;
font-size: 14px;
}
.woocommerce label {
color: #676767;
margin-bottom: 0.1em;
}
.pardot-form label {
color: #fff;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
color: #686868;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
display: block;
padding: 0.5em;
font-size: 14px;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
textarea {
resize: vertical;
}
select {
border: 1px solid #bbb;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
a.button.outline {
background-color: rgba(255, 255, 255, 0);
color: #fff;
border: 2px solid #fff;
}
a.button.outline:hover {
background-color: rgba(255, 255, 255, 1);
color: #3db7e4;
box-shadow: inset 400px 0 0 0 #fff;
}
a.arrow:after {
font-family: "FontAwesome";
content: "\f054";
padding-left: 8px;
position: relative;
}
a.buttonAlt.small {
font-weight: 500;
font-size: 14px;
padding: 0.75em 1em;
}
.button.small {
font-weight: 700;
font-size: 14px;
}
.trans2 {
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/********* Placeholders **********/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #9f9f9f;
font-family: "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
}
:-moz-placeholder {
color: #9f9f9f;
font-family: "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
}
::-moz-placeholder {
color: #9f9f9f;
font-family: "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #9f9f9f;
font-family: "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
.inline-block {
display: inline-block;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 2em 2em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
padding-left: 0;
margin-bottom: 0.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
.ml-responsive-table {
padding-bottom: 30px !important;
}
.ml-responsive-table dd {
margin-bottom: 0 !important;
}
.ml-table {
padding: 0 10px 0 10px !important;
}
/*** Pseudo Table Styles****/
.table {
display: table;
}
.tableRow {
display: table-row;
}
.tableCell {
display: table-cell;
}
.tableMiddle {
vertical-align: middle;
}
.vert50 {
height: 50%;
}
/*--------------------------------------------------------------
Offset Styles for the Anchor Tag Plugin
--------------------------------------------------------------*/
a._mPS2id-t {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
a.mPS2id-targe {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
/********* Main Navigation ********/
#main-navigation-row {
}
#mainNav {
}
#mainNav ul {
}
#mainNav ul li {
}
#mainNav ul li a {
}
#mainNav ul li a:hover {
}
#mainNav ul li.active a {
}
/*** Super Fly ***/
.superfly-on #sfm-sidebar .sfm-search-form {
background-color: rgba(255, 255, 255, 0.3);
}
.superfly-on #sfm-sidebar .sfm-social {
position: relative;
margin-top: 2em;
}
/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/
html,
body {
height: 100%;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
display: flex;
flex-direction: column;
background: #fff;
background: rgba(255, 255, 255, 1);
}
/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.3 Content Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.4 Sidebar Content
--------------------------------------------------------------*/
#sidebar ul.recentPosts {
list-style: none;
padding: 0;
margin: 0 0 2em;
font-size: 16px;
}
#sidebar ul.recentPosts li {
line-height: 1.3;
margin-bottom: 1.1em;
}
/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
/* #main-footer{border-top: 3px solid #ededed; font-size: 16px; line-height: 1.5em;}
#main-footer h3{font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: .075em;}
#main-footer a{color: #000; text-decoration: none;}
#main-footer a:hover{color: #000; text-decoration: underline;}
#main-footer ul{list-style: none; padding: 0; margin: 0; font-weight: 700;}
#main-footer li{margin-bottom: .4em;}
#main-footer #footer-contact-info{} */
/*** Footer General ***/
/* #main-footer #footer-general li{font-size: 14px;}
#main-footer #footer-logo{ width: 167px;}
#main-footer .twp-olmenu-btn{display:none;} */
/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/
#home-open-screen {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#home-open-screen .tagline {
font-size: 30px;
font-family: ff-scala, Helvetica, Arial, sans-serif;
line-height: 1.2;
}
#home-open-screen .open-screen-button {
line-height: 25px;
}
#home-announcement {
color: #fff;
background: #3db7e4;
}
#home-announcement h2 {
color: #fff;
}
/*** Statement ****/
.large-blue {
font-size: 21px;
color: #3db7e4;
line-height: 1.2;
text-transform: uppercase;
}
.state-content {
line-height: 1.4;
}
/*** Admissions ***/
.home .admissions hr.alt {
background-color: #d8d9db;
}
/*** CTA ***/
.home .home-cta h2 {
color: #5e6a71;
font-size: 45px;
font-weight: 900;
text-transform: uppercase;
}
.home .cta-button-con a.button {
width: 80%;
}
.home .home-cta a.arrow:after {
font-size: 75%;
}
/*--------------------------------------------------------------
12.7 Interior Pages
--------------------------------------------------------------*/
/**** Padding Options****/
.v-margin-both {
padding-top: 1em;
padding-bottom: 1em;
}
.v-margin-top {
padding-top: 1em;
padding-bottom: 0;
}
.v-margin-bottom {
padding-top: 0;
padding-bottom: 1em;
}
.v-margin-none {
padding-top: 0;
padding-bottom: 0;
}
.v-margin2-both {
margin-top: 1em;
margin-bottom: 1em;
}
.v-margin2-top {
margin-top: 1em;
margin-bottom: 0;
}
.v-margin2-bottom {
margin-top: 0;
margin-bottom: 1em;
}
.v-margin2-none {
margin-top: 0;
margin-bottom: 0;
}
#content .program-list a.card-program-link {
text-decoration: none;
color: #000;
}
.program-list a.card-program-link .card-program {
background: #ededed;
border-left: 3px solid #b6bf00;
min-height: 100%;
font-size: 14px;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.program-list a.card-program-link:hover .card-program {
background: #f7f7f7;
border-left: 3px solid #3db7e4;
}
.program-list a.card-program-link .card-program h4 {
font-family: ff-scala, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
}
.program-list a.card-program-link .card-program hr {
background-color: #d8d9db;
height: 3px;
width: 30%;
margin: 1em 0 0.8em;
}
/******** Faculty Directory List Page - Results*******/
/*** Search ****/
#search-filter-form-32740 li.sf-field-search {
display: inline-block;
width: 70%;
padding-right: 15px;
}
#search-filter-form-32740 li.sf-field-taxonomy-staff-indication {
display: inline-block;
width: 30%;
}
#search-filter-form-32740 li.sf-field-taxonomy-staff-indication label,
#search-filter-form-32740 li.sf-field-taxonomy-staff-indication select {
height: 50px;
}
/*** List ***/
.faculty-list .faculty-item {
border-top: 3px solid #ededed;
line-height: 1.5;
}
.faculty-list .faculty-item:last-of-type {
border-bottom: 3px solid #ededed;
}
#content .faculty-list .faculty-item h4 a {
text-decoration: none;
}
#content .faculty-list .faculty-item h4 a:hover {
text-decoration: underline;
}
/**** Faculty Directory Single ****/
.bio-info-card h2 {
font-style: italic;
font-weight: 400;
color: #5e6a71;
font-size: 21px;
}
.bio-info-card .staff {
color: #5e6a71;
}
/**** 404 ****/
#searchform #s {
max-width: 450px;
width: 100%;
margin-bottom: 0.8em;
}
/*** Search Results ***/
span[class="excerpt_part"]:empty {
display: none;
}
.search-item {
margin-top: 1em;
}
.search-item:first-of-type {
margin-top: 0;
}
/*--------------------------------------------------------------
12.8 Page Sections
--------------------------------------------------------------*/
.landing-intro-section {
color: #5e6a71;
}
/***** Foreground Image with Content Box *******/
.z-up-top-right {
}
.z-up-top-left {
}
/***** Background Image with Content Box *******/
.background-image-section {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
/***** Statistics *****/
/* .stat-number {
font-size: 40px;
color: #3db7e4;
line-height: 1.2;
}
.stat-content {
line-height: 1.4;
} */
/***** News List Section *****/
.news-list-section {
background-size: cover;
background-repeat: no-repeat;
}
.news-list-section h2 {
font-weight: 700;
}
#content .news-list-section h4 {
margin-bottom: 0;
}
#content .news-list-section h4 a {
color: #000;
text-decoration: none;
}
#content .news-list-section h4 a:hover {
text-decoration: underline;
}
.news-list-section hr.alt {
background-color: #d7d8d9;
}
.news-list-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.news-list-section .news-date {
font-weight: 700;
}
.news-list-section .more {
font-size: 14px;
font-weight: 600;
}
.news-list-section .news-excerpt {
font-size: 14px;
color: #000;
font-weight: 400;
}
/****** Directory Cards ********/
.bio-info-card h1 {
font-size: 28px;
}
/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/
#content .news-list a.card-news-link {
text-decoration: none;
color: #000;
}
.news-list a.card-news-link .card-news {
background: #ededed;
border-left: 3px solid #b6bf00;
min-height: 100%;
font-size: 14px;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.news-list a.card-news-link:hover .card-news {
background: #f7f7f7;
border-left: 3px solid #3db7e4;
}
.news-list a.card-news-link .card-news h4 {
font-family: ff-scala, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
}
.news-list a.card-news-link .card-news hr {
background-color: #d8d9db;
height: 3px;
width: 30%;
margin: 1em 0 0.8em;
}
.blog-list article:last-of-type hr {
display: none;
}
.single article:last-of-type hr {
display: none;
}
.featuredCaption {
color: #898681;
}
#paging-bottom {
width: 100%;
display: block;
clear: both;
}
#paging-bottom .alignleft,
#paging-bottom .alignright {
background: #4799b5;
display: block;
width: 32%;
}
#paging-bottom .alignleft a,
#paging-bottom .alignright a {
background: #3cb7e4;
display: block;
width: 100%;
}
#paging-bottom .alignleft {
float: left;
}
#paging-bottom .alignright {
float: right;
}
#paging-bottom .alignleft a,
#paging-bottom .alignright a {
color: #fff;
text-decoration: none;
font-weight: 500;
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
font-size: 16px;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#paging-bottom .alignleft a:hover,
#paging-bottom .alignright a:hover {
background: #2488ad;
}
/******************* Blog Single ************************/
/********************* WordPress Styles *********************/
#postTitle h1 {
margin-bottom: 5px !important;
line-height: 115%;
text-transform: none;
}
#postTitle a {
text-decoration: none;
}
#postInfo {
color: #9f9f9f;
font-size: 14px;
margin: 0 0 20px 0;
clear: both;
font-style: italic;
}
#paging {
display: block;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
/*--------------------------------------------------------------
12.10 MISC Universal Styles
--------------------------------------------------------------*/
/*** Cards ****/
.card-grey {
background: #f2f2f2;
}
.card-white-alpha {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.92);
}
.corner-rt {
-webkit-border-top-right-radius: 22px;
-moz-border-radius-topright: 22px;
border-top-right-radius: 22px;
}
.corner-lb {
-webkit-border-bottom-left-radius: 22px;
-moz-border-radius-bottomleft: 22px;
border-bottom-left-radius: 22px;
}
.corner-rb {
-webkit-border-bottom-right-radius: 22px;
-moz-border-radius-bottomright: 22px;
border-bottom-right-radius: 22px;
}
/*** Text Colors ***/
.text-grey {
color: #5e6a71;
}
/*** Borders ****/
.border-green-left {
border-left: 10px solid #b6bf00;
border-bottom-left-radius: 10px;
}
.border-green-left.callout {
padding-left: 2.5em;
}
.center {
text-align: center;
}
b .bold {
font-weight: 700;
}
.extrabold {
font-weight: 800;
}
.credit {
color: #2d2d2d;
font-weight: 700;
font-size: 12px;
}
.smalltext {
font-size: 12px;
}
.centerBtn {
text-align: center;
display: block;
width: 100%;
}
.noPad {
padding: 0;
}
.moreLink {
text-transform: uppercase;
font-weight: 800;
}
.wrapper.overflow-vis,
.overflow-vis {
overflow: visible;
}
.trans-2 {
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.card,
.card-img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.circle-center {
display: flex;
border: 6px solid #94a545;
border-radius: 50%;
width: 100%;
justify-content: center;
align-items: center;
}
.circle-center:before {
content: "";
float: left;
padding-top: 100%;
}
/***** Video responsive embeds ******/
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------------------------
13 Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14 Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
img.alignleft {
float: left;
display: inline;
margin: 5px 20px 15px 0;
max-width: 38%;
height: auto;
}
img.alignright {
float: right;
display: inline;
margin: 5px 0 15px 20px;
max-width: 38%;
height: auto;
}
img.alignnone {
margin: 0 0 10px 0;
max-width: 100%;
height: auto;
}
img.aligncenter {
clear: both;
display: block;
margin: 0 auto 10px;
max-width: 100%;
height: auto;
}
.wp-caption.alignright {
float: right;
margin: 5px 0 15px 5%;
max-width: 40%;
height: auto;
}
.wp-caption.alignleft {
float: left;
margin: 5px 5% 15px 0;
max-width: 40%;
height: auto;
}
.alignright {
float: right;
margin: 0 0 5px 15px;
display: inline;
}
.alignleft {
float: left;
margin: 0 15px 5px 0;
display: inline;
}
.center {
text-align: center;
}
.wp-caption.alignright img {
width: 100%;
height: auto;
}
p.wp-caption-text {
margin: 0.5em 0 1.8em;
font-size: 12px;
color: #5e6a71;
}
.wp-caption img {
margin: 5px 15px 5px 0;
}
.wp-caption {
margin-bottom: 2em;
font-size: 12px;
color: #5e6a71;
max-width: 100%;
}
.wp-caption p {
margin-bottom: 5px;
}
/******* Video ******/
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 1.25em;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------------------------
15.1 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
16 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
16.1 Query sm - Over 576px
--------------------------------------------------------------*/
@media only screen and (min-width: 576px) {
/*----- Typography -------*/
h1 {
font-size: 36px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 16px;
}
blockquote,
.callout-content {
font-size: 1.5rem;
}
/*--------------------------------------------------------------
Offset Styles for the Anchor Tag Plugin
--------------------------------------------------------------*/
a._mPS2id-t {
display: block;
position: relative;
top: -200px;
visibility: hidden;
}
a.mPS2id-targe {
display: block;
position: relative;
top: -200px;
visibility: hidden;
}
/*------ Header ---------*/
#site-header .site-logo {
width: 172px;
}
#site-header .site-logo img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
/*------ Sidebar Content --------*/
/*----- Footer -----*/
/*------------ Home Page ---------*/
#home-open-screen .tagline {
font-size: 50px;
}
.large-blue {
font-size: 24px;
}
/*** CTA ***/
.home .home-cta h2 {
font-size: 54px;
}
/*----- Interior Pages -------*/
/*----- Page Sections ------*/
/***** Landing Page *****/
/***** Landing Page Banner ******/
.landing-page .page-header {
height: 225px;
}
/***** Statistics *****/
.stat-number {
}
/****** RFI Section *******/
.rfi-section h2 {
font-size: 44px;
}
/******* FAQ *******/
/****** Directory Cards ********/
/**** Faculty Directory Single ****/
.bio-info-card h2 {
font-size: 24px;
}
.bio-info-card h1 {
font-size: 28px;
}
}
/*--------------------------------------------------------------
16.2 Query md - Over 768px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
/*----- Typography -------*/
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 16px;
}
/***** Navigation *****/
/** Nav Right **/
#nav-header-secondary li {
margin-right: 30px;
}
#nav-header-secondary li a {
font-size: 16px;
}
/***** Main Header *****/
/***** Content ******/
/*----- Footer -----*/
/*----- Forms -----*/
/************* Buttons **********/
button,
.button,
.buttonAlt,
a.button,
input[type="button"],
input[type="submit"],
.woocommerce .section #respond input#submit.alt,
.woocommerce .section a.button.alt,
.woocommerce .section button.button.alt,
.woocommerce .section input.button.alt,
.section .woocommerce #respond input#submit.alt,
.section .woocommerce a.button.alt,
.section .woocommerce button.button.alt,
.section .woocommerce input.button.alt,
.section .woocommerce button.button.alt.disabled,
.woocommerce .section button.button.alt.disabled,
.woocommerce .section button.button.alt.disabled:hover {
font-size: 18px;
}
/*------------ Home Page ---------*/
#home-open-screen .tagline {
font-size: 50px;
}
.large-blue {
font-size: 30px;
}
/*** CTA ***/
.home .home-cta h2 {
font-size: 60px;
}
.home .cta-button-con a.button {
width: auto;
margin-right: 20px;
}
.home .cta-button-con a.button:last-of-type {
margin-right: 0;
}
/*------------ Interior Page ---------------*/
/**** Padding Options****/
.v-margin-both {
padding-top: 2em;
padding-bottom: 2em;
}
.v-margin-top {
padding-top: 2em;
padding-bottom: 0;
}
.v-margin-bottom {
padding-top: 0;
padding-bottom: 2em;
}
.v-margin-none {
padding-top: 0;
padding-bottom: 0;
}
.v-margin2-both {
margin-top: 2em;
margin-bottom: 2em;
}
.v-margin2-top {
margin-top: 2em;
margin-bottom: 0;
}
.v-margin2-bottom {
margin-top: 0;
margin-bottom: 2em;
}
.v-margin2-none {
margin-top: 0;
margin-bottom: 0;
}
/***** Directory *****/
#search-filter-form-32740 li.sf-field-search {
width: 80%;
}
#search-filter-form-32740 li.sf-field-taxonomy-staff-indication {
width: 20%;
}
/*------------ Page Sections ----------------*/
/***** Statistics *****/
.stat-number {
font-size: 48px;
}
/***** Landing Page Banner ******/
.landing-page .page-header {
height: 300px;
}
/***** Landing Page Intro *****/
.landing-intro-section {
font-size: 20px;
}
.landing-intro-section .lp-content {
font-size: 21px;
}
.section-nav li {
font-size: 18px;
}
/****** RFI Section *******/
.rfi-section h2 {
font-size: 60px;
}
/***** Foreground Image with Content Box *******/
.z-up-top-right {
z-index: 10;
position: absolute;
top: 0;
right: 0;
}
.z-up-top-left {
z-index: 10;
position: absolute;
top: 0;
left: 0;
}
/****** Directory Cards ********/
.bio-info-card h1 {
font-size: 32px;
}
/*------------ Page Elements ----------------*/
/*----- MISC Universal Styles -------*/
.smalltext {
font-size: 14px;
}
p.wp-caption-text {
font-size: 14px;
}
.wp-caption {
font-size: 14px;
}
}
/*--------------------------------------------------------------
16.3 Query lg - Over 992px
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
/*----- Typography -------*/
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 18px;
}
/*------------ Home Page ---------*/
#home-open-screen .tagline {
font-size: 50px;
}
/*** CTA ***/
.home .home-cta h2 {
font-size: 72px;
}
/*------------ Interior Pages ----------*/
/**** Padding Options****/
.v-margin-both {
padding-top: 3em;
padding-bottom: 3em;
}
.v-margin-top {
padding-top: 3em;
padding-bottom: 0;
}
.v-margin-bottom {
padding-top: 0;
padding-bottom: 3em;
}
.v-margin-none {
padding-top: 0;
padding-bottom: 0;
}
.v-margin2-both {
margin-top: 3em;
margin-bottom: 3em;
}
.v-margin2-top {
margin-top: 3em;
margin-bottom: 0;
}
.v-margin2-bottom {
margin-top: 0;
margin-bottom: 3em;
}
.v-margin2-none {
margin-top: 0;
margin-bottom: 0;
}
/*------------ Page Sections ----------------*/
/***** Statistics *****/
.stat-number {
font-size: 54px;
}
/***** Landing Page Banner ******/
.landing-page .page-header {
height: 400px;
}
.landing-intro-section .lp-content {
font-size: 24px;
}
/****** RFI Section *******/
.rfi-section h2 {
font-size: 72px;
}
/****** Directory Cards ********/
.bio-info-card h1 {
font-size: 36px;
}
}
/*--------------------------------------------------------------
16.4 Query xl - Over 1200px
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
/*----- Typography -------*/
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
/*------------ Home Page ---------*/
/*------------ Interior Pages ----------*/
/*------------ Page Sections ---------*/
/***** Statistics *****/
.stat-number {
font-size: 72px;
}
/*----- Page Elements -----*/
}
/*--------------------------------------------------------------
17 Print
--------------------------------------------------------------*/
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}