/*
Theme Name: EMILY Theme
Theme URI: http://t5.publications.clas.ufl.edu
Description: Theme for the College of Liberal Arts and Sciences homesite
Author: Yash Singh
Author URI: https://comms.clas.ufl.edu/the-team/
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-seventeen-child
*/
/*
---!!!--- MINIFY THEME CSS ON PRODUCTION---!!!---
0. UNIVERSAL SETTINGS
1. FONTS
2. TYPOGRAPHY
3. BRANDING & MENU (>1024px)
4. BRANDING & MENU (between 768px and 1024px)
5. BRANDING & MENU (between 0px and 767px)
6. PAGE FORMATTING
7. FORMS
x. DEPARTMENT FOOTER
x. UNIVERSITY OF FLORIDA FOOTER
*/
/* UNIVERSAL SETTINGS */
html, body{
margin:0px;
padding:0px;
width:100%;
height: 100%;
font-family: "Surveyor Text A", "Surveyor Text B";
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
html{
margin:0px;
padding:0px;
}
body{
margin:0px;
padding:0px;
}
/* The single most important setting */
* {
box-sizing: border-box;
}
.bg-texture{
}
.center{
text-align:center;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
/* FONTS */
@font-face{
font-family:'Glyphicons Halflings';
src: url('fonts/web-fonts/glyphicons-halflings-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Thin';
src: url('fonts/web-fonts/gentona/Gentona_Thin.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_ThinItalic';
src: url('fonts/web-fonts/gentona/Gentona_ThinItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_ExtraLight';
src: url('fonts/web-fonts/gentona/Gentona_ExtraLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_ExtraLightItalic';
src: url('fonts/web-fonts/gentona/Gentona_ExtraLightItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Light';
src: url('fonts/web-fonts/gentona/Gentona_Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_LightItalic';
src: url('fonts/web-fonts/gentona/Gentona_LightItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Book';
src: url('fonts/web-fonts/gentona/Gentona_Book.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_BookItalic';
src: url('fonts/web-fonts/gentona/Gentona_BookItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Medium';
src: url('fonts/web-fonts/gentona/Gentona_Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_MediumItalic';
src: url('fonts/web-fonts/gentona/Gentona_MediumItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_SemiBold';
src: url('fonts/web-fonts/gentona/Gentona_SemiBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_SemiBoldItalic';
src: url('fonts/web-fonts/gentona/Gentona_SemiBoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Bold';
src: url('fonts/web-fonts/gentona/Gentona_Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_BoldItalic';
src: url('fonts/web-fonts/gentona/Gentona_BoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_ExtraBold';
src: url('fonts/web-fonts/gentona/Gentona_ExtraBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_ExtraBoldItalic';
src: url('fonts/web-fonts/gentona/Gentona_ExtraBoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_Heavy';
src: url('fonts/web-fonts/gentona/Gentona_Heavy.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gentona_HeavyItalic';
src: url('fonts/web-fonts/gentona/Gentona_HeavyItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Thin';
src: url('fonts/web-fonts/quadon/Quadon_Thin.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_ThinItalic';
src: url('fonts/web-fonts/quadon/Quadon_ThinItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Light';
src: url('fonts/web-fonts/quadon/Quadon_Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_LightItalic';
src: url('fonts/web-fonts/quadon/Quadon_LightItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Regular';
src: url('fonts/web-fonts/quadon/Quadon_Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_RegularItalic';
src: url('fonts/web-fonts/quadon/Quadon_RegularItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Medium';
src: url('fonts/web-fonts/quadon/Quadon_Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_MediumItalic';
src: url('fonts/web-fonts/quadon/Quadon_MediumItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Bold';
src: url('fonts/web-fonts/quadon/Quadon_Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_BoldItalic';
src: url('fonts/web-fonts/quadon/Quadon_BoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_ExtraBold';
src: url('fonts/web-fonts/quadon/Quadon_ExtraBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_ExtraBoldItalic';
src: url('fonts/web-fonts/quadon/Quadon_ExtraBoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_UltraBold';
src: url('fonts/web-fonts/quadon/quadon/Quadon_UltraBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_UltraBoldItalic';
src: url('fonts/web-fonts/quadon/Quadon_UltraBoldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Black';
src: url('fonts/web-fonts/quadon/Quadon_Black.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_BlackItalic';
src: url('fonts/web-fonts/quadon/Quadon_BlackItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_Heavy';
src: url('fonts/web-fonts/quadon/Quadon_Heavy.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quadon_HeavyItalic';
src: url('fonts/web-fonts/quadon/Quadon_HeavyItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* TYPOGRAPHY */
h1 {
font-family: "Gentona_ExtraBold", Arial,sans-serif;
font-weight: normal;
font-size: 2.25rem;
font-style: normal;
line-height: 2.6875rem;
letter-spacing: 1px;
color: #004083;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
/* Mobile */
@media only screen and (min-width:1700px) {
h1 {
font-family: "Gentona_ExtraBold", Arial,sans-serif;
font-weight: normal;
font-size: 3rem;
font-style: normal;
line-height: 1.2;
letter-spacing: 1px;
color: #004083;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
}
h2 {
font-family: "Quadon_Bold", Arial, sans-serif;
font-weight: normal;
font-size: 1.5rem;
font-style: normal;
line-height: 1.75rem;
color: #414141;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
/* Mobile H2 */
@media only screen and (min-width:1700px) {
h2 {
font-family: "Quadon_Bold", Arial, sans-serif;
font-weight: normal;
font-size: 2.1rem;
font-style: normal;
line-height: 1.2;
color: #414141;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
}
/* Magazine Article Sub-heading and byline */
.fi h2, .post-template-single-featured-story h2 {
font-weight: normal;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #00529b;
font-family: "Quadon_Medium",Georgia,serif;
letter-spacing: .5px;
padding-top: .25rem;
padding-bottom: .25rem;
font-size: 1.25rem;
line-height: 1.6rem;
}
.fi .author {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.author, .byline {
font-family: 'Gentona_BookItalic', Arial, sans-serif;
font-size: 1.1rem;
line-height: 125%;
color: #000000;
clear: both;
display: block;
}
.date {
font-family: "Surveyor Text A", "Surveyor Text B";
padding-top: 1rem;
padding-bottom: 1rem;
font-style: italic;
}
/* OVERRIDE WRAP MARGINS */
.noTopBottomMargin{
padding-top:0px !important;
padding-bottom: 0px !important;
}
/* Delte this later on */
.inline-img-left p {
font-family: 'Gentona_BookItalic', Arial, sans-serif;
font-size: .9rem;
line-height: 1rem;
color: #000;
text-align: left;
height: auto;
}
#secondary h2 {
font-family: "Quadon_Bold", Arial, sans-serif;
font-weight: normal;
font-size: 1.2rem;
font-style: normal;
line-height: 1.2;
color: #666;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h2 a {
color:#333333;
}
h2 a:hover,h2 a:active {
color:#c24700;
}
h3 {
font-family: "Surveyor Text A", "Surveyor Text B";
font-weight: 700;
font-style: italic;
font-size: 1.5rem;
line-height: 1.8125rem;
color: #00337A;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h3.quote1 {
font-family: "Quadon_ExtraBoldItalic", Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.375rem;
line-height: 1.625rem;
color: #DD661E;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h3.quote2 {
font-family: "Gentona_BoldItalic", Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.8125rem;
color: #666666;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h4 {
font-family: "Gentona_Book", Arial, sans-serif;
font-weight: 500;
font-size: 1.25rem;
font-style: normal;
line-height: 1.5rem;
color: #585656;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h5 {
font-family: "Quadon_Book", Arial, sans-serif;
font-weight: 500;
font-size: 1rem;
font-style: normal;
line-height: 1.25rem;
color: #A63F00;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
h6 {
font-family: "Gentona_Book", Arial, sans-serif;
font-weight: 300;
font-size: 0.875rem;
font-style: normal;
line-height: 1.0625rem;
color: #414141;
margin: 0px;
padding: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
clear: both;
}
p {
font-family: "Surveyor Text A", "Surveyor Text B";
font-style: normal;
font-weight: 400;
line-height: 1.5;
display:block;
margin:0;
padding-top:.5rem;
padding-bottom:.5rem;
/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;
}
/* HD Desktop p */
@media only screen and (min-width:2000px) {
p {
font-family: Gentona_Book;
font-size: 1.125rem;
color: #4A4A4A;
font-style: normal;
font-weight: 300;
line-height: 1.5;
letter-spacing: .5px;
display:block;
margin:0;
padding-top:.5rem;
padding-bottom:.5rem;
/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;
}
}
/* Laptop/ Desktop p */
@media only screen and (min-width:1024px) and (max-width : 2000px) {
p {
font-family: "Surveyor Text A", "Surveyor Text B";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
display:block;
margin:0;
padding-top:.5rem;
padding-bottom:.5rem;
/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;
}
}
/* Laptop/ Desktop p */
@media only screen and (min-width:768px) and (max-width : 1023px) {
p {
font-family: "Surveyor Text A", "Surveyor Text B";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
display:block;
margin:0;
padding-top:.5rem;
padding-bottom:.5rem;
/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;
}
}
body, button, input, select, textarea {
font-size: 18px;
font-size: 1.125rem;
}
p.smallCopy, .smallCopy{
font-family: "Surveyor Text A", "Surveyor Text B";
font-size: 1rem;
line-height: 1.1875rem;
font-style: normal;
font-weight: 300;
color: #000000;
display: block;
margin: 0;
padding-top: .5rem;
padding-bottom: .5rem;
}
p.largeCopy, .largeCopy{
font-family: "Gentona_Book", Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-style: normal;
font-weight: 300;
color: #4A4A4A;
display:block;
margin: 0;
padding-top: .5rem;
padding-bottom: .5rem;
}
p.largeCopy2, .largeCopy2{
font-family: "Gentona_Book", Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-style: normal;
font-weight: 300;
color: #4A4A4A;
display:block;
margin: 0;
padding-top: .5rem;
padding-bottom: .5rem;
}
blockquote, blockquote p {
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size: 1.5rem;
line-height: 140%;
color: #bc581a;
margin-bottom: 0px;
margin-top: 0px;
}
.fixedPosition {
position: fixed;
}
.orangetxt-capitalize {
font-family: Gentona_Bold, Arial;
color: #bc581a;
text-transform: uppercase;
}
span.photo-credit::before {
content: " ";
display: inline;
}
.photo-credit {
background-image: url('assets/images/icons/camera2.svg');
background-repeat: no-repeat;
padding-left: 1.2rem;
background-size: 1rem 1rem;
display: inline;
line-height: 1.1rem;
height: 1.1rem;
color: #000000;
background-position: 0% 50%;
font-family: 'Gentona_Book', Arial, sans-serif;
text-transform: uppercase;
font-size: .7rem;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
color: #00529b;
-webkit-box-shadow: none;
box-shadow: none;
}
a { text-decoration:none; outline: 0; outline: none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.entry-content a:link {color: #00529b; }
.entry-content a:visited {color: #c24700; }
.entry-content a:hover {color: #c24700; }
.entry-content a:focus {color: #c24700; }
.entry-content a:active {color: #c24700; }
.entry-content ul{
list-style-type: square;
margin:0px;
}
.entry-content li, .entry-content ol {
font-family: "Surveyor Text A", "Surveyor Text B";
font-size: 1.125rem;
line-height: 1.5rem;
font-style: normal;
font-weight: 400;
color: #000000;
margin: 0;
padding-top: .3rem;
padding-bottom: .3rem;
}
.entry-content ul li {
/* Text color */
color: black;
list-style-type: none;
}
.entry-content ul li:before {
position: relative;
/* Unicode bullet symbol */
content: "\25BA";
/* Bullet color */
color:#9a9a9a;
float: left;
margin: 0 0 0 -1.5rem;
width: 1em;
font-size:.8rem;
font-family:Quadon_Bold;
font-weight:normal;
}
/*
I would rather use these bullets
padding-right: 8px;
margin-left: 2px;
content: "•";
color: #f37021;
*/
/* IMAGES AND CAPTIONS */
/** IMAGES/Captions **/
img{
max-width:100%;
height:auto;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
svg {
max-width: 100%;
width: 40px;
height: 40px;
}
.home-featured-image{
display:block;
clear: both;
margin: 0 auto;
margin-bottom: 0px;
margin: 0px;
padding: 0px;
display: block;
clear:both;
width: 100%;
}
.fullwidth{
width:100%;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
/* IMAGE Alignments */
.alignnone{
margin:0 auto;
display: block;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-top: 1rem;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Mobile images */
@media only screen and (min-width:0px) and (max-width : 768px) {
.alignleft , .alignright, .profile-picture{
display: block !important;
clear: both !important;
float:none;
margin-left: auto;
margin-right: auto;
}
}
/* Mobile images */
@media only screen and (min-width:0px) and (max-width : 481px) {
img.alignleft,
img.alignright, .alignright , .alignleft {
float: none;
margin: 0 auto;
display:block;
text-align:center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width:100% !important;
}
.profile-picture{
width:100%;
padding-bottom:1rem;
}
.media-picture{
width:100%;
padding-bottom:1rem;
}
}
@media only screen and (min-width:667px){
.media-picture{
width:50%;
padding:2rem;
padding-left:0rem;
padding-bottom:1rem;
padding-top:0rem;
}
}
/* CAPTIONS */
figure{
display:block;
position:relative;
margin:0 auto;
margin-top:1.5rem;
margin-bottom:1.5rem;
}
figure img {
max-width:100%;
}
figcaption{
margin:0 auto;
display:block;
width:100%;
text-align:center;
margin:0 auto;
}
@media only screen and (min-width:1024px) {
.wrap + figure > figcaption{
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding: 0px;
padding-left:2rem;
padding-right:2rem;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.wrap + figure > figcaption{
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding: 0px;
padding-left:2rem;
padding-right:2rem;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.wrap + figure > figcaption{
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding: 0px;
padding-left:2rem;
padding-right:2rem;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.wrap + figure > figcaption{
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding: 0px;
padding-left:1rem;
padding-right:1rem;
}
}
.gallery-caption {
text-indent: 0;
padding:0;
margin:0;
font-family: 'Gentona_BookItalic', Arial, sans-serif;
font-size: .8rem;
line-height: 1.2rem;
padding-top:.5rem;
padding-bottom:.5rem;
color: #000;
text-align:left;
}
.wp-caption img[class*="wp-image-"] {
margin-left: auto;
margin-right: auto;
}
.wp-caption{
max-width:100%;
}
.wp-caption-text {
text-indent: 0;
padding:0;
font-family: 'Gentona_BookItalic', Arial, sans-serif;
font-size: .8rem;
line-height: 1.2rem;
padding-top:.3rem;
padding-bottom:.3rem;
color: #000;
text-align:left;
}
/* CAPTIONS: DESKTOP DEVICES*/
@media (min-width: 1024px) {
.wp-caption-text{
padding-top:.3rem;
padding-bottom:.3rem;
padding-left:0rem;
padding-right:0rem;
}
}
/* CAPTIONS: iPad */
@media only screen and (min-width: 768px) and (max-width : 1024px) {
.wp-caption-text{
padding-top:.2rem;
padding-bottom:.2rem;
padding-left:0rem;
padding-right:0rem;
}
}
/* CAPTIONS: iPhone - Landscape */
@media only screen and (min-width: 481px) and (max-width : 768px) {
.wp-caption-text{
padding-top:.2rem;
padding-bottom:.2rem;
padding-left:0rem;
padding-right:0rem;
}
}
/* CAPTIONS: iPhone - Portrait */
@media only screen and (min-width: 0px) and (max-width : 481px) {
.wp-caption-text{
padding-top:.2rem;
padding-bottom:.2rem;
padding-left:0rem;
padding-right:0rem;
}
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
/* SIDEBAR FORMATTING */
#secondary ul{
list-style-type: square;
margin:0px;
}
#secondary li, #secondary ol {
font-family: "Gentona_Medium";
font-style: normal;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.3125rem;
color: #00529B;
margin: 0;
padding-top: .3rem;
padding-bottom: .3rem;
}
#secondary ul li {
/* Text color */
color: black;
list-style-type: none;
}
#secondary ul li:before {
position: relative;
/* Unicode bullet symbol */
content: "\02192";
/* Bullet color */
color: #F04E23;
float: left;
margin: 0 0 0 -1.3rem;
width: 1em;
font-size:1.1rem;
font-family:Quadon_Bold;
font-weight:normal;
}
#page a, #secondary a {
color:#337ab7;
text-decoration:none;
}
#page a:focus, #page a:hover, #secondary a:focus, #secondary a:hover {
color: #23527c;
}
.page-title{
z-index:100;
margin:0px;
padding:0px;
}
/* UNIVERSAL SETTINGS */
button.search-submit{
background-color: #00337A;
cursor: pointer;
}
#secondary button.search-submit{
background-color: #00337A;
cursor: pointer;
}
.sticky {
top: 0;
position: fixed;
}
/*-----------------------------------------HD DESKTOP UF BRANDING----------------------------------------*/
@media only screen and (min-width:2000px){
/* Main div box */
.X-header {
position: fixed;
top:0px;
width: 100%;
height: 7.8125rem;
display: block;
padding:0px;
margin:0 auto;
clear: both;
z-index:2;
transition: all .2s ease-in-out;
overflow: visible;
}
.X-header::before,
.X-header::after {
background: black;
}
.X-header-shrink{
}
/* UF Logo -- floated above two rows */
.X-header .uf{
position:absolute;
top:0px;
left:0px;
overflow:hidden;
z-index:10;
}
/* UF Logo svg */
.X-header .icon-uflogo{
width: 7.8125rem;
height: 7.8125rem;
z-index: 10;
}
/* Row One -- COLLEGE Name */
.X-header .college {
width:100%;
position:relative;
height: 3.90625rem;/* fallback */
padding-left: 9.4375rem;
display: table;
clear: both;
background-color:rgba(0, 64, 131,1);
text-align:left;
z-index:2;
}
.X-header .college a{
display:table-cell;
vertical-align:middle;
}
/* UF Logo svg */
.X-header .icon-college-logo{
}
.college-logo-desktop{
display: block;
}
.college-logo-tablet{
display: none;
}
.college-logo-mobile{
display: none;
}
.college-logo-desktop{
display:block;
z-index: 2;
}
.college-logo-desktop svg{
width: 30.25rem;
height: 2rem;
}
/* SEARCH */
.mobileSearch{
display:none;
}
.X-searchTrigger{
position:absolute;
top:0px;
right:0rem;
width: 3.9375rem;
height: 3.9375rem;
display:table;
text-align:center;
padding:0px;
margin:0px;
cursor:pointer;
background-color:#00337A;
z-index:3;
}
.X-searchTrigger span{
position:relative;
max-width: 2.2rem;
max-height:2.2rem;
display:table-cell;
vertical-align:middle;
}
.X-search-form-container{
position:absolute;
right:-4000px;
transition: all 0.3s ease;
text-align:center;
height:100%;
height:100vh;
width:100%;
}
.show-search-form{
z-index:1000 !important;
transition: all 0.3s ease;
display:block;
top:7.8125rem;
left:0px;
right:0px;
text-align:center;
margin:0 auto;
border-top:rgb(0,32,65);
height:100%;
height:100vh;
width:100%;
overflow:visible;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
right:0px !important;
background-color:rgba(0, 64, 131,.9);
}
.X-search-form-container .search-form{
position:relative;
margin:0 auto;
margin-top:15rem;
width:50%;
height:3rem;
}
.X-search-form-container .search-field{
height: 3rem;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom: 2px solid #F45A1D;
color:#fcfcfc !important;
font-size:2rem;
background-color:transparent;
line-height:1;
}
.X-searchBox .search-form label{
color:#fcfcfc !important;
margin:0px;
padding:0px;
}
.X-searchBox input[type="search"]{
color:#fcfcfc;
}
.X-search-form-container .search-form .search-submit{
top:0px;
bottom:0px;
right:0px;
margin:0px;
padding:0px;
width: 3rem;
height: 3rem;
background-color:transparent;
border: 0px;
}
.X-searchBox .search-form .search-submit{
fill:#ffffff;
color:#000000;
position:absolute;
padding:1rem;
margin:0px;
bottom:0px;
top:0px;
background-color: #00337A;
width:7.8125rem;
height:7.8125rem;
cursor: pointer;
border: 0px;
}
.X-quickLinks{
fill:#ffffff;
color:#ffffff;
position:absolute;
padding:1rem;
margin:0px;
bottom:0px;
top:0px;
right:3.9375rem;
background-color: #13599a;
width:10.9375rem;
height:3.9375rem;
z-index:2;
font-family:Quadon_Medium;
font-size:1.25rem;
text-align:left;
display:table;
overflow:visible;
z-index:200;
}
.X-quickLinks > span{
display:table-cell;
vertical-align:middle;
cursor:pointer;
text-align: center;
}
.X-quickLinks div ul {
visibility:none;
opacity:0;
position:absolute;
right:-1000px;
padding:0px;
margin:0px;
width:130%;
background-color: #13599a;
}
.X-quickLinks div ul li{
position:relative;
display: block;
margin:0;
padding:0px;
vertical-align:middle;
text-align:left;
background-color: #13599a;
}
.X-quickLinks div ul li a{
display:block;
width:100%;
height:100%;
color:#ffffff;
padding: 1rem 1rem 1rem 1rem;
font-size:.9rem;
text-transform:uppercase;
font-family:Gentona_Medium;
text-align: left;
}
.X-quickLinks div ul li a:hover{
background-color:#eae5d7;
color:#c24700;
}
.X-quickLinks:hover > div ul{
display:block;
right:0px;
top:3.9375rem;
visibility:visible;
opacity:1;
transition: all 0.3s ease 0s;
}
.X-quickLinks:hover > div ul li ul, .X-quickLinks div ul li ul {
visibility:none;
opacity:0;
display:none !important;
}
.icon-search, #icon-search, svg.icon.icon-search {
color:#ffffff;
fill:#ffffff;
height: 24px;
top: -2px;
width: 24px;
}
.icon-search :hover, #icon-search :hover, svg.icon.icon-search :hover{
color:#f45a1d;
fill:#f45a1d;
}
.icon-search-thin-open{
width: 1.5rem;
height: 1.5rem;
}
.icon-search-thin-close{
width: 2rem;
height:2rem;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height:3.875rem;
top:3.9375rem;
display:block;
clear:both;
background-color:#ffffff;
z-index:1;
border-bottom:1px solid #efede6;
}
.X-header .department a {
padding-left:9.4375rem;
}
/* Strike Bar */
.strikeRight {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
height: 3.875rem;
}
.strikeRight {
margin: 0px;
padding-right: 1rem;
margin-right: 1rem;
}
.strikeRight > span {
position: relative;
display: inline-block;
}
.strikeRight {
text-align: left;
white-space: nowrap;
}
.strikeRight > span::after {
content: "";
position: absolute;
top: 50%;
width: 800%;
height: 2px;
background: rgb(244, 90, 29);
}
.strikeheader {
font-family: Quadon_Medium;
font-size:1.625rem;
color:rgba(0, 64, 131, 1) !important;
display: table-cell;
height:3.875rem;
vertical-align: middle;
letter-spacing:1px;
word-wrap: break-word;
}
.strikeRight > span::after {
left: 100%;
margin-left: 1rem;
}
.strikeRight > span::after {
content: "";
position: absolute;
top: 50%;
width: 800%;
height: 2px;
background: rgb(250, 70, 22);
}
.fixedPosition {
position: fixed;
}
/* Row Three -- MENU */
.fixedPosition {
position: fixed;
}
/* MENU BOX */
.menuBox{
position:absolute;
right:0px;
top:0px;
display:block;
width: 7.8125rem;/* fallback */
max-width:7.8125rem;;
height: 7.8125rem;/* fallback */
max-height:7.8125rem;;
float: right;
overflow: hidden;
text-align: center;
cursor: pointer;
background-color: #4c87b5;
z-index:1000 !important;
display:none;
}
.menuBox svg{
position: relative;
display: table-cell;
vertical-align: middle;
}
.hide-menuBox{
right:-200px;
transition: all 1s ease 0s;
}
.show-menuBox{
right:0px;
transition: all 1s ease 0s;
}
.icon-menu{
width:2rem;
height:2rem;
max-height:2rem;
max-width:2rem;
margin-bottom:.5rem;
position:relative;
fill:rgba(255,255,255,1);
}
.icon-menu-fivelines{
max-width:2.5rem;
max-height:2.5rem;
text-align:center;
fill: rgb(225,225,225);
margin:0 auto;
position: relative;
}
.icon-menu-fivelines :hover {
}
.icon-close {
display:block;
max-width:2.5rem;
max-height:2.5rem;
text-align:center;
fill:#4c87b5;
margin:0 auto;
position: relative;
}
.contract-X-header{
transition: all 1s ease 0s;
}
.X-menu nav {
display:block;
clear:both;
z-index:1;
display:block;
width:100%;
height:3.90625rem;
background-color: #F7F4EB;
}
.X-menu nav > div {
display:block;
padding:0px;
margin:0px;
}
.X-menu nav > div > ul {
display: block;
padding:0px;
margin:0px;
background-color: #F7F4EB;
list-style-type: none;
text-align:center;
margin:0 auto;
text-align:justify;
padding-left:2rem;
padding-right:2rem;
height:3.90625rem;
}
.X-menu nav > div > ul:after {
top:-50px;
display:inline-block;
width:100%;
content:'';
padding:0px;
margin:0px;
}
.X-menu nav > div > ul > li{
display:inline-block;
vertical-align:middle;
padding:0px;
margin:0px;
text-align:center;
word-break: break-word;
background-color: #F7F4EB;
margin:0 auto;
}
.X-menu nav > div > ul > li:hover, .X-menu nav > div > ul > li:active {
}
.X-menu nav > div > ul > li > a{
display:inline-block;
vertical-align:middle;
color: #00529b;
font-family: Gentona_Bold;
font-size: 1rem;
letter-spacing: 2px;
text-transform: uppercase;
word-wrap: break-word;
text-align:center;
height:3.8rem;
line-height:1;
}
.X-menu nav > div > ul > li > a:hover {
color: #00529b !important;
}
/* UNDERLINE FIRST LEVEL MENUS */
.X-menu nav > div > ul > li > a > span {
display:inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.main-menu-wrap li.hover span::after {
-webkit-transition: width 0.2s ease-out;
transition: width 0.2s ease-out;
width: 100%;
}
.X-menu nav > div > ul > li:hover span::after, .X-menu nav > div > ul > li:active span::after{
-webkit-transition: width 0.2s ease-out;
transition: width 0.2s ease-out;
width: 100%;
}
.X-menu nav > div > ul > li span::after{
background: url('images/main-menu-hover.png') repeat-x left center;
content: '';
bottom: -10px;
display: block;
height: 5px;
left: 0;
position: absolute;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 0;
}
.js .menu-toggle, .js .dropdown-toggle, .dropdown-toggle {
display: none;
}
/* Sub Menus */
.X-menu nav > div > ul > li > ul {
word-break: break-word;
list-style-type:none;
padding:0px;
margin:0px;
position: absolute;
/* Hide Sub Menu */
list-style: none;
width: auto;
background: #faf8f1;
opacity: 0;
visibility: hidden;
/* POSITION Sub Menu BELOW the header and top-level menu */
top:11.5625rem;
max-height: 80%;
max-height: 70vh;
padding-bottom: 2rem;
}
/*
.X-menu nav ul li:last-child ul, .X-menu nav ul li:last-child ul {
left:auto;
right:0;
}
*/
/* SHOW Sub Menu */
.X-menu nav ul li:hover ul, .X-menu nav ul li:active ul {
opacity:1;
visibility: visible;
transition: all 0.2s ease 0s;
z-index:10;
background: #faf8f1;
min-width:16rem;
}
.X-menu-edge{
left:auto;
right:0 !important;
margin-right:3rem;
}
/*
.X-menu nav ul li:last-child:hover ul, .X-menu nav ul li:last-child:active ul {
left:auto;
right:0;
}
*/
.X-menu nav > div > ul > li > ul > li, .X-menu .sub-menu li{
word-break: break-word;
padding-left:1rem;
}
.X-menu nav > div > ul > li > ul > li > a, .X-menu .sub-menu li a {
word-break: break-word;
color: #00529b;
border-top: 1px solid #eae5d7;
display: block;
font-family: Quadon_Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-align: left;
text-transform: none;
padding:1rem;
}
.X-menu nav > div > ul > li > ul > li > a:hover, .X-menu .sub-menu li a:hover {
color:#c24700;
}
.icon-angle-down{
display: inline-block;
height: 1rem;
width: 1rem;
display: none;
}
.icon-angle-down-toggle {
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* IE 9 */
transform: rotate(360deg);
transition: all 0.33s ease 0s;
}
.X-menu-wrap{
max-width:1240px;
margin:0 auto;
display:block;
clear:both;
}
/* Indent Sub Menus */
.X-menu nav > div > ul > li > ul > li > ul{
list-style-type: square;
list-style: square;
padding-left:3rem;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li{
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
/* Indent Sub-sub Menus */
.X-menu nav > div > ul > li > ul > li > ul > li > ul {
list-style-type: square;
list-style: square;
padding-left:3rem;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li{
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
/* Indent Sub-sub-sub Menus */
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul {
list-style-type: square;
list-style: square;
padding-left:3rem;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul > li {
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
}
/*-----------------------------------------LAPTOP/DESKTOP UF BRANDING----------------------------------------*/
@media only screen and (min-width:1025px) and (max-width : 2000px) {
/* Main div box */
.X-header {
position: fixed;
top:0px;
width: 100%;
height:9.375rem;
display: block;
padding:0px;
margin:0 auto;
clear: both;
z-index:2;
transition: all .2s ease-in-out;
overflow: visible;
}
.X-header::before,
.X-header::after {
background: black;
}
.X-header-shrink{
}
/* UF Logo -- floated above two rows */
.X-header .uf{
width: 8.125rem;
height: 8.125rem;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
z-index:10;
}
/* UF Logo svg */
.X-header .icon-uflogo{
width: 8.125rem;
height: 8.125rem;
z-index: 10;
}
/* Row One -- COLLEGE Name */
.X-header .college {
width:100%;
position:relative;
height: 4.0625rem;/* fallback */
padding-left: 10.125rem;
display:table;
clear:both;
background-color:rgba(0, 64, 131,1);
text-align:left;
z-index:2;
}
.X-header .college a{
display:table-cell;
vertical-align:middle;
}
/* UF Logo svg */
.X-header .icon-college-logo{
width: 33.275rem;
height: 2.2rem;
z-index: 2;
}
.college-logo-desktop{
display: block;
}
.college-logo-tablet{
display: none;
}
.college-logo-mobile{
display: none;
}
.college-logo-desktop{
display:block;
width: 33.275rem;
height: 2.2rem;
z-index: 2;
}
.college-logo-desktop svg{
display:block;
display:block;
width: 33.275rem;
height: 2.2rem;
}
/* SEARCH */
.mobileSearch{
display:none;
}
.X-searchTrigger{
position:absolute;
top:0px;
right:0rem;
width: 4.0625rem;
height:4.0625rem;
display:table;
text-align:center;
padding:0px;
margin:0px;
cursor:pointer;
background-color:#00337A;
z-index:3;
}
.X-searchTrigger span{
position:relative;
max-width: 2.2rem;
max-height:2.2rem;
display:table-cell;
vertical-align:middle;
}
.X-search-form-container{
position:absolute;
right:-4000px;
transition: all 0.3s ease;
text-align:center;
height:100%;
height:100vh;
width:100%;
}
.show-search-form{
z-index:1000 !important;
transition: all 0.3s ease;
display:block;
top: 4.0625rem;
left:0px;
right:0px;
text-align:center;
margin:0 auto;
border-top:rgb(0,32,65);
height:100%;
height:100vh;
width:100%;
overflow:visible;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
right:0px !important;
background-color:rgba(0, 64, 131,.9);
}
.X-search-form-container .search-form{
position:relative;
margin:0 auto;
margin-top:15rem;
width:50%;
height:3rem;
}
.X-search-form-container .search-field{
height: 3rem;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom: 2px solid #F45A1D;
color:#fcfcfc !important;
font-size:2rem;
background-color:transparent;
line-height:1;
}
.X-searchBox .search-form label{
color:#fcfcfc !important;
margin:0px;
padding:0px;
}
.X-searchBox input[type="search"]{
color:#fcfcfc;
}
.X-search-form-container .search-form .search-submit{
top:0px;
bottom:0px;
right:0px;
margin:0px;
padding:0px;
width: 3rem;
height: 3rem;
background-color:transparent;
border: 0px;
}
.X-searchBox .search-form .search-submit{
fill:#ffffff;
color:#000000;
position:absolute;
padding:1rem;
margin:0px;
bottom:0px;
top:0px;
background-color: #00337A;
width:6.25rem;
height:6.25rem;
cursor: pointer;
border: 0px;
}
.X-quickLinks{
fill:#ffffff;
color:#ffffff;
position:absolute;
padding:0;
margin:0px;
bottom:0px;
top:0px;
right:4.0625rem;
background-color: #13599a;
width:10.9375rem;
height:4.0625rem;
z-index:2;
font-family:Quadon_Medium;
font-size:1.25rem;
text-align:left;
display:table;
overflow:visible;
z-index: 200;
}
.X-quickLinks > span{
display:table-cell;
vertical-align:middle;
cursor:pointer;
text-align: center;
}
.X-quickLinks div ul {
visibility:none;
opacity:0;
position:absolute;
right:-1000px;
padding:0px;
margin:0px;
width:130%;
background-color: #13599a;
}
.X-quickLinks div ul li{
position:relative;
display: block;
margin:0;
padding:0px;
vertical-align:middle;
text-align:left;
background-color: #13599a;
}
.X-quickLinks div ul li a{
display:block;
width:100%;
height:100%;
color:#ffffff;
padding: 1rem 1rem 1rem 1rem;
font-size:.9rem;
text-transform:uppercase;
font-family:Gentona_Medium;
text-align: left;
}
.X-quickLinks div ul li a:hover{
background-color:#eae5d7;
color:#c24700;
}
.X-quickLinks:hover > div ul{
display:block;
right:0px;
top:4.0625rem;
visibility:visible;
opacity:1;
transition: all 0.3s ease 0s;
}
.X-quickLinks:hover > div ul li ul, .X-quickLinks div ul li ul {
visibility:none;
opacity:0;
display:none !important;
}
.icon-search, #icon-search, svg.icon.icon-search {
color:#ffffff;
fill:#ffffff;
height: 24px;
top: -2px;
width: 24px;
}
.icon-search :hover, #icon-search :hover, svg.icon.icon-search :hover{
color:#f45a1d;
fill:#f45a1d;
}
.icon-search-thin-open{
width: 1.5rem;
height: 1.5rem;
}
.icon-search-thin-close{
width: 2rem;
height:2rem;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height:4.0625rem;
top:4.0625rem;
display:block;
clear:both;
background-color:#ffffff;
z-index:1;
border-bottom:1px solid #efede6;
}
.X-header .department a {
padding-left: 10.125rem;
}
/* Strike Bar */
.strikeRight {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
height: 4.0625rem;
}
.strikeRight {
margin: 0px;
padding-right: 1rem;
margin-right: 1rem;
}
.strikeRight > span {
position: relative;
display: inline-block;
}
.strikeRight {
text-align: left;
white-space: nowrap;
}
.strikeRight > span::after {
content: "";
position: absolute;
top: 50%;
width: 800%;
height: 2px;
background: rgb(244, 90, 29);
}
.strikeheader {
font-family: Quadon_Medium;
font-weight:500;
font-size:1.8rem;
color:rgba(0, 64, 131, 1) !important;
display: table-cell;
height: 4.0625rem;
vertical-align: middle;
letter-spacing:1px;
word-wrap: break-word;
}
.strikeRight > span::after {
left: 100%;
margin-left: 1rem;
}
.strikeRight > span::after {
content: "";
position: absolute;
top: 50%;
width: 800%;
height: 2px;
background: rgb(250, 70, 22);
}
.fixedPosition {
position: fixed;
}
/* Row Three -- MENU */
.fixedPosition {
position: fixed;
}
/* MENU BOX */
.menuBox{
position:absolute;
right:0px;
top:0px;
display:block;
width: 6.25rem;/* fallback */
max-width:6.25rem;;
height: 6.25rem;/* fallback */
max-height:6.25rem;;
float: right;
overflow: hidden;
text-align: center;
cursor: pointer;
background-color: #4c87b5;
z-index:1000 !important;
display:none;
}
.menuBox svg{
position: relative;
display: table-cell;
vertical-align: middle;
}
.hide-menuBox{
right:-200px;
transition: all 1s ease 0s;
}
.show-menuBox{
right:0px;
transition: all 1s ease 0s;
}
.icon-menu{
width:2rem;
height:2rem;
max-height:2rem;
max-width:2rem;
margin-bottom:.5rem;
position:relative;
fill:rgba(255,255,255,1);
}
.icon-menu-fivelines{
max-width:2.5rem;
max-height:2.5rem;
text-align:center;
fill: rgb(225,225,225);
margin:0 auto;
position: relative;
}
.icon-menu-fivelines :hover {
}
.icon-close {
display:block;
max-width:2.5rem;
max-height:2.5rem;
text-align:center;
fill:#4c87b5;
margin:0 auto;
position: relative;
}
.contract-X-header{
transition: all 1s ease 0s;
}
.X-menu nav {
display:block;
clear:both;
z-index:1;
display:block;
width:100%;
height:4.0625rem;
background-color: #F7F4EB;
}
.X-menu nav > div {
display:block;
padding:0px;
margin:0px;
}
.X-menu nav > div > ul {
display: block;
padding:0px;
margin:0px;
background-color: #F7F4EB;
list-style-type: none;
text-align:center;
margin:0 auto;
text-align:justify;
padding-left:2rem;
padding-right:2rem;
height:4.0625rem;
}
.X-menu nav > div > ul:after {
top:-50px;
display:inline-block;
width:100%;
content:'';
padding:0px;
margin:0px;
}
.X-menu nav > div > ul > li{
display:inline-block;
vertical-align:middle;
padding:0px;
margin:0px;
text-align:center;
word-break: break-word;
background-color: #F7F4EB;
margin:0 auto;
}
.X-menu nav > div > ul > li:hover, .X-menu nav > div > ul > li:active {
}
.X-menu nav > div > ul > li > a{
display:inline-block;
vertical-align:middle;
color: #00529b;
font-family: Gentona_Bold;
font-size:1rem;
letter-spacing: 2px;
text-transform: uppercase;
word-wrap: break-word;
text-align:center;
height:4.0625rem;
line-height:1;
}
.X-menu nav > div > ul > li > a:hover {
color: #00529b !important;
}
/* UNDERLINE FIRST LEVEL MENUS */
.X-menu nav > div > ul > li > a > span {
display:inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.main-menu-wrap li.hover span::after {
-webkit-transition: width 0.2s ease-out;
transition: width 0.2s ease-out;
width: 100%;
}
.X-menu nav > div > ul > li:hover span::after, .X-menu nav > div > ul > li:active span::after{
-webkit-transition: width 0.2s ease-out;
transition: width 0.2s ease-out;
width: 100%;
}
.X-menu nav > div > ul > li span::after{
background: url('images/main-menu-hover.png') repeat-x left center;
content: '';
bottom: -10px;
display: block;
height: 5px;
left: 0;
position: absolute;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 0;
}
.js .menu-toggle, .js .dropdown-toggle, .dropdown-toggle {
display: none;
}
/* Sub Menus */
.X-menu nav > div > ul > li > ul {
word-break: break-word;
list-style-type:none;
padding:0px;
margin:0px;
position: absolute;
/* Hide Sub Menu */
list-style: none;
width: auto;
background: #faf8f1;
opacity: 0;
visibility: hidden;
/* POSITION Sub Menu BELOW the header and top-level menu */
top:12.1875rem;
max-height: 80%;
max-height: 70vh;
padding-bottom: 2rem;
}
/*
.X-menu nav ul li:last-child ul, .X-menu nav ul li:last-child ul {
left:auto;
right:0;
}
*/
/* SHOW Sub Menu */
.X-menu nav ul li:hover ul, .X-menu nav ul li:active ul {
opacity:1;
visibility: visible;
transition: all 0.2s ease 0s;
z-index:10;
background: #faf8f1;
min-width:16rem;
}
.X-menu-edge{
left:auto;
right:0 !important;
margin-right:3rem;
}
/*
.X-menu nav ul li:last-child:hover ul, .X-menu nav ul li:last-child:active ul {
left:auto;
right:0;
}
*/
.X-menu nav > div > ul > li > ul > li, .X-menu .sub-menu li {
word-break: break-word;
padding-left:1rem;
padding-right:1rem;
}
.X-menu nav > div > ul > li > ul > li > a{
word-break: break-word;
color: #00529b;
border-top: 1px solid #eae5d7;
display: block;
font-family: Quadon_Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1rem;
text-align: left;
text-transform: none;
padding:1rem;
}
.X-menu nav > div > ul > li > ul > li .sub-menu li a{
word-break: break-word;
color: #00529b;
border-top: 1px solid #eae5d7;
display: block;
font-family: Quadon_Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1rem;
text-align: left;
text-transform: none;
padding:.3rem;
}
.X-menu nav > div > ul > li > ul > li > a:hover, .X-menu .sub-menu li a:hover {
color:#c24700;
}
.icon-angle-down{
display: inline-block;
height: 1rem;
width: 1rem;
display: none;
}
.icon-angle-down-toggle {
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* IE 9 */
transform: rotate(360deg);
transition: all 0.33s ease 0s;
}
.X-menu-wrap{
max-width:1240px;
margin:0 auto;
display:block;
clear:both;
}
/* Indent Sub Menus */
.X-menu nav > div > ul > li > ul > li > ul{
list-style-type: square;
list-style: square;
padding-top:0px;
padding-bottom:1rem;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li{
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
/* Indent Sub-sub Menus */
.X-menu nav > div > ul > li > ul > li > ul > li > ul {
list-style-type: square;
list-style: square;
padding-left:3rem;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li{
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
/* Indent Sub-sub-sub Menus */
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul {
list-style-type: square;
list-style: square;
padding-left:3rem;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul > li {
list-style-type: square;
list-style: square;
border:0px;
font-size:1rem;
margin:0px;
padding:0px;
}
.X-menu nav > div > ul > li > ul > li > ul > li > ul > li > ul > li > a {
padding:0px;
padding-top:.3rem;
padding-bottom:.3rem;
margin:0px;
border:0px;
}
}
/* ------------------BREAK POINTS FOR BRANDING & MENU - IPAD ------------------ */
@media only screen and (min-width:768px) and (max-width : 1024px) {
/* Main div box */
.hideInMobile{
display:none;
}
.X-header {
position: fixed;
top:0px;
width: 100%;
height: 3.75rem;/* fallback */
max-height:3.75rem;
display: table;
clear: both;
z-index:2;
transition: all .2s ease-in-out;
overflow: visible;
background-color:rgba(255,255,255);
}
/* UF Logo -- floated above two rows */
.X-header .uf{
width: 3.75rem;/* fallback */
max-width:3.75rem;
height: 3.75rem;/* fallback */
max-height:3.75rem;
position:absolute;
top:0px;
left:0px;
z-index:10;
transition: all .2s ease-in-out;
}
/* UF Logo svg */
.X-header .icon-uflogo{
width: 3.75rem;
max-width:3.75rem;
height: 3.75rem;
max-height:3.75rem;
z-index: 10;
}
/* Row One -- COLLEGE Name */
.college-logo-desktop{
display: none;
}
.college-logo-tablet{
display: block;
}
.college-logo-mobile{
display: none;
}
.X-header .college {
width:100%;
position:relative;
height: 3.75rem;/* fallback */
max-height:3.75rem;
display:table;
clear:both;
background-color:rgba(0, 64, 131, 1);
text-align:center;
}
.X-header .college a{
font-family: Gentona_Medium;
color:#ffffff;
text-decoration: none;
font-weight:normal;
font-size:1.2rem; /* fallback */
line-height:1;
padding:0px;
padding-left:3.75rem;
padding-right:3.75rem;
margin:0px;
text-align:center;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height:3.875rem;
top:3.9375rem;
display:block;
clear:both;
background-color:#F7F4EB;
z-index:1;
border-bottom:1px solid #efede6;
text-align:center;
}
.X-header .department a {
display:table-cell;
vertical-align:middle;
padding-left:0rem;
width:100%;
}
/* UF Logo svg */
.X-header .icon-college-logo{
display:none;
}
/* SEARCH BAR */
/* Disable desktop search box */
.X-search-form-container{
display:none;
}
.X-searchTrigger{
display:none;
}
.mobileSearch{
position:relative;
display:table;
vertical-align:middle;
width:100%;
height:3.75rem;
}
.X-search-form-container .search-form{
position:relative;
display:table-cell;
vertical-align:middle;
width:100%;
height:3.75rem;
text-align:center;
}
.X-search-form-container .search-field{
position:relative;
display:table-cell;
vertical-align:middle;
width:70%;
height:2rem;
max-width:631px;
margin:0 auto;
border:1px solid #cccccc;
}
.icon-search, #icon-search, svg.icon.icon-search {
color:#ffffff;
fill:#ffffff;
height: 24px;
top: -2px;
width: 24px;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height: 3.75rem;/* fallback */
max-height:3.75rem;
top: 3.75rem; /* fallback */
display:block;
clear:both;
background-color:#ffffff;
z-index:1;
/* Hide */
transition: all 0.2s ease-out;
position:absolute;
background-color:#faf8f1;
}
.strikeheader {
font-family: Quadon_Medium;
color:rgba(0, 64, 131, 1) !important;
display: block;
vertical-align: middle;
width:100%;
height: 3.75rem;/* fallback */
vertical-align: middle;
color:rgba(0, 64, 131, 1) !important;
letter-spacing:1px;
word-wrap: break-word;
text-align:center;
}
.strikeheader a {
padding-right: 3.75rem;
padding-left: 3.75rem; border:1px solid red;
}
.strikeRight a{
height: 3.75rem;/* fallback */
}
/* QUICKLINKS */
.X-quickLinks{
fill:#ffffff;
color:#ffffff;
position:absolute;
padding:1rem;
margin:0px;
bottom:0px;
top:0px;
right:6.25rem;
background-color: #13599a;
width:10.9375rem;
height:6.25rem;
z-index:2;
font-family:Quadon_Medium;
font-size:1.25rem;
text-align:center;
display:none;
}
.X-quickLinks > span{
display:table-cell;
vertical-align:middle;
}
/* Row Three -- MENU */
.X-header .X-menu{
display: block;
height: 3.75rem;/* fallback */
overflow: visible;
top:6.875rem;/* fallback */
width: 100%;
height: 100vh;
position:absolute;
visibility:none;
display: block;
height: 2.5rem;
overflow: visible;
display: block;
top:3.75rem;
right:-4000px;
width: 100%;
height: 100vh;
position:absolute;
background-color:#F7F4EB;
padding-bottom:20rem;
}
.fixedPosition {
position: fixed;
}
/* MENU BOX */
.menuBox{
position: absolute;
display: block;
right:0px;
top:0px;
background-color: #4c87b5;
width: 3.75rem;
height: 3.75rem ;
line-height: 3.75rem;
padding:0px;
margin: 0px;
overflow: hidden;
text-align: center;
cursor: pointer;
z-index:1000 !important;
}
.menuBox svg{
vertical-align: middle;
margin-bottom:.3rem;
}
.icon-menu{
width:2rem;
height:2rem;
fill:rgba(255,255,255,1);
}
.icon-close {
width:2.5rem;
height:2.5rem;
fill:rgba(255,255,255,1);
}
.X-menu nav > div > ul{
position:relative; display: block;margin:0;padding:0px; width:100%;padding-bottom: 10rem;
}
.X-menu nav > div > ul > li{
position:relative;
display: block;
margin:0;
padding:0px;
vertical-align:middle;
text-align:center;
width:100%;
}
.X-menu nav > div > ul > li:hover, .X-menu nav > div > ul > li:active {
background: #faf8f1;
}
.X-menu nav > div > ul > li:nth-child(odd) {
background-color:#FFFFF5;
}
.X-menu nav > div > ul > li:nth-child(even) {
background-color: #F5F0DC;
}
.X-menu nav > div > ul > li > a{
display:block;
margin:0;
width:100%;
color: #00529b;
font-family: Gentona_Bold;
font-size:1.125rem;
letter-spacing: 2px;
text-transform: uppercase;
vertical-align: middle;
padding:1rem 1rem 1rem 1rem;
text-align: left;
}
.X-menu nav > div > ul > li > a:hover {
color: #00529b;
}
/* Dropdown Menu */
.X-menu nav > div > ul > li > ul {
position: relative;
margin: 0;
padding: 0;
/* Hide Sub Menu */
display:none;
opacity: 0;
visibility: hidden;
list-style: none;
width: auto;
background: none;
padding: 0 0 0 1rem;
margin:0px;
padding-bottom: 2rem;
}
.js .menu-toggle{
display: none;
}
/* SHOW Sub Menu
.X-menu nav ul li:hover ul, .X-menu nav ul li:active ul {
display: block;
position: relative;
opacity:1;
visibility: visible;
transition: all 0.8s ease 0s;
z-index:10;
background: #fffdf5;;
}
*/
li.menu-item-has-children > ul {
display:none;
}
.X-menu nav > div > ul > li.open > ul {
position: relative;
display: block;
visibility: visible;
transition: all 0.8s ease 0s;
z-index:100;
background: #fffdf5;;
opacity:1;
}
.X-menu nav > div > ul > li .icon-caret {
margin-top: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.X-menu nav > div > ul > li > ul > li, .X-menu .sub-menu li {
word-break: break-word;
margin:0px;padding:0px;
}
.X-menu nav > div > ul > li > ul > li > a, .X-menu .sub-menu li a {
color: #00529b;
border-top: 1px solid #eae5d7;
display: block;
font-family: Gentona_Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1.125rem;
margin:0px;
padding:.7rem .7rem .7rem .7rem;
text-align: left;
text-transform: none;
}
.X-menu nav > div > ul > li > ul > li > a:hover{
color:#c24700;
}
.icon-angle-down{
width:1.5rem;
height:1.5rem;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
transition: all 0.33s ease 0s;
z-index:10;
}
li.open .icon-angle-down{
width:1.5rem;
height:1.5rem;
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg);
transition: all 0.33s ease 0s;
}
button.dropdown-toggle {
position:absolute;
background-color: transparent;
display:table-cell;
vertical-align:middle;
float:right;
right:0px;
top:0px;
height:3.4375rem;
width:3.4375rem;
border:0px;
cursor: pointer;
}
button.dropdown-toggle ::-moz-focus-inner {
border: 0;
}
.X-menu nav > div > ul > li > button.dropdown-toggle :active {
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg);
transition: all 0.33s ease 0s;
}
}
/* ------------------BREAK POINTS FOR BRANDING & MENU - Mobile ------------------ */
@media only screen and (min-width:0px) and (max-width : 767px) {
/* Top-level menu */
.navigation-top {
text-align:center;
margin:0 auto;
width:100%;
padding:0px;
transition: all 0.5s ease;
}
/* Main div box */
.hideInMobile{
display:none;
}
.X-header {
position: fixed;
top: 0px;
width: 100%;
height: 3.75rem;/* fallback */
max-height:3.75rem;
display: table;
clear: both;
z-index:2;
transition: all .2s ease-in-out;
overflow: visible;
background-color:rgba(255,255,255);
}
/* UF Logo -- floated above two rows */
.X-header .uf{
width: 3.75rem;/* fallback */
max-width:3.75rem;
height: 3.75rem;/* fallback */
max-height:3.75rem;
position:absolute;
top:0px;
left:0px;
z-index:10;
transition: all .2s ease-in-out;
}
/* UF Logo svg */
.X-header .icon-uflogo{
width: 3.75rem;
max-width:3.75rem;
height: 3.75rem;
max-height:3.75rem;
z-index: 10;
}
/* Row One -- COLLEGE Name */
.college-logo-desktop{
display:none;
}
.college-logo-tablet{
display:none;
}
.college-logo-mobile{
display:block;
}
.X-header .college {
width:100%;
position:relative;
height: 3.75rem;/* fallback */
max-height:3.75rem;
display:table;
clear:both;
background-color:rgba(0, 64, 131, 1);
text-align:center;
}
.X-header .college a{
font-family: Gentona_Medium;
color:#ffffff;
text-decoration: none;
font-weight:normal;
font-size:1.2rem; /* fallback */
line-height:1;
padding:0px;
padding-left:3.75rem;
padding-right:3.75rem;
margin:0px;
text-align:center;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height:3.875rem;
top:3.9375rem;
display:block;
clear:both;
background-color:#F7F4EB;
z-index:1;
border-bottom:1px solid #efede6;
text-align:center;
}
.X-header .department a {
display:table-cell;
vertical-align:middle;
padding-left:0rem;
width:100%;
padding-left: .5rem;
padding-right: .5rem;
}
/* UF Logo svg */
.X-header .icon-college-logo{
display:none;
}
/* SEARCH BAR */
/* Disable desktop search box */
.X-search-form-container{
display:none;
}
.X-searchTrigger{
display:none;
}
.mobileSearch{
position:relative;
display:table;
vertical-align:middle;
width:100%;
height:3.75rem;
}
.X-search-form-container .search-form{
position:relative;
display:table-cell;
vertical-align:middle;
width:100%;
height:3.75rem;
text-align:center;
}
.X-search-form-container .search-field{
position:relative;
display:table-cell;
vertical-align:middle;
width:70%;
margin-right:4.75rem;
margin-left:1rem;
height:2rem;
max-width:631px;
border:1px solid #cccccc;
}
.icon-search, #icon-search, svg.icon.icon-search {
color:#ffffff;
fill:#ffffff;
height: 24px;
top: -2px;
width: 24px;
}
/* Row Two -- DEPARTMENT Name */
.X-header .department {
width:100%;
height: 3.75rem;/* fallback */
max-height:3.75rem;
top: 3.75rem; /* fallback */
display:block;
clear:both;
background-color:#ffffff;
z-index:1;
/* Hide */
transition: all 0.2s ease-out;
position:absolute;
background-color:#faf8f1;
}
.strikeheader {
font-family: Quadon_Medium;
color:rgba(0, 64, 131, 1) !important;
display: block;
vertical-align: middle;
width:100%;
height: 3.75rem;/* fallback */
vertical-align: middle;
color:rgba(0, 64, 131, 1) !important;
letter-spacing:1px;
word-wrap: break-word;
text-align:center;
}
.strikeheader a {
padding-right: 3.75rem;
padding-left: 3.75rem; border:1px solid red;
}
.strikeRight a{
height: 3.75rem;/* fallback */
}
/* QUICKLINKS */
.X-quickLinks{
fill:#ffffff;
color:#ffffff;
position:absolute;
padding:1rem;
margin:0px;
bottom:0px;
top:0px;
right:6.25rem;
background-color: #13599a;
width:10.9375rem;
height:6.25rem;
z-index:2;
font-family:Quadon_Medium;
font-size:1.25rem;
text-align:center;
display:none;
}
.X-quickLinks > span{
display:table-cell;
vertical-align:middle;
}
/* Row Three --- MENU */
.X-header .X-menu{
display: block;
height: 3.75rem;/* fallback */
overflow: visible;
top:6.875rem;/* fallback */
width: 100%;
height: 100vh;
position:absolute;
visibility:none;
display: block;
height: 2.5rem;
overflow: visible;
display: block;
top:3.75rem;
right:-4000px;
width: 100%;
height: 100vh;
position:absolute;
background-color:#F7F4EB;
padding-bottom:20rem;
}
.fixedPosition {
position: fixed;
}
/* MENU BOX */
.menuBox{
position: absolute;
display: block;
right:0px;
top:0px;
background-color: #4c87b5;
width: 3.75rem;
height: 3.75rem ;
line-height: 3.75rem;
padding:0px;
margin: 0px;
overflow: hidden;
text-align: center;
cursor: pointer;
z-index:1000 !important;
}
.menuBox svg{
vertical-align: middle;
margin-bottom:.3rem;
}
.icon-menu{
width:2rem;
height:2rem;
fill:rgba(255,255,255,1);
}
.icon-close {
width:2.5rem;
height:2.5rem;
fill:rgba(255,255,255,1);
}
.X-menu nav > div > ul{
position:relative;
display: block !important;
margin:0;
padding:0px !important;
width:100%;
padding-bottom: 10rem;
}
.X-menu nav > div > ul > li{
position:relative;
display: block;
margin:0;
padding:0px;
vertical-align:middle;
text-align:center;
width:100%;
}
.X-menu nav > div > ul > li:hover, .X-menu nav > div > ul > li:active {
background: #faf8f1;
}
.X-menu nav > div > ul > li:nth-child(odd) {
background-color:#FFFFF5;
}
.X-menu nav > div > ul > li:nth-child(even) {
background-color: #F5F0DC;
}
.X-menu nav > div > ul > li > a{
display:block;
margin:0;
width:100%;
color: #00529b;
font-family: Gentona_Bold;
font-size:1.125rem;
letter-spacing: 2px;
text-transform: uppercase;
vertical-align: middle;
padding:1rem 1rem 1rem 1rem !important;
text-align: left;
}
.X-menu nav > div > ul > li > a:hover {
color: #00529b !important;
}
/* Dropdown Menu */
.X-menu nav > div > ul > li > ul {
position: relative;
margin: 0;
padding: 0;
/* Hide Sub Menu */
display:none;
opacity: 0;
visibility: hidden;
list-style: none;
width: auto;
background: none;
padding: 0 0 0 1rem;
margin:0px;
padding-bottom: 2rem;
}
.js .menu-toggle {
display: none;
}
/* SHOW Sub Menu
.X-menu nav ul li:hover ul, .X-menu nav ul li:active ul {
display: block;
position: relative;
opacity:1;
visibility: visible;
transition: all 0.8s ease 0s;
z-index:10;
background: #fffdf5;;
}
*/
.X-menu nav > div > ul > li.open > ul {
position: relative;
display: block;
visibility: visible;
transition: all 0.8s ease 0s;
z-index:100;
background: #fffdf5;;
opacity:1;
}
.X-menu nav > div > ul > li .icon-caret {
margin-top: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.X-menu nav > div > ul > li > ul > li, .X-menu .sub-menu li {
word-break: break-word;
margin:0px;padding:0px;
}
.X-menu nav > div > ul > li > ul > li > a, .X-menu .sub-menu li a {
color: #00529b;
border-top: 1px solid #eae5d7;
display: block;
font-family: Gentona_Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1.125rem;
margin:0px;
padding:.7rem .7rem .7rem .7rem;
text-align: left;
text-transform: none;
}
.X-menu nav > div > ul > li > ul > li > a:hover{
color:#c24700;
}
.icon-angle-down{
width:1.5rem;
height:1.5rem;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
transition: all 0.33s ease 0s;
z-index: 10;
}
li.open .icon-angle-down{
width:1.5rem;
height:1.5rem;
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg);
transition: all 0.33s ease 0s;
}
button.dropdown-toggle {
position:absolute;
background-color: transparent;
display:table-cell;
vertical-align:middle;
float:right;
right:0px;
top:0px;
height:3.4375rem;
width:3.4375rem;
border:0px;
cursor: pointer;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.X-menu nav > div > ul > li > button.dropdown-toggle :active {
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg);
transition: all 0.33s ease 0s;
}
}
@media only screen and (min-width: 1024px) {
.showMenu{
z-index:1000 !important;
transition: all 0.3s ease;
display:block;
top:6.25rem;
text-align:center;
margin:0 auto;
border-top:rgb(0,32,65);
height:100%;
overflow:visible;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
right:0px !important;
}
}
/* iPhone */
@media only screen and (min-width: 0px) and (max-width : 1024px) {
.showMenu{
z-index:1000 !important;
transition: all 0.5s ease;
display:block;
top:3.75rem;
text-align:center;
margin:0 auto;
border-top:rgb(0,32,65);
height:100%;
overflow:visible;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
right:0px !important;
outline: none;
}
.top-margin-shim{
padding-top:7.5rem;
}
}
/* ALIGENMENTS */
.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;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Aligned blockquotes */
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
@media screen and (min-width: 30em) {
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
}
@media screen and (min-width: 48em) {
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
}
/* POST NAVIGATION */
.nav-links{
width:70%;
position:relative;
display: block;
clear: both;
padding:0px;margin:0px;
margin:0 auto;
padding-top:2rem;
padding-bottom:2rem;
text-align:center;
overflow:hidden;
}
.nav-previous, .nav-next {
position:relative;
width:45%;
height:100%;
display:inline-block;
padding:0px;
margin:0 auto;
vertical-align:top;
text-align:center;
}
.nav-previous a:hover , .nav-next a:hover {
text-decoration:none;
}
.nav-previous .nav-title {
display:block;
margin:0 auto;
text-align:center;
font-family: Gentona_Book;
font-size: .9rem;
padding-top: 1rem;
}
.nav-previous .nav-title .nav-title-icon-wrapper{
text-align:center;
}
.nav-subtitle {
font-family:Gentona_Book;
font-size:.9rem;
text-transform:uppercase;
padding:.5rem;
letter-spacing:.05rem;
color:rgb(75,75,75);
text-decoration:none;
display:block;
margin:0 auto;
text-align:center;
}
.nav-next {
margin:0 auto;
}
.nav-next .nav-title{
position:relative;
display:block;
margin:0 auto;
text-align:center;
width:100%;
padding-top:4rem;
font-family: Quadon_RegularItalic;
font-size: .9rem;
}
.nav-next .nav-title .nav-title-icon-wrapper{
position:absolute;
top:2rem;
display:block;
margin:0 auto;
left:50%;
margin:-1rem;
width:2rem;
height:2rem;
}
.nav-next .nav-title .nav-title-icon-wrapper .icon-arrow-right, .icon-arrow-right, .icon-arrow-left{
width:2rem;
height:2rem;
}
/* Navigation for Search */
.pagination {
display: block;
clear: both;
}
.page-numbers{
vertical-align:middle;
display:inline-block;
font-size:1.2rem;
font-family:Gentona_Book;
height:3rem;
line-height:3rem;
}
.page-numbers svg{
vertical-align:middle;
}
a.page-numbers {
padding-left:1rem;
padding-right:1rem;
color: #337ab7;
}
span.current {
font-size:1.4rem;
line-height:3rem;
font-weight:bold;
padding-top:0px;
margin-top:0px;
padding-left:1rem;
padding-right:1rem;
}
span.current :hover {
color:#23527c;
background:#f45a1d;
}
a.page-numbers .icon-arrow-left , a.page-numbers:hover .icon-arrow-right{
transition: width .1s linear .1s, height .1s linear .1s;
-webkit-transition: width .1s linear .1s, height .1s linear .1s;
-o-transition: width .1s linear .1s, height .1s linear .1s;
-moz-transition: width .1s linear .1s, height .1s linear .1s;
position: relative;
width: 2rem;
height: 2rem;
max-width: 3rem;
max-height: 3rem;
}
a.page-numbers:hover .icon-arrow-left, a.page-numbers:hover .icon-arrow-right {
width:2.5rem;
height: 2.5rem;
}
a.page-numbers .icon-arrow-left:hover {
}
/* FEATURED IMAGE */
.single-featured-image-header {
display:block;
clear: both;
margin: 0 auto;
margin-bottom: 0px;
max-width:1440px;
margin: 0px;
padding: 0px;
display: block;
clear:both;
}
.panel-image {
display:block;
clear: both;
margin: 0 auto;
margin-bottom: 0px;
max-width:2000px;
margin: 0px;
padding: 0px;
display: block;
clear:both;
}
.panel-image {
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.single-featured-image-header img {
display:block;
clear:both;
width:100%;
margin: 0px;
padding: 0px;
}
.single-featured-image-header .featured-image-caption {
display:block;
clear:both;
margin: 0px;
padding: 0px;
}
.single-featured-image-header .featured-image-caption .wrap {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
/* BREAK POINTS FOR POST NAVIGATION */
@media only screen and (min-width:0px) and (max-width : 736px) {
.nav-links{
width:100%;
}
}
/* Add margins to compensate for the FIXED branding header (X-header) */
@media only screen and (min-width:2000px) {
.X-header {
margin-top:0rem;
}
.single-featured-image-header, .panel-image{
position: relative;
display: block;
margin: 0 auto;
width:100%;
max-width:1440px;
margin: 0 auto;
margin-top:10.15625rem;
}
.panel-image{
position: relative;
display: block;
margin: 0 auto;
width:100%;
max-width:2000px;
margin: 0 auto;
margin-top:10.15625rem;
}
/* .post-template-single-featured-story */
.post-template-single-featured-story .single-featured-image-header {
max-width:2000px;
}
/* .post-template-single-image-header */
.post-template-single-image-header .single-featured-image-header {
max-width:2000px;
}
:not(.has-featured-image .home) .site-content-contain{
margin-top:10.15625rem;
}
:not(.panel-image) .site-content-contain{
margin-top:10.15625rem;
}
.has-featured-image .site-content-contain{
margin-top:0rem !important;
}
.home .site-content-contain{
margin-top:10.15625rem;
}
.search-results .site-content-contain {
margin-top:12.375rem;
}
/* If the post is a News Article & it has a Featured Image*/
.post-template-single-news-article .single-featured-image-header + .site-content-contain{
margin-top:0rem;
}
/* If admin bar is present... */
.admin-bar .X-header {
margin-top:2rem;
}
}
/* Add margins to compensate for the FIXED branding header (X-header) */
@media only screen and (min-width:1024px) and (max-width : 2000px) {
.X-header {
margin-top:0rem;
}
.single-featured-image-header, .panel-image{
position: relative;
display: block;
margin: 0 auto;
width:100%;
max-width:1440px;
margin: 0 auto;
margin-top:9.375rem;
}
.panel-image{
position: relative;
display: block;
margin: 0 auto;
width:100%;
max-width:2000px;
margin: 0 auto;
margin-top:9.375rem;
}
/* .post-template-single-featured-story */
.post-template-single-featured-story .single-featured-image-header {
max-width:2000px;
}
/* .post-template-single-image-header */
.post-template-single-image-header .single-featured-image-header {
max-width:2000px;
}
:not(.has-featured-image .home) .site-content-contain{
margin-top:9.375rem;
}
:not(.panel-image) .site-content-contain{
margin-top:9.375rem;
}
.has-featured-image .site-content-contain{
margin-top:0rem !important;
}
.home .site-content-contain{
margin-top:9.375rem;
}
.search-results .site-content-contain {
margin-top:11.375rem;
}
/* If the post is a News Article & it has a Featured Image*/
.post-template-single-news-article .single-featured-image-header + .site-content-contain{
margin-top:0rem;
}
/* If admin bar is present... */
.admin-bar .X-header {
margin-top:2rem;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.X-header {
margin-top:0rem;
}
.single-featured-image-header, .panel-image{
margin-top:7.5rem;
}
:not(.has-featured-image .home) .site-content-contain{
margin-top:7.5rem;
}
:not(.panel-image) .site-content-contain{
margin-top:7.5rem;
}
.has-featured-image .site-content-contain{
margin-top:0rem !important;
}
.home .site-content-contain{
margin-top:7.5rem;
}
.search-results .site-content-contain {
margin-top:9.5rem;
}
/* If admin bar is present... */
.admin-bar .X-header {
margin-top:2rem;
}
}
@media only screen and (min-width:0px) and (max-width : 768px) {
.X-header {
margin-top:0rem;
}
.single-featured-image-header,.panel-image{
margin-top:7.5rem;
}
:not(.has-featured-image .home) .site-content-contain{
margin-top:7.5rem;
}
:not(.panel-image) .site-content-contain{
margin-top:7.5rem;
}
.has-featured-image .site-content-contain{
margin-top:0rem !important;
}
.home .site-content-contain{
margin-top:7.5rem;
}
.search-results .site-content-contain {
margin-top:8.5rem;
}
/* If admin bar is present... */
.admin-bar .X-header {
margin-top:2.875rem;
}
#wpadminbar {
position: fixed;
top:0px;
}
}
/* ------------------DEFAULT LAYOUT FOR THE ENTIRE SITE ------------------ */
/* This will be overwritten by the templates */
/* Pages should have a minimum height in case they are blank. This prevents the footer from sticking to the header */
#primary: not(.home) {
min-height: 50vh;
}
/* Disable all the padding that .wrap inserts for headers (h1) */
.entry-header .wrap {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
*:not(.post-template-single-featured-story) .entry-content > .wrap {
padding-top: 0px !important;
margin-top: 0px !important;
}
@media only screen and (min-width:1024px) {
.post-template-single-featured-story .entry-content > .wrap {
padding-top:2rem !important;
}
}
@media only screen and (min-width:1024px) {
.wrap{
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
#primary {
position:relative;
display: block;
width: 100%;
}
aside#secondary {
display:none;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.wrap {
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
#primary {
display:block;
clear:both;
width: 100%;
}
#secondary {
display:none;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.wrap {
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
#primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
#secondary{
display:none;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.wrap {
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:1rem;
}
#primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
#secondary {
display:none;
}
}
/* ------------------SINGLE COLUMN LAYOUTS: Home Page, Default Post, Default Page, Featured Story ------------------ */
@media only screen and (min-width:1024px) {
.home .wrap, .post-template-default .wrap, .page-template-default .wrap, .post-template-single-magazine-article .wrap, .post-template-single-news-article .wrap, .post-template-single-featured-story .wrap{
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding-bottom:0px !important;
}
.home > #page > .site-content-contain > .wrap{
padding-bottom:0px !important;
}
.home:not(.error404) #primary, .post-template-default #primary , .page-template-default #primary, .post-template-single-magazine-article #primary, .post-template-single-news-article #primary, .post-template-single-featured-story #primary {
position:relative;
display: block;
width: 100%;
}
.home #secondary, .post-template-default #secondary , .page-template-default #secondary, .post-template-single-magazine-article #secondary, .post-template-single-news-article #secondary, .post-template-single-featured-story #secondary {
display:none;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.home .wrap, .post-template-default .wrap, .page-template-default .wrap, .post-template-single-magazine-article .wrap, .post-template-single-news-article .wrap, .post-template-single-featured-story .wrap {
position:relative;
max-width: 864px;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
.home:not(.error404) #primary, .post-template-default #primary, .page-template-default #primary, .post-template-single-magazine-article #primary, .post-template-single-news-article #primary, .post-template-single-featured-story #primary {
display:block;
clear:both;
width: 100%;
}
.home #secondary, .post-template-default #secondary, .page-template-default #secondary, .post-template-single-magazine-article #secondary, .post-template-single-news-article #secondary , .post-template-single-featured-story #secondary {
display:none;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.home .wrap, .post-template-default .wrap, .page-template-default .wrap, .post-template-single-magazine-article .wrap, .post-template-single-news-article .wrap, .post-template-single-featured-story .wrap {
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
.home:not(.error404) #primary, .post-template-default #primary, .page-template-default #primary, .post-template-single-magazine-article #primary, .post-template-single-news-article #primary, .post-template-single-featured-story #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.home #secondary, .post-template-default #secondary, .page-template-default #secondary, .post-template-single-magazine-article #secondary, .post-template-single-news-article #secondary , .post-template-single-featured-story #secondary{
display:none;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.home .wrap, .post-template-default .wrap, .page-template-default .wrap, .post-template-single-magazine-article .wrap, .post-template-single-news-article .wrap , .post-template-single-featured-story .wrap {
position:relative;
max-width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:1rem;
}
.home:not(.error404) #primary , .post-template-default #primary, .page-template-default #primary, .post-template-single-magazine-article #primary, .post-template-single-news-article #primary, .post-template-single-featured-story #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.home #secondary, .post-template-default #secondary, .page-template-default #secondary, .post-template-single-magazine-article #secondary , .post-template-single-news-article #secondary, .post-template-single-featured-story #secondary {
display:none;
}
}
/* FULL WIDTH PAGE FOR Visual Composer - Remove Wraps*/
@media only screen and (min-width:1024px) {
.page-template-single-full-width .wrap, .post-template-single-full-width .wrap{
max-width:100% !important;
padding:0px;
}
.page-template-single-full-width #primary, .post-template-single-full-width #primary{
width:100% !important;
display:block;
padding:0px;
}
.page-template-single-full-width #secondary, .post-template-single-full-width #secondary{
width:100%;
display: none;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.page-template-single-full-width .wrap, .post-template-single-full-width .wrap {
max-width:100% !important;
padding:0px;
}
.page-template-single-full-width #primary, .post-template-single-full-width #primary{
width:100% !important;
display:block;
padding:0px;
}
.page-template-single-full-width #secondary, .post-template-single-full-width #secondary{
width:100%;
display: none;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.page-template-single-full-width .wrap, .post-template-single-full-width .wrap {
max-width:100% !important;
padding:0px;
}
.page-template-single-full-width #primary, .post-template-single-full-width #primary{
width:100% !important;
display:block;
padding:0px;
}
.page-template-single-full-width #secondary, .post-template-single-full-width #secondary{
width:100%;
display: none;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.page-template-single-full-width .wrap, .post-template-single-full-width .wrap {
max-width:100% !important;
padding:0px;
}
.page-template-single-full-width #primary, .post-template-single-full-width #primary{
width:100% !important;
display:block;
padding:0px;
}
.page-template-single-full-width #secondary, .post-template-single-full-width #secondary{
width:100%;
display: none;
}
}
.read-more {
font-family: Gentona_Bold;
text-transform: uppercase;
color: rgb(0,82,155);
text-decoration: none;
display: block;
clear: both;
font-size: 1.3rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: bold;
}
/* post-template-single-featured-story -- SIMPLIFY THIS AT A LATER DATE*/
@media only screen and (min-width:1400px) {
.post-template-single-featured-story .single-featured-image-header,
.page-template-single-featured-story .single-featured-image-header {
max-width: 2000px;
}
.post-template-single-featured-story .single-featured-image-header .textOverImage .wrap,
.page-template-single-featured-story .single-featured-image-header .textOverImage .wrap {
position: absolute;
right: 0px;
top: 40%;
display: block;
padding: 3rem;
margin: 0 auto;
max-width:40%;
background-color:rgba(0,0,0,.5);
}
.textOverImage h1 {
font-family: 'Quadon_Medium',times,serif;
font-size: 3rem;
overflow-wrap: normal;
line-height: 1.3;
color: #fff;
border-bottom: 2px solid #f1e98c;
}
.textOverImage h2 {
font-family: 'Quadon_Medium',times,serif;
overflow-wrap: normal;
color: #eee;
}
}
@media only screen and (min-width:1200px) and (max-width : 1400px) {
.post-template-single-featured-story .single-featured-image-header {
max-width: 2000px;
}
.post-template-single-featured-story .single-featured-image-header .textOverImage .wrap,
.page-template-single-featured-story .single-featured-image-header .textOverImage .wrap {
position: absolute;
right: 0px;
top: 20%;
display: block;
padding: 3rem;
margin: 0 auto;
max-width:50%;
background-color:rgba(0,0,0,.5);
}
.textOverImage h1 {
font-family: 'Quadon_Medium',times,serif;
font-size: 3rem;
overflow-wrap: normal;
line-height: 1.3;
color: #fff;
border-bottom: 2px solid #f1e98c;
}
.textOverImage h2 {
font-family: 'Quadon_Medium',times,serif;
overflow-wrap: normal;
color: #eee;
}
}
@media only screen and (min-width:1024px) and (max-width : 1200px) {
.post-template-single-featured-story .single-featured-image-header,
.page-template-single-featured-story .single-featured-image-header {
max-width: 2000px;
}
.post-template-single-featured-story .single-featured-image-header .textOverImage .wrap,
.page-template-single-featured-story .single-featured-image-header .textOverImage .wrap {
position: absolute;
right: 0px;
top: 10%;
display: block;
padding: 3rem;
margin: 0 auto;
max-width:50%;
background-color:rgba(0,0,0,.5);
}
.textOverImage h1 {
font-family: 'Quadon_Medium',times,serif;
font-size: 2.2rem;
overflow-wrap: normal;
line-height: 1.3;
color: #fff;
border-bottom: 2px solid #f1e98c;
}
.textOverImage h2 {
font-family: 'Quadon_Medium',times,serif;
overflow-wrap: normal;
color: #eee;
}
}
@media only screen and (min-width:768px) and (max-width : 1023px) {
.post-template-single-featured-story .single-featured-image-header .wrap,
.page-template-single-featured-story .single-featured-image-header .wrap {
padding-top:0px;
padding-bottom:0px;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.post-template-single-featured-story .single-featured-image-header .wrap,
.page-template-single-featured-story .single-featured-image-header .wrap {
padding-top:0px;
padding-bottom:0px;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.post-template-single-featured-story .single-featured-image-header .wrap,
.page-template-single-featured-story .single-featured-image-header .wrap {
padding-top:0px;
padding-bottom:0px;
}
}
/* ------------------RIGHT SIDEBAR POST & PAGES ------------------ */
@media only screen and (min-width:1024px) {
.post-template-single-right-sidebar .wrap, .page-template-single-right-sidebar .wrap{
position:relative;
max-width: 1120px;
display: block;
margin: 0 auto;
clear:both;
padding: 3rem;
}
.post-template-single-right-sidebar:not(.error404) #primary, .page-template-single-right-sidebar:not(.error404) #primary {
position:relative;
display: block;
float: left;
width: 67%;
}
.post-template-single-right-sidebar #secondary, .page-template-single-right-sidebar #secondary {
position:relative;
display: block;
float: right;
width: 30%;
padding-top:1rem;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.post-template-single-right-sidebar .wrap, .page-template-single-right-sidebar .wrap{
display: block;
clear: both;
max-width: 100%;
padding: 2rem;
}
.post-template-single-right-sidebar:not(.error404) #primary, .page-template-single-right-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-right-sidebar #secondary, .page-template-single-right-sidebar #secondary{
padding-top:1rem;
display: block;
clear:both;
width: 100%;
padding-top: 2rem;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.post-template-single-right-sidebar .wrap, .page-template-single-right-sidebar .wrap{
display: block;
clear: both;
max-width: 100%;
padding: 2rem;
}
.post-template-single-right-sidebar:not(.error404) #primary, .page-template-single-right-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-right-sidebar #secondary, .page-template-single-right-sidebar #secondary{
display:block;
clear:both;
width: 100%;
padding-top: 2rem;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.post-template-single-right-sidebar .wrap, .page-template-single-right-sidebar .wrap{
display:block;
clear:both;
max-width: 100%;
padding: 1rem;
}
.post-template-single-right-sidebar:not(.error404) #primary, .page-template-single-right-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-right-sidebar #secondary, .page-template-single-right-sidebar #secondary{
display:block;
clear:both;
width: 100%;
padding-top: 2rem;
}
}
/* ------------------LEFT SIDEBAR POST ------------------ */
@media only screen and (min-width:1024px) {
.post-template-single-left-sidebar .wrap, .page-template-single-left-sidebar .wrap{
position:relative;
max-width: 1120px;
display: block;
margin: 0 auto;
clear:both;
padding:3rem;
}
.post-template-single-left-sidebar:not(.error404) #primary, .page-template-single-left-sidebar:not(.error404) #primary {
float: right;
width: 67%;
display: table-cell;
}
.post-template-single-left-sidebar #secondary, .page-template-single-left-sidebar #secondary{
position:relative;
display: block !important;
float: left;
width: 30%;
padding-top:1rem;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.post-template-single-left-sidebar .wrap, .page-template-single-left-sidebar .wrap{
position:relative;
width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
.post-template-single-left-sidebar:not(.error404) #primary, .page-template-single-left-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-left-sidebar #secondary, .page-template-single-left-sidebar #secondary{
display:block;
clear:both;
width: 100%;
padding-top:2rem;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.post-template-single-left-sidebar .wrap, .page-template-single-left-sidebar .wrap{
position:relative;
width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:2rem;
}
.post-template-single-left-sidebar:not(.error404) #primary, .page-template-single-left-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-left-sidebar #secondary, .page-template-single-left-sidebar #secondary{
display:block;
clear:both;
width: 100%;
padding-top:2rem;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.post-template-single-left-sidebar .wrap, .page-template-single-left-sidebar .wrap{
position:relative;
width: 100%;
display: block;
margin: 0 auto;
clear:both;
padding:1rem;
}
.post-template-single-left-sidebar:not(.error404) #primary, .page-template-single-left-sidebar:not(.error404) #primary {
display:block;
clear:both;
width: 100%;
max-width: 832px;
}
.post-template-single-left-sidebar #secondary, .page-template-single-left-sidebar #secondary{
display:block;
clear:both;
width: 100%;
padding-top:1rem;
}
}
/* WRAP CLASSES */
.breakout-hd, .hd-breakout, .max1920{
max-width:1920px !important;
position:relative !important;
display:block !important;
}
.breakout-jumbo, .jumbo-breakout, .max1440{
max-width:1440px !important;
position:relative !important;
display:block !important;
}
.breakout, .breakout-of-page, .max940{
max-width:940px !important;
position:relative !important;
display:block !important;
}
.page-wide, .max768 {
max-width:768px !important;
position:relative !important;
display:block !important;
}
.max2000{
max-width:2000px !important;
position:relative !important;
display:block !important;
}
/*--------------------------- PARENT GRID ---------------------------*/
.X-row {
clear:both;
display:block;
width:100%;
overflow:hidden;
margin:0 auto;
}
.row > div:nth-child(odd) {
}
.row > div:nth-child(even) {
}
.X-col {
float:left;
}
.pad1{
padding:1rem;
}
/* GRID: iPhone*/
@media only screen and (min-width:0px) and (max-width :736px) {
.X-row {
width:100%;
}
.X-col{
width:100%;clear:both;display:block;
}
.p10, .p20, .p25, .p30, .p33, .p40, .p50, .p60, .p70, .p80, .p90, .p100 {
width:100%;
}
.pad1{
padding:0rem;
}
}
/* GRID: iPad, Desktop*/
@media only screen and (min-width:736px) {
.X-row {
width:100%;
}
.X-col{
float:left;
clear: none;
}
.p10{width:10%;}
.p20{width:20%;}
.p25{width:25%;}
.p30{width:30%;}
.p33{width:33.333333333%;}
.p40{width:40%;}
.p50{width:50%;}
.p60{width:60%;}
.p70{width:70%;}
.p80{width:80%;}
.p90{width:90%;}
.p100{width:90%;}
}
/*--------------------------- PARENT GRID: grid-123 ---------------------------*/
/* One column for mobile
Two columns for tablets
Three columns for desktop
*/
/* grid-123 GRID: Desktop*/
@media only screen and (min-width:736px) {
.grid-123 .X-row {
width:100%;
}
.grid-123 .X-col{
float:left;
clear:none;
display:inline;
}
.grid-123 .p10{ width:10%; }
.grid-123 .p20{ width:20%; }
.grid-123 .p25{ width:25%; }
.grid-123 .p30{ width:30%; }
.grid-123 .p33{ width:33.333333333%; }
.grid-123 .p40{ width:40%; }
.grid-123 .p50{ width:50%; }
.grid-123 .p60{ width:60%; }
.grid-123 .p70{ width:70%; }
.grid-123 .p80{ width:80%; }
.grid-123 .p90{ width:90%; }
.grid-123 .p100{ width:90%; }
}
/* grid-123 GRID: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 768px) {
.grid-123 .X-row {
width:100%;
}
.grid-123 .X-col{
float:left;
clear:none;
display:inline;
}
.grid-123 .p10{ width:50%; }
.grid-123 .p20{ width:50%; }
.grid-123 .p25{ width:50%; }
.grid-123 .p30{ width:50%; }
.grid-123 .p33{ width:50%; }
.grid-123 .p40{ width:50%; }
.grid-123 .p50{ width:50%; }
.grid-123 .p60{ width:50%; }
.grid-123 .p70{ width:50%; }
.grid-123 .p80{ width:50%; }
.grid-123 .p90{ width:50%; }
.grid-123 .p100{ width:50%; }
}
/* grid-123 GRID: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width : 481px) {
.grid-123{
}
.grid-123 .X-row {
width:100%;
}
.grid-123 .X-col{
width:100%;
clear:both;
display:block;
}
}
/*--------------------------- CHILD GRID: .X-stories ---------------------------*/
.X-stories .X-tile-img a {
display: block;
position: relative;
margin:0px;
padding: 0px;
max-width: 100%;
height: auto;
}
.X-stories .X-tile-img {
display: block;
position: relative;
}
.X-stories .X-tile-img img {
display: block;
position: relative;
}
/* X-tile: HD Desktop*/
@media only screen and (min-width:2000px) {
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:2.5rem;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:4%;
}
.X-stories{
background-color:#fffff5;
margin-top: 2rem;
margin-bottom: 2rem;
}
.home .X-stories{
background-color:#fffff5;
margin-top: 0rem;
margin-bottom: 0rem;
}
.X-stories .X-tile {
position:relative;
}
.X-stories .X-tile-img {
position:relative;
}
.X-stories .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 6.5vh;
min-height: 6.25rem;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
color:#ffffff;
vertical-align: middle;
}
.X-stories .X-tile-txt p{
font-size:1.8rem;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 600;
display: table-cell;
color:#ffffff;
vertical-align: middle;
line-height: 1.1;
padding-left: 1rem;
padding-right: 1rem;
}
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:2.25rem;
font-family:Quadon_Medium;
color:#ffffff;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
}
.X-stories .X-tile-desc {
padding-top:5%;
padding-bottom: 5%;
padding-left:10%;
padding-right:10%;
}
.X-stories .X-tile-desc blockquote, .X-stories .X-tile-desc blockquote q{
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size:1.2rem;
line-height: 140%;
color: rgba(0, 64, 131,1);
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
margin:0px;
}
.X-stories .X-tile-desc blockquote q {
quotes: "“" "”" "‘" "’";
}
.X-stories .X-tile-desc blockquote q:before {
content: open-quote;
color: #ccc;
font-family:Gentona_Book;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
.X-stories .X-tile-desc blockquote q:after {
content: close-quote;
color: #ccc;
margin-left: 0.1em;
}
.X-stories .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 1.25;
}
.X-stories .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.5rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Desktop/Laptop*/
@media only screen and (min-width:1024px) and (max-width : 2000px) {
.X-stories{
background-color:#fffff5;
margin-top: 2rem;
margin-bottom: 2rem;
}
.home .X-stories{
background-color:#fffff5;
margin-top: 0rem;
margin-bottom: 0rem;
}
.X-stories .X-tile {
position:relative;
}
.X-stories .X-tile-img {
position:relative;
}
.X-stories .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 6.5vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
color:#ffffff;
vertical-align: middle;
}
.X-stories .X-tile-txt p{
display: table-cell;
color:#ffffff;
vertical-align: middle;
font-size:1.4rem;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 600;
line-height: 1.1;
padding-left: 1rem;
padding-right: 1rem;
}
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size: 1.8vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
/* In case the grid just has two columns, adjust the font size*/
.X-stories .p50 .X-tile-txt a {
display:table-cell;
width:100%;
height:100%;
font-size:1.1vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
.X-stories .X-tile-desc {
padding-top:5%;
padding-bottom: 5%;
padding-left:10%;
padding-right:10%;
}
.X-stories .X-tile-desc > p {
font-family:Gentona_Book;
color:#4A4A4A;
font-size: 1rem;
}
.X-stories .X-tile-desc blockquote, .X-stories .X-tile-desc blockquote q{
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size: 1.4rem;
line-height: 140%;
color: rgba(0, 64, 131,1);
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
margin:0px;
}
.X-stories .X-tile-desc blockquote q {
quotes: "“" "”" "‘" "’";
}
.X-stories .X-tile-desc blockquote q:before {
content: open-quote;
color: #ccc;
font-family:Gentona_Book;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
.X-stories .X-tile-desc blockquote q:after {
content: close-quote;
color: #ccc;
margin-left: 0.1em;
}
.X-stories .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Desktop*/
@media only screen and (min-width:768px) and (max-width : 1023px) {
.X-stories{
background-color:#fffff5;
margin-top: 1rem;
margin-bottom: 1rem;
}
.home .X-stories{
background-color:#fffff5;
margin-top: 0rem;
margin-bottom: 0rem;
}
.X-stories .X-tile {
position:relative;
}
.X-stories .X-tile-img {
position:relative;
}
.X-stories .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 8vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
color:#ffffff;
vertical-align: middle;
}
.X-stories .X-tile-txt p{
display: table-cell;
color:#ffffff;
vertical-align: middle;
font-size: 1.2rem;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 600;
line-height: 1.1;
padding-left: 1rem;
padding-right: 1rem;
}
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:2vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
/* In case the grid just has two columns, adjust the font size*/
.X-stories .p50 .X-tile-txt a {
display:table-cell;
width:100%;
height:100%;
font-size:1.3vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
.X-stories .X-tile-desc {
padding-top:5%;
padding-bottom: 5%;
padding-left:10%;
padding-right:10%;
}
.X-stories .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
}
.X-stories .X-tile-desc blockquote, .X-stories .X-tile-desc blockquote q{
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size: 1.5rem;
line-height: 140%;
color: rgba(0, 64, 131,1);
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
margin:0px;
}
.X-stories .X-tile-desc blockquote q {
quotes: "“" "”" "‘" "’";
}
.X-stories .X-tile-desc blockquote q:before {
content: open-quote;
color: #ccc;
font-family:Gentona_Book;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
.X-stories .X-tile-desc blockquote q:after {
content: close-quote;
color: #ccc;
margin-left: 0.1em;
}
.X-stories .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 768px) {
.X-stories{
background-color:#fffff5;
margin-top: 1rem;
margin-bottom: 1rem;
}
.home .X-stories{
background-color:#fffff5;
margin-top: 0rem;
margin-bottom: 0rem;
}
.X-stories .X-tile {
position:relative;
}
.X-stories .X-tile-img {
position:relative;
}
.X-stories .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 10vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
color:#ffffff;
vertical-align: middle;
}
.X-stories .X-tile-txt p{
display: table-cell;
color:#ffffff;
vertical-align: middle;
font-size:2.5vw;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 600;
line-height: 1.1;
padding-left: 1rem;
padding-right: 1rem;
}
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:3vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:6%;
padding-right:6%;
}
.X-stories .X-tile-desc p {
font-family:Gentona_Book;
color:#444444;
margin:0px;
padding: 0rem;
overflow-y:scroll !important;
}
.X-stories .X-tile-desc {
display:block;
position:absolute;
height:100%;
overflow-y:scroll !important;
top:0px;
opacity: 0;
/* padding: 0 30px padding is required if using arrow */
padding:0px;
pointer-events: none;
position: absolute;
/* text-align: center; is required if using arrow */
text-align: left;
background-color:rgba(255,255,255,.85);
visibility: hidden;
margin:0px;
padding:0px;
transition: all 1s ease 0s;
padding-top:5%;
padding-bottom: 5%;
padding-left:5%;
padding-right:5%;
}
.X-tile:hover > .X-tile-desc {
top:0px;
opacity: 1;
pointer-events: all;
visibility: visible;
transition: all 1s ease 0s;
}
.X-stories .X-tile-desc blockquote, .X-stories .X-tile-desc blockquote q{
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size: 1.3rem;
line-height: 140%;
color: rgba(0, 64, 131,1);
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
margin:0px;
}
.X-stories .X-tile-desc blockquote q {
quotes: "“" "”" "‘" "’";
}
.X-stories .X-tile-desc blockquote q:before {
content: open-quote;
color: #666666;
font-family:Gentona_Book;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
.X-stories .X-tile-desc blockquote q:after {
content: close-quote;
color: #666666;
margin-left: 0.1em;
}
.X-stories .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
background-color: rgb(0,82,155);
color: rgb(255,255,255) !important;
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
font-weight: bold;
padding:.5rem;
margin-top: .5rem;
margin-bottom: .5rem;
text-align: center;
}
}
/* X-tile: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width : 480px) {
.X-stories{
position: relative;
background-color:#fffff5;
margin-top: 1rem;
margin-bottom: 1rem;
}
.home .X-stories{
background-color:#fffff5;
margin-top: 0rem;
margin-bottom: 0rem;
}
.X-tile{
display:block;position: relative;
}
.X-stories .X-tile-img {
position:relative;
}
.X-stories .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 20vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
color:#ffffff;
vertical-align: middle;
}
.X-stories .X-tile-txt p{
display: table-cell;
color:#ffffff;
vertical-align: middle;
font-size:4vw;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 600;
line-height: 1.1;
padding-left: .5rem;
padding-right: .5rem;
}
.X-stories .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:1.625rem; /*fallback*/
font-size:6vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:center;
vertical-align:middle;
display:table-cell;
padding-top:.5rem;
padding-bottom:.5rem;
}
.X-stories .X-tile-desc p {
font-family:Gentona_Book;
color:#444444;
margin: 0px;
padding: 0rem;
overflow-y:scroll !important;
}
.X-stories .X-tile-desc {
display:block;
position:absolute;
height:100%;
overflow-y:scroll !important;
top:0px;
opacity: 0;
/* padding: 0 30px padding is required if using arrow */
padding:0px;
pointer-events: none;
position: absolute;
/* text-align: center; is required if using arrow */
text-align: left;
background-color:rgba(255,255,255,.85);
visibility: hidden;
margin:0px;
padding:0px;
transition: all 1s ease 0s;
padding-top:5%;
padding-bottom: 5%;
padding-left:5%;
padding-right:5%;
}
.X-tile:hover > .X-tile-desc {
top:0px;
opacity: 1;
pointer-events: all;
visibility: visible;
transition: all 1s ease 0s;
}
.X-stories .X-tile-desc blockquote, .X-stories .X-tile-desc blockquote q{
font-family: 'Quadon_ExtraBoldItalic', Arial, sans-serif;
letter-spacing: 1px;
padding-top: auto;
font-size: 1.2rem;
line-height: 140%;
color: rgba(0, 64, 131,1);
padding: 0px;
margin:0px;
margin-bottom: .5rem;
margin-top: .5rem;
}
.X-stories .X-tile-desc blockquote q {
quotes: "“" "”" "‘" "’";
}
.X-stories .X-tile-desc blockquote q:before {
content: open-quote;
color: #666666;
font-family:Gentona_Book;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
.X-stories .X-tile-desc blockquote q:after {
content: close-quote;
color: #666666;
margin-left: 0.1em;
}
/* Arrow for .X-tile-desc
.X-stories .X-tile-desc:before {
background: #4c87b5;
content: '';
height: 48px;
left: -24px;
margin: -24px 0 0 0;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
width: 48px;
}
*/
.X-stories .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
background-color: rgb(0,82,155);
color: rgb(255,255,255) !important;
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
font-weight: bold;
padding: .5rem;
margin-top: .5rem;
margin-bottom: .5rem;
text-align: center;
}
.X-stories .X-tile-desc-toggle {
top:0px;
display:block;
}
}
/*--------------------------- CHILD GRID: .X-blocks ---------------------------*/
.X-blocks .X-tile{
border-bottom:3px solid #F7F4EB;
}
.X-departments .X-tile-txt a {
font-size: 2.25rem;
}
.X-blocks .X-tile-img a {
display: block;
position: relative;
margin:0px;
padding: 0px;
max-width: 100%;
height: auto;
}
.X-blocks .X-tile-img {
display: block;
position: relative;
}
.X-blocks .X-tile-img img {
display: block;
position: relative;
}
/* X-tile: HD Desktop*/
@media only screen and (min-width:2000px) {
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:2.5rem;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:4%;
display:none;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
font-size:1.2rem;
}
.X-blocks{
background-color:#fffff5;
margin-top: 2rem;
margin-bottom: 2rem;
}
.X-blocks .X-tile {
position:relative;
}
.X-blocks .X-tile-img {
position:relative;
}
.X-blocks .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 6.5vh;
min-height: 6.25rem;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
}
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:1.4rem;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
.X-big-font .X-tile-txt a {
font-size: 2rem !important;
}
.X-blocks .X-tile-desc {
padding-top:5%;
padding-left:10%;
padding-right:10%;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
}
.X-blocks .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Desktop/Laptop*/
@media only screen and (min-width:1024px) and (max-width : 2000px) {
.X-blocks{
background-color:#fffff5;
margin-top: 2rem;
margin-bottom: 2rem;
}
.X-blocks .X-tile {
position:relative;
}
.X-blocks .X-tile-img {
position:relative;
}
.X-blocks .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 6.5vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
}
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:1.4rem;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
.X-big-font .X-tile-txt a {
font-size: 1.5rem !important;
}
.X-blocks .X-tile-desc {
padding-top:5%;
padding-left:10%;
padding-right:10%;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
}
.X-blocks .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: ipad*/
@media only screen and (min-width:768px) and (max-width : 1024px) {
.X-blocks{
background-color:#fffff5;
margin-top: 2rem;
margin-bottom: 2rem;
}
.X-blocks .X-tile {
position:relative;
}
.X-blocks .X-tile-img {
position:relative;
}
.X-blocks .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 8vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
}
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:1.4rem;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1%;
padding-bottom:1%;
padding-left:8%;
padding-right:8%;
}
.X-big-font .X-tile-txt a {
font-size: 1.5rem !important;
}
.X-blocks .X-tile-desc {
padding-top:5%;
padding-left:10%;
padding-right:10%;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#4A4A4A;
}
.X-blocks .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-top:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 768px) {
.X-blocks{
background-color:#fffff5;
margin-top: 1rem;
margin-bottom: 1rem;
}
.X-blocks .X-tile {
position:relative;
}
.X-blocks .X-tile-img {
position:relative;
}
.X-blocks .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 10vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
}
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:2.5vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:left;
vertical-align:middle;
display:table-cell;
padding-top:1rem;
padding-bottom:1rem;
padding-left:1rem;
padding-right:1rem;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#444444;
margin:0px;
padding:1rem;;
overflow-y:scroll !important;
}
.X-blocks .X-tile-desc {
display:block;
position:absolute;
height:100%;
overflow-y:scroll !important;
top:0px;
opacity: 0;
/* padding: 0 30px padding is required if using arrow */
padding:0px;
pointer-events: none;
position: absolute;
/* text-align: center; is required if using arrow */
text-align: left;
background-color:rgba(255,255,255,.85);
color:#ffffff !important;
visibility: hidden;
margin:0px;
padding:0px;
transition: all 1s ease 0s;
}
.X-tile:hover > .X-tile-desc {
top:0px;
opacity: 1;
pointer-events: all;
visibility: visible;
transition: all 1s ease 0s;
}
.X-blocks .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-left:1rem;
padding-bottom:1rem;
font-weight: bold;
}
}
/* X-tile: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width : 481px) {
.X-blocks{
position: relative;
background-color:#fffff5;
margin-top: 1rem;
margin-bottom: 1rem;
}
.X-tile{
display:block;position: relative;
}
.X-blocks .X-tile-img {
position:relative;
}
.X-blocks .X-tile-txt {
position:absolute;
display:table;
width:100%;
height: 20vw;
background:rgba(0,52,108,.8);
bottom:0px;
text-align:center;
}
.X-blocks .X-tile-txt a {
display:block;
width:100%;
height:100%;
font-size:1.625rem; /*fallback*/
font-size:4vw;
font-family:Quadon_Medium;
color:#ffffff !important;
text-align:center;
vertical-align:middle;
display:table-cell;
padding-top:.5rem;
padding-bottom:.5rem;
padding-left:.5rem;
padding-right:.5rem;
}
.X-blocks .X-tile-desc p {
font-family:Gentona_Book;
color:#444444;
margin:0px;
padding:1rem;;
overflow-y:scroll !important;
}
.X-blocks .X-tile-desc {
display:block;
position:absolute;
height:100%;
overflow-y:scroll !important;
top:0px;
opacity: 0;
/* padding: 0 30px padding is required if using arrow */
padding:0px;
pointer-events: none;
position: absolute;
/* text-align: center; is required if using arrow */
text-align: left;
background-color:rgba(255,255,255,.85);
color:#ffffff !important;
visibility: hidden;
margin:0px;
padding:0px;
transition: all 1s ease 0s;
}
.X-tile:hover > .X-tile-desc {
top:0px;
opacity: 1;
pointer-events: all;
visibility: visible;
transition: all 1s ease 0s;
}
/* Arrow for .X-tile-desc
.X-blocks .X-tile-desc:before {
background: #4c87b5;
content: '';
height: 48px;
left: -24px;
margin: -24px 0 0 0;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
width: 48px;
}
*/
.X-blocks .X-tile-desc .read-more {
font-family:Gentona_Bold;
text-transform:uppercase;
color: rgb(0,82,155);
text-decoration:none;
display:block;
clear:both;
font-size:1.3rem;
padding-left:1rem;
padding-bottom:1rem;
font-weight: bold;
}
.X-blocks .X-tile-desc-toggle {
top:0px;
display:block;
}
}
/* ------------------GALLERIES ------------------ */
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
@media screen and (min-width: 30em) {
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
}
@media screen and (min-width: 48em) {
/* Gallery Columns */
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
/** ACCESSIBILITY **/
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
/* Alt text for SVGs */
.SVGaltText{
display:none;
}
/** DISABLE TWENTYSEVENTEEN ELEMENTS **/
.no-comments{
display:none;
}
.skip-link, .screen-reader-text{
display:none;
}
.entry-footer .cat-links .icon, .entry-footer .tags-links .icon, .cat-links {
display:none;
}
.icon-folder-open{
display:none;
}
/*---------- Forms-------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
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 {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
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;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button :not('.icon-angle-down'),
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus :not('.icon-angle-down'),
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
.X-search-form-container ::-moz-placeholder {
color: #fff;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0em 1em;
position: absolute;
right: 3px;
top: 3px; border:0px;
}
button.search-submit :focus, button.search-submit:hover{
background-color: #bc581a;
cursor: pointer;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
@media only screen and (min-width:1024px) {
#secondary .search-form {
max-width:100%;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
#secondary .search-form {
max-width:50%;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
#secondary .search-form {
max-width:50%;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
#secondary .search-form {
max-width:100%;
}
}
.slideImage{
position:relative;
width:100%;
height:100%;
height: auto;
left:0px;
top:0px;
margin:0px;
padding:0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center ;
}
.slideImage-prop{
display:block;
clear:both;
overflow: hidden;
}
.slideImage img {
display:block;
width: 100%;
width: 100vw !important;
height: auto;
margin:0px;
padding:0px;
}
.slideReadMore{
color: rgb(0,82,155); !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
.yellow{
color: #f1f096;
}
.black-text{
color: #000000 !important;
}
.black-bg {
background-color: rgba(0,0,0,.5);
display: inline-block;
}
@media only screen and (min-width:2600px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#4a4a6a;
overflow: hidden;
}
.slideCaption{
position: absolute;
bottom:40%;
z-index:1;
width: 100%;
color: #ffffff;
}
.slideCaption h1 {
font-family: Gentona_Bold !important;
font-size: 6rem;
line-height: 1.2 !important;
}
.slideCaption .wrap {
max-width: 2000px !important;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
color: #fff;
}
.slideCaption p, .slideCaption {
color: #fff;
}
.slide-caption-sub-head{
padding: 1rem;
background-color: rgba(0,0,0,.5);
font-family: Quadon_Medium;
font-size: 1.4rem;
line-height: 2.6;
}
.highlight-caption{
color: #ffffff;
}
.slideReadMore{
color: #9AD2E1 !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
.slideCaption .wrap {
padding-top:0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width:2000px) and (max-width :2600px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#4a4a6a;
overflow: hidden;
}
.slideCaption{
position: absolute;
bottom:40%;
z-index:1;
width: 100%;
color: #ffffff;
}
.slideCaption h1 {
font-family: Gentona_Bold !important;
font-size: 4rem;
line-height: 1.2 !important;
}
.slideCaption .wrap {
max-width: 2000px !important;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
color: #fff;
}
.slideCaption p, .slideCaption {
color: #fff;
}
.slide-caption-sub-head{
padding: 1rem;
background-color: rgba(0,0,0,.5);
font-family: Quadon_Medium;
font-size: 1.4rem;
line-height: 2.6;
}
.highlight-caption{
color: #ffffff;
}
.slideReadMore{
color: #9AD2E1 !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
.slideCaption .wrap {
padding-top:0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width:1400px) and (max-width : 2000px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#4a4a6a;
overflow: hidden;
}
.slideCaption{
position: absolute;
bottom:40%;
z-index:1;
width: 100%;
color: #ffffff;
}
.slideCaption .wrap {
padding-top:0px;
padding-bottom: 0px;
}
.slideCaption h1 {
font-family: Gentona_Bold !important;
font-size: 4rem;
line-height: 1.2 !important;
}
.slideCaption .wrap {
max-width: 1440px !important;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
color: #fff;
}
.slideCaption p, .slideCaption {
color: #fff;
}
.slide-caption-sub-head{
padding: 1rem;
background-color: rgba(0,0,0,.5);
font-family: Quadon_Medium;
font-size: 1.4rem;
line-height: 2.6;
}
.highlight-caption{
color: #ffffff;
}
.slideReadMore{
color: #9AD2E1 !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
}
@media only screen and (min-width:1024px) and (max-width : 1400px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#4a4a6a;
overflow: hidden;
}
.slideCaption{
position: absolute;
bottom:40%;
z-index:1;
width: 100%;
color: #ffffff;
}
.slideCaption .wrap {
padding-top:0px;
padding-bottom: 0px;
}
.slideCaption h1 {
font-family: Gentona_Bold !important;
font-size:3rem;
line-height: 1.1 !important;
}
.slideCaption .wrap {
max-width: 1440px !important;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
color: #fff;
}
.slideCaption p, .slideCaption {
color: #fff;
}
.slide-caption-sub-head{
padding: 1rem;
background-color: rgba(0,0,0,.5);
font-family: Quadon_Medium;
font-size: 1.4rem;
line-height: 2.6;
}
.highlight-caption{
color: #ffffff;
}
.slideReadMore{
color: #9AD2E1 !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#4a4a6a;
overflow: hidden;
}
.slideCaption{
position: absolute;
bottom:0;
z-index:1;
width: 100%;
color: #ffffff;
}
.slideCaption .wrap {
padding-top:0px;
padding-bottom: 0px;
}
.slideCaption h1 {
font-family: Gentona_Bold !important;
font-size:2.5rem;
line-height: 1.1 !important;
}
.slideCaption .wrap {
max-width: 1440px !important;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
color: #fff;
}
.slideCaption p, .slideCaption {
color: #fff;
}
.slide-caption-sub-head{
padding: 1rem;
background-color: rgba(0,0,0,.5);
font-family: Quadon_Medium;
font-size: 1.4rem;
line-height: 2.6;
}
.highlight-caption{
color: #ffffff;
}
.slideReadMore{
color: #9AD2E1 !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
}
@media only screen and (min-width:0px) and (max-width : 767px) {
.slides{
display: block;
clear: both;
position: relative;
width:100%;
margin: 0 auto;
background-color:#fffff5;
overflow: hidden;
}
.slideCaption{
position: relative;
z-index:1;
width: 100%;
bottom: 0px;
background-color: #fffff5;
color: #000000;
}
.slideCaption h1, .slideCaption h2, .slideCaption h3, .slideCaption h4, .slideCaption h5 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
color:rgba(0, 64, 131, 1);
}
.slideCaption h1 {
margin-top: -3px;
transition: color 0.6s ease 0s;
color: rgb(18, 18, 18);
font-family: 'Roboto', sans-serif;
font-size: 1.2rem;
line-height: 1.2;
font-weight: 200;
letter-spacing: 0.2px;
}
.slideCaption h1::after {
content: "";
display: block;
position: relative;
border: 1px solid rgb(226, 226, 226);
bottom: -4px;
left: 0px;
height: 0px;
width: 60px;
}
.slideCaption p, .slideCaption {
color: #333333;
}
.highlight-caption{
color:#07446b;
}
.slideCaption span{
}
.slideReadMore{
color: rgb(0,82,155); !important;
text-transform: uppercase;
font-family: Gentona_Bold;
}
}
.controls {
position:absolute;
top:0px;
display:block;
height:100%;
width:100%;
margin: 0 auto;
padding:0px;
}
.controls .inner {
max-width: 90%;
margin: 0 auto;
height:90%;
}
.inner .prev {
float: left;
margin-top:20%;
margin-left:1rem;
}
.inner .prev::after {
left: 23px;
}
.inner .next {
float: right;
margin-top:20%;
margin-right:1rem;
}
.next::after {
right: 17px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.inner .btn::after {
width: 26px;
height: 26px;
top: 15px;
}
.inner .btn {
z-index:1;
width: 57px;
height: 57px;
/* background: rgba(51,51,51,0.5); */
cursor: pointer;
position: relative;
transition: all .2s ease-in-out;
}
.inner .btn:hover {
/* background-color:rgba(0, 64, 131,.5); */
-webkit-transform: scale( 1.5 );
-moz-transform: scale( 1.5 );
-o-transform: scale( 1.5 );
-ms-transform: scale( 1.5 );
transform: scale( 1.5 );
}
.prev::after {
left: 17px;
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.btn::after {
content: '';
display: block;
width: 19px;
height: 19px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 12px;
}
.btn:hover::after{
border-top: 2px solid #F37021;
border-right: 2px solid #F37021;
}
.controls *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.divider-content::after {
content: "";
width: 100%;
height: 1px;
background: #d8dad9;
position: absolute;
top: 25px;
left: 0;
z-index: 0;
}
.divider-content {
width: 100%;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.divider-content .divider-symbol {
clear: both;
margin: 0 auto;
background-position: 78.7% 73.10195%;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
position: relative;
z-index: 1;
}
.divider-symbol {
width: 50px;
height: 50px;
}
@-webkit-keyframes fadeout {
0% {opacity:1;}
100% {opacity:0;}
}
@keyframes fadeout {
0% {opacity:1;}
100% {opacity:0;}
}
.fadeOut {
opacity:0;
-moz-animation : fadeout 2s linear;
-webkit-animation: fadeout 2s linear;
animation : fadeout 2s linear;
}
@-webkit-keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
}
.fadeIn {
opacity:1;
-moz-animation : fadein 2s linear;
-webkit-animation: fadein 2s linear;
animation : fadein 2s linear;
}
.menu-scroll-down{
display:none;
}
.cinema2
{
animation-duration: 2s;
animation-name: fadeAndScale;
animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
}
@keyframes fadeAndScale {
from {
opacity: 0;
transform: scale(.1, .1);
}
to {
opacity: 1;
transform: scale(2, 2);
}
}
.container{
width: 100%;
position: relative;
overflow:hidden;
}
a {
text-decoration:none;
}
h1.main,p.demos {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.sp-container {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.sp-content {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 2;
}
.sp-container h2 {
position: absolute;
top: 50%;
line-height: 100px;
height: 90px;
margin-top: -50px;
font-size: 90px;
width: 100%;
text-align: center;
color: transparent;
-webkit-animation: blurFadeInOut 3s ease-in backwards;
-moz-animation: blurFadeInOut 3s ease-in backwards;
-ms-animation: blurFadeInOut 3s ease-in backwards;
animation: blurFadeInOut 3s ease-in backwards;
}
.sp-container h2.frame-1 {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
.sp-container h2.frame-2 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
}
.sp-container h2.frame-3 {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.sp-container h2.frame-4 {
font-size: 200px;
-webkit-animation-delay: 9s;
-moz-animation-delay: 9s;
-ms-animation-delay: 9s;
animation-delay: 9s;
}
.sp-container h2.frame-5 {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
color: transparent;
text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span {
-webkit-animation: blurFadeIn 3s ease-in 12s backwards;
-moz-animation: blurFadeIn 1s ease-in 12s backwards;
-ms-animation: blurFadeIn 3s ease-in 12s backwards;
animation: blurFadeIn 3s ease-in 12s backwards;
color: transparent;
text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span:nth-child(2) {
-webkit-animation-delay: 13s;
-moz-animation-delay: 13s;
-ms-animation-delay: 13s;
animation-delay: 13s;
}
.sp-container h2.frame-5 span:nth-child(3) {
-webkit-animation-delay: 14s;
-moz-animation-delay: 14s;
-ms-animation-delay: 14s;
animation-delay: 14s;
}
.sp-globe {
position: absolute;
width: 282px;
height: 273px;
left: 50%;
top: 50%;
margin: -137px 0 0 -141px;
background: transparent url() no-repeat top left;
-webkit-animation: fadeInBack 3.6s linear 14s backwards;
-moz-animation: fadeInBack 3.6s linear 14s backwards;
-ms-animation: fadeInBack 3.6s linear 14s backwards;
animation: fadeInBack 3.6s linear 14s backwards;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-o-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
}
.sp-circle-link {
position: absolute;
left: 50%;
bottom: 100px;
margin-left: -50px;
text-align: center;
line-height: 100px;
width: 100px;
height: 100px;
background: #fff;
color: #F37021;
font-size: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: fadeInRotate 1s linear 16s backwards;
-moz-animation: fadeInRotate 1s linear 16s backwards;
-ms-animation: fadeInRotate 1s linear 16s backwards;
animation: fadeInRotate 1s linear 16s backwards;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.sp-circle-link:hover {
background: #F37021;
color: #fff;
}
/**/
@-webkit-keyframes blurFadeInOut{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
-webkit-transform: scale(1.3);
}
20%,75%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
-webkit-transform: scale(1);
}
100%{
opacity: 0;
text-shadow: 0px 0px 50px #fff;
-webkit-transform: scale(0);
}
}
@-webkit-keyframes blurFadeIn{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
-webkit-transform: scale(1.3);
}
50%{
opacity: 0.5;
text-shadow: 0px 0px 10px #fff;
-webkit-transform: scale(1.1);
}
100%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
-webkit-transform: scale(1);
}
}
@-webkit-keyframes fadeInBack{
0%{
opacity: 0;
-webkit-transform: scale(0);
}
50%{
opacity: 0.4;
-webkit-transform: scale(2);
}
100%{
opacity: 0.2;
-webkit-transform: scale(5);
}
}
@-webkit-keyframes fadeInRotate{
0%{
opacity: 0;
-webkit-transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
}
}
/**/
@-moz-keyframes blurFadeInOut{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
-moz-transform: scale(1.3);
}
20%,75%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
-moz-transform: scale(1);
}
100%{
opacity: 0;
text-shadow: 0px 0px 50px #fff;
-moz-transform: scale(0);
}
}
@-moz-keyframes blurFadeIn{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
-moz-transform: scale(1.3);
}
100%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
-moz-transform: scale(1);
}
}
@-moz-keyframes fadeInBack{
0%{
opacity: 0;
-moz-transform: scale(0);
}
50%{
opacity: 0.4;
-moz-transform: scale(2);
}
100%{
opacity: 0.2;
-moz-transform: scale(5);
}
}
@-moz-keyframes fadeInRotate{
0%{
opacity: 0;
-moz-transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
-moz-transform: scale(1) rotate(0deg);
}
}
/**/
@keyframes blurFadeInOut{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
transform: scale(1.3);
}
20%,75%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
transform: scale(1);
}
100%{
opacity: 0;
text-shadow: 0px 0px 50px #fff;
transform: scale(0);
}
}
@keyframes blurFadeIn{
0%{
opacity: 0;
text-shadow: 0px 0px 40px #fff;
transform: scale(1.3);
}
50%{
opacity: 0.5;
text-shadow: 0px 0px 10px #fff;
transform: scale(1.1);
}
100%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
transform: scale(1);
}
}
@keyframes fadeInBack{
0%{
opacity: 0;
transform: scale(0);
}
50%{
opacity: 0.4;
transform: scale(2);
}
100%{
opacity: 0.2;
transform: scale(5);
}
}
@keyframes fadeInRotate{
0%{
opacity: 0;
transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
.blue{
color:rgba(0, 64, 131, .4) !important;
}
.one{
color:rgba(0, 64, 131, 1) !important;
}
.two{
color:rgba(3, 140, 45, 1) !important;
}
.three{
color:rgba(244, 147, 8, 1) !important;
}
.wrap1440{
max-width: 1440px;
margin: 0 auto;
}
/* HOME PAGE BLOCKS */
@media only screen and (min-width:1024px) {
.blueBox{
display:table;
clear:both;
width:100% !important;
background-color: #5789B7;
width:100%;
height: 2.1875rem;
text-align:center;
}
.blueboxH2{
display:block;
color:#ffffff;
font-family: Gentona_Medium;
text-transform:uppercase;
font-size:1.875rem;
line-height:1;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:0 auto;
}
}
@media only screen and (min-width:768px) and (max-width : 1024px) {
.blueBox{
display:table;
width:100% !important;
background-color: #5789B7;
width:100%;
height: 2.1875rem;
text-align:center;
}
.blueboxH2{
display:block;
color:#ffffff;
font-family: Gentona_Medium;
text-transform:uppercase;
font-size:1.375rem;
line-height:1;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:0 auto;
margin-top:.7rem;
margin-bottom:.5rem;
}
}
@media only screen and (min-width:481px) and (max-width : 768px) {
.blueBox{
display:table;
width:100% !important;
background-color: #5789B7;
width:100%;
height: 2.1875rem;
text-align:center;
}
.blueboxH2{
display:block;
color:#ffffff;
font-family: Gentona_Medium;
text-transform:uppercase;
font-size:1.375rem;
line-height:1;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:0 auto;
margin-top:.5rem;
margin-bottom:.5rem;
}
}
@media only screen and (min-width:0px) and (max-width : 481px) {
.blueBox{
display:table;
width:100% !important;
background-color: #5789B7;
width:100%;
height: 2.1875rem;
text-align:center;
}
.blueboxH2{
display:block;
color:#ffffff;
font-family: Gentona_Medium;
text-transform:uppercase;
font-size:1.375rem;
line-height:1;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:0 auto;
margin-top:.5rem;
margin-bottom:.5rem;
}
}
.darkBlue{
display:table;
width:100% !important;
background-color: #084B81;
width:100%;
height:5rem;
text-align:center;
}
.darkBlue h2{
display:block;
vertical-align:middle;
margin:0 auto;
color:#ffffff;
font-family: Gentona_Medium;
text-transform:uppercase;
font-size:1.875rem;
color:#ffffff;
text-decoration:none;
line-height:5rem;
text-align:center;
}
/* GRID: X-bigNums */
/* X-bigNums: Desktop*/
@media only screen and (min-width:736px) {
.X-bigNums{
text-align:center;
}
}
/* X-X-bigNums: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 736px) {
}
/* X-X-bigNums: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width : 481px) {
}
/*--------------------------- GRID: grid-123-b ---------------------------*/
/* One column for mobile portrait
Two columns for mobile landscape AND tablets
Three columns for desktop
*/
/* grid-123 GRID: Desktop*/
@media only screen and (min-width:1024px) {
.grid-123-b .X-row {
width:100%;
}
.grid-123-b .X-col{
float:left;
clear:none;
display:inline;
}
.grid-123 .p10{ width:10%; }
.grid-123-b .p20{ width:20%; }
.grid-123-b .p25{ width:25%; }
.grid-123-b .p30{ width:30%; }
.grid-123-b .p33{ width:33.333333333%; }
.grid-123-b .p40{ width:40%; }
.grid-123-b .p50{ width:50%; }
.grid-123-b .p60{ width:60%; }
.grid-123-b .p70{ width:70%; }
.grid-123-b .p80{ width:80%; }
.grid-123-b .p90{ width:90%; }
.grid-123-b .p100{ width:100%; }
}
/* grid-123-b GRID: Mobile Landscape*/
@media only screen and (min-width:736px) and (max-width : 1024px) {
.grid-123-b .X-row {
width:100%;
}
.grid-123-b .X-col{
float:left;
clear:none;
display:inline;
}
.grid-123 .p10{ width:10%; }
.grid-123-b .p20{ width:20%; }
.grid-123-b .p25{ width:25%; }
.grid-123-b .p30{ width:30%; }
.grid-123-b .p33{ width:33.333333333%; }
.grid-123-b .p40{ width:40%; }
.grid-123-b .p50{ width:50%; }
.grid-123-b .p60{ width:60%; }
.grid-123-b .p70{ width:70%; }
.grid-123-b .p80{ width:80%; }
.grid-123-b .p90{ width:90%; }
.grid-123-b .p100{ width:100%; }
}
/* grid-123-b GRID: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 768px) {
.grid-123-b .X-row {
width:100%;
}
.grid-123-b .X-col{
float:left;
clear:none;
display:inline;
}
.grid-123-b .p10{ width:50%; }
.grid-123-b .p20{ width:50%; }
.grid-123-b .p25{ width:50%; }
.grid-123-b .p30{ width:50%; }
.grid-123-b .p33{ width:50%; }
.grid-123-b .p40{ width:50%; }
.grid-123-b .p50{ width:50%; }
.grid-123-b .p60{ width:50%; }
.grid-123-b .p70{ width:50%; }
.grid-123-b .p80{ width:50%; }
.grid-123-b .p90{ width:50%; }
.grid-123-b .p100{ width:50%; }
}
/* grid-123-b GRID: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width : 481px) {
.grid-123-b{
background-color:#fffff5;
}
.grid-123-b .X-row {
width:100%;
}
.grid-123-b .X-col{
width:100%;
clear:both;
display:block;
}
}
.table{
display:block;;
width:100%;
}
.table-row{
display:block;
clear:both;
width:100%;
}
.table-cell{
display:inline-block;
float:left;
text-align:center;
height:24rem;
vertical-align:middle;
overflow:hidden;
}
.color1{ background-color:#F37021; }
.color2{ background-color:#084B81; }
.color3{ background-color:#4F8FE1; }
.color4{ background-color:#4C87B5; }
.color5{ background-color:#00529B; }
.color6{ background-color:#F37021; }
.table-cell-1{
width:100%;
background-color:#F37021;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
.table-cell-2{
width:100%;
background-color:#084B81;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
.table-cell-3{
width:100%;
background-color: #4F8FE1;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
.table-cell-4{
width:100%;
background-color:#4C87B5;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
.table-cell-5{
width:100%;
background-color:#00529B;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
.table-cell-6{
width:100%;
background-color:#F37021;
color:#ffffff;
text-align:center;
/* Vertically Center */
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* Typography */
.table-cell-1-num{
line-height:1;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: normal;
font-weight: 800;
color:#084B81;
margin:0px;
padding:0px;
}
.table-cell-2-num{
line-height:1;
font-family:Quadon_Heavy;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px;
}
.table-cell-3-num{
line-height:1;
font-family:Gentona_Thin;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px;
}
.table-cell-4-num{
line-height:1;
font-family:Quadon_Bold;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px;
}
.table-cell-5-num{
line-height:1;
font-family:Gentona_Heavy;
color:#ffffff;
margin:0px;
padding:0px;
}
.table-cell-6-num{
line-height:1;
font-family: "Surveyor Display A", "Surveyor Display B";
font-style: italic;
font-weight: 400;
color:#084B81;
margin:0px;
padding:0px;
}
.table-cell-1-txt{
line-height:1;
font-family:Gentona_Light;
line-height:1;
color:#084B81;
margin:0px;
padding:0px; text-transform:uppercase;
}
.table-cell-2-txt{
line-height:1;
font-family:Gentona_ExtraBold;
line-height:1;
color:#ffffff;
text-transform:uppercase;
margin:0px;
padding:0px;
text-transform:uppercase;
}
.table-cell-3-txt{
line-height:1;
font-family:Quadon_MediumItalic;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px; text-transform:uppercase;
}
.table-cell-4-txt{
line-height:1;
font-family:Gentona_Light;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px; text-transform:uppercase;
}
.table-cell-5-txt{
line-height:1;
font-family:Quadon_BoldItalic;
line-height:1;
color:#ffffff;
margin:0px;
padding:0px; text-transform:uppercase;
}
.table-cell-6-txt{
line-height:1;
font-family:Gentona_Light;
line-height:1;
color:#084B81;
margin:0px;
padding:0px; text-transform:uppercase;
}
/* Font sizes for HD Desktop */
@media only screen and (min-width:1920px) {
/* FONT SIZE is in rems for old browsers that don't support vw (view window width) */
/* SPAN tags around text are used to move txt up or down, as required */
.table-cell{
/* EQUATION FOR DETERMINING BOX HEIGHT: .007991660875608 x + 8.65601111883251 where x is the screen width, 1920px in this case*/
height:24rem;
}
.table-cell-1-num { font-size:21rem; line-height:.75; }
.table-cell-1-num span{ position:relative;top:20px; }
.table-cell-2-num{ font-size:16rem; line-height:.8 }
.table-cell-3-num{ width:35% !important;display:table-cell; vertical-align:middle; font-size:29rem;line-height:.7; padding-left:4rem; }
.table-cell-3-num span{ position:relative;top:-26px }
.table-cell-4-num{ font-size:10.5rem; }
.table-cell-5-num{ font-size:16rem; line-height:.9 }
.table-cell-5-num span{ position:relative;top:-30px }
.table-cell-6-num{ font-size:12.5rem;letter-spacing:-2px; }
.table-cell-1-txt{ font-size:4rem; }
.table-cell-1-txt span{ position:relative;top:14px;}
.table-cell-2-txt{ font-size:3.8rem; }
.table-cell-3-txt{ width:65%; display:table-cell; vertical-align:middle; font-size:3.5rem; padding:2rem; padding-right:3rem; line-height:1.2; }
.table-cell-4-txt{ font-size:3.5rem; }
.table-cell-5-txt{ font-size:2.65rem; }
.table-cell-5-txt span{ position:relative;top:-4px }
.table-cell-6-txt{ font-size:3.5rem; }
}
/* Font sizes for Desktop */
/* Proportionally decrease all fonts and padding by 33.33%. In other words, multiply numbers from the above breakpoint by 0.666666667 */
@media only screen and (min-width:768px) and (max-width:1920px) {
.table-cell{
height:18.9rem;
height:20vw;
}
.table-cell-1-num { font-size:14vw; line-height:.75; }
.table-cell-1-num span{ position:relative;top:-.65vw; }
.table-cell-2-num{ font-size:13vw; line-height:.8 }
.table-cell-3-num{ font-size:24vw; padding-left:4vw; width:35% !important;display:table-cell; vertical-align:middle; ;line-height:.7; }
.table-cell-3-num span{ position:relative;top:-1.3vw }
.table-cell-4-num{ font-size:9vw; }
.table-cell-4-num span{ position:relative;top:-.5vw }
.table-cell-5-num{ font-size:12vw; line-height:.9 }
.table-cell-5-num span{ position:relative;top:-2vw }
.table-cell-6-num{ font-size:9vw; letter-spacing:-2px; }
.table-cell-6-num span{ position:relative;top:-1vw;}
.table-cell-1-txt{ font-size:3vw; }
.table-cell-1-txt span{ position:relative;top:-.5vw}
.table-cell-2-txt{ font-size:3vw; }
.table-cell-3-txt{ font-size:2.7vw; padding-right:4vw; width:65%; display:table-cell; vertical-align:middle;line-height:1.2; }
.table-cell-3-txt span{ position:relative;}
.table-cell-4-txt{font-size:3vw; }
.table-cell-5-txt{ font-size:2vw; }
.table-cell-5-txt span{ position:relative;top:-.3vw }
.table-cell-6-txt{ font-size:3vw;}
.table-cell-6-txt span{ position:relative; top:-.65vw; }
}
/* grid-123 GRID: Mobile Landscape*/
@media only screen and (min-width:481px) and (max-width : 768px) {
/* FONT SIZE is in rems for old browsers that don't support vw (view window width) */
/* SPAN tags around text are used to move txt up or down, as required */
.table-cell{
height:12.5rem;
height:50vw;
}
.table-cell-1-num { font-size:8.05rem; font-size:20vw; line-height:.75; }
.table-cell-1-num span{ position:relative;top:-11.5px; }
.table-cell-2-num{ font-size:8rem; font-size:30vw; line-height:.8 }
.table-cell-3-num{ font-size:11.116666666rem; font-size:55vw; line-height:.7; display:block; width:100%; }
.table-cell-3-num span{ position:relative;top:-4vw; }
.table-cell-4-num{ font-size:4.025rem; font-size:14vw; }
.table-cell-4-num span{ position:relative;top:-1vw; }
.table-cell-5-num{ font-size:5.2rem; font-size:14vw; line-height:.9 }
.table-cell-5-num span{ position:relative;top:-11.5px; top:-3vw}
.table-cell-6-num{ font-size:4.791666666rem; font-size:14vw; letter-spacing:-1px; }
.table-cell-6-num span{ position:relative;top:-7px }
.table-cell-1-txt{ font-size:1.533333334rem; font-size:5vw; }
.table-cell-1-txt span{ position:relative;top:-5.366666666px; }
.table-cell-2-txt{ font-size:2rem; font-size:10vw; }
.table-cell-3-txt{ font-size:1.341666666rem; font-size:3.65vw; line-height:1.2; display:block; width:90%;margin:0 auto; }
.table-cell-3-txt span{ position:relative; }
.table-cell-4-txt{ font-size:1.341666666rem; font-size:5.5vw; }
.table-cell-5-txt{ font-size:1.015833334rem;font-size:5.5vw;line-height:1.2 }
.table-cell-5-txt span{ position:relative;top:-1.5333525px }
.table-cell-6-txt{ font-size:1.3416475rem; }
.table-cell-6-txt span{ position:relative;top:-1.5333525px }
}
/* grid-123 GRID: Mobile Portrait*/
@media only screen and (min-width:0px) and (max-width:481px) {
/* FONT SIZE is in rems for old browsers that don't support vw (view window width) */
/* SPAN tags around text are used to move txt up or down, as required */
.table-cell{
height:12.5rem;
height:50vw;
}
.table-cell-1-num{ font-size:6.6375rem; font-size:40vw; line-height:.7; }
.table-cell-1-num span{ position:relative;top:0px; }
.table-cell-2-num{ font-size:6.72875rem; font-size:40vw; line-height:.8; }
.table-cell-3-num{ width:40%; display:table-cell; vertical-align:middle; font-size:13rem; font-size:55vw; line-height:.7; }
.table-cell-3-num span{ position:relative ;top:-15px; }
.table-cell-4-num{ font-size:5.625rem; font-size:22vw; }
.table-cell-4-num span{ position:relative;top:-6px }
.table-cell-5-num{ font-size:4.385625rem; font-size:26vw; }
.table-cell-5-num span{ position:relative; top:-11.5px }
.table-cell-6-num{ font-size:4rem; font-size:22vw; }
.table-cell-6-num span{ position:relative; top:-7px }
.table-cell-1-txt{ font-size:1.8rem; font-size:10vw; }
.table-cell-1-txt span{ position:relative; top:4px; }
.table-cell-2-txt{ font-size:10vw; }
.table-cell-2-txt span{ position:relative; top:-3px; }
.table-cell-3-txt{ width:60%; display:table-cell; vertical-align:middle; font-size:1.7rem; text-align:center; line-height:1.1; font-size:8.1vw; margin-right:.5rem; margin-left:.5rem; }
.table-cell-3-txt span{ position:relative;top:-2px; }
.table-cell-4-txt{ font-size:2rem;font-size:9vw; }
.table-cell-5-txt{ font-size:1.3rem; font-size:7vw; }
.table-cell-5-txt span{ position:relative;top:-1.5333525px }
.table-cell-6-txt{ font-size:1.8rem; font-size:10vw; }
.table-cell-6-txt span{ position:relative;top:-1.5333525px }
}
/** DEPARTMENT FOOTER **/
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
@media screen and (min-width: 30em) {
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
}
@media screen and (min-width: 48em) {
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
}
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:focus {
border: 0;
clip: none;
height: auto;
margin: -1px;
overflow: visible;
padding: 0;
position: relative;
width: auto;
}
/** ORANGE BUTTONS **/
.btn-orange, .btn-orange-large {
border: 3px solid #f37021 !important;
cursor: pointer;
display: inline-block;
font: 700 16px/1 "Gentona_Bold", "Georgia", serif;
letter-spacing: 2px;
padding: 15px 20px;
text-transform: uppercase;
border-radius: 0;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
margin:.2rem;
max-width: 100%;
}
.btn-orange-large {
font-size: 2rem;
vertical-align: middle;
}
/* MOBILE & TABLET Portrait */
@media only screen and (min-width:0px) and (max-width : 1024px) {
.btn-orange-large {
font-size: 1.3rem;
vertical-align: middle;
}
}
a.btn-orange, a.btn-orange-large {
color: #f37021 !important;
text-decoration: none;
}
a.btn-orange:hover, a.btn-orange-large:hover {
color: #ffffff !important;
text-decoration: none;
background-color: #f37021 !important;
}
/** BLUE BUTTON **/
.btn-blue, .btn-blue-large {
border: 3px solid rgb(0, 64, 131) !important;
cursor: pointer;
display: inline-block;
font: 700 16px/1 "Gentona_Bold", "Georgia", serif;
letter-spacing: 2px;
padding: 15px 20px;
text-transform: uppercase;
border-radius: 0;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
margin:.2rem;
max-width: 100%;
}
.btn-blue-large {
font-size: 2rem;
vertical-align: middle;
}
/* MOBILE & TABLET Portrait */
@media only screen and (min-width:0px) and (max-width : 1024px) {
.btn-blue-large {
font-size: 1.3rem;
vertical-align: middle;
}
}
a.btn-blue, a.btn-blue-large {
color: rgb(0, 64, 131) !important;
text-decoration: none;
}
a.btn-blue:hover, a.btn-blue-large:hover {
color: #ffffff !important;
text-decoration: none;
background-color: rgb(0, 64, 131) !important;
}
/** BEIGE BUTTON **/
.btn-beige,.btn-beige-large {
border: 3px solid #c6ba97 !important;
max-width: 100%;
cursor: pointer;
display: inline-block;
font: 700 16px/1 "Gentona_Bold", "Georgia", serif;
letter-spacing: 2px;
padding: 15px 20px;
text-transform: uppercase;
border-radius: 0;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #806103 !important;
margin:.2rem;
max-width: 100%;
}
.btn-beige-large {
font-size: 2rem;
vertical-align: middle;
}
/* MOBILE & TABLET Portrait */
@media only screen and (min-width:0px) and (max-width : 1024px) {
.btn-beige-large {
font-size: 1.3rem;
vertical-align: middle;
}
}
a.btn-beige, a.btn-beige-large {
color: #c6ba97; !important;
text-decoration: none;
}
a.btn-beige:hover, a.btn-beige-large:hover {
color: #ffffff !important;
text-decoration: none;
background-color: #c6ba97; !important;
}
/** BLUE QUOTE **/
h2.quote-blue {
font-family: 'gentona-light',Arial,sans-serif;
font-weight: lighter;
font-size: 34px;
display: block;
line-height: 1em;
letter-spacing: -2px;
margin: 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-align: center;
color: #2f639d;
background-color: transparent;
}
/* Mobile Quote - Blue */
@media only screen and (min-width:1800px) {
.quote-blue {
font-size: 3vw;
}
}
/* Mobile Quote - Blue */
@media only screen and (min-width:1200px) {
.quote-blue {
font-size: 4.5vw;
}
}
/* Mobile Quote - Blue */
@media only screen and (min-width:1025px) {
.quote-blue {
font-size: 5.26829vw;
}
}
/* Mobile Quote - Blue */
@media only screen and (min-width:768px) {
.quote-blue {
font-size: 6.25vw;
}
}
/** RIGHT POINTING ARROW **/
h2.right-arrow {
font-family: 'Gentona_Light',Arial,sans-serif;
font-weight: lighter;
font-size: 34px;
display: block;
line-height: 1em;
letter-spacing: -2px;
margin: 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-align: center;
color: #2f639d;
background-color: transparent;
}
h2 strong {
font-family: 'Gentona_Bold',Arial,sans-serif;
border-width: 4px;
border-style: solid;
border-color: #d66629;
padding: 0 .25em;
color: #d66629;
font-size: 80%;
text-transform: uppercase;
letter-spacing: .125em;
font-style: normal;
}
h2.right-arrow strong::after {
content: '';
position: absolute;
left: -.5em;
bottom: .5em;
border-top: 5px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid #d66629;
width: 0;
height: 0;
transform: translate(-50%,50%);
}
h2.right-arrow strong::before {
content: '';
position: absolute;
width: 1.5em;
height: 100%;
border: 2px solid #d66629;
border-top-color: rgb(214, 102, 41);
border-right-color: rgb(214, 102, 41);
left: -2em;
bottom: .5em;
border-top-color: transparent;
border-right-color: transparent;
}
/** BLUE BULLET LIST **/
.blue-list {
list-style-image: url("/assets/images/icons/blue-bullet.svg");
}
/* Mobile Quote - Blue */
@media only screen and (min-width:1800px) {
.blue-list {
margin: 32px 0 51px;
list-style-image: url("/assets/images/icons/blue-bullet.svg");
}
}
/*__________________THEME FOOTER__________________*/
.hashtag {
text-align: center;
}
.hashtag span {
position: relative;
display: block;
margin: 0 auto;
text-transform: capitalize;
color: #fff;
font-size: 1.5rem;
font-family: Gentona_Bold;
padding-top:1rem;
padding-bottom:1rem;
}
.footer-main p, .footer-uf p {
color: #ffffff !important;
}
.footer-main a, .footer-uf a {
color: #9ad2e1 !important;
}
/*__________________SOCIAL MEDIA ICONS__________________*/
.social{
position: relative;
display: block;
padding: 0px;
margin: 0px;
text-align:center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.social svg {
height: 40px;
width: 40px;
}
.social-nav {
position: relative;
display:block;
padding: 0px;
margin: 0px;
}
.social-nav ul{
position: relative;
display:block;
padding: 0px;
margin: 0px;
list-style: none !important;
}
.social-nav li{
position: relative;
display: inline-block;
margin: 0 auto;
height: auto;
width: auto;
list-style: none !important;
list-style-type: none !important;
padding: .4rem;
}
/*__________________END__________________*/
/*-----------------------------------------HD DESKTOP FOOTER----------------------------------------*/
@media only screen and (min-width:2001px){
/*__________________STRUCTURE__________________*/
.footer-main{
position: relative;
overflow: visible;
float: left;
display: block;
width: 100%;
clear: both;
background-color: #00285E;
padding:2rem;
color: #ffffff;
font-size: 1rem;
font-family: Gentona_Book;
margin-top: 1rem;
}
.footer-main-wrap{
position: relative;
overflow: visible;
display: block;
max-width: 2000px;
margin: 0 auto;
padding: 0px;
padding-left: 5.2rem;
padding-right: 5.2rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer-main-col-1{
width: 25%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.footer-main-col-2{
width: 50%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.footer-main-col-3{
width: 25%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
}
/* SUB COLS FOR footer-main-col-2 */
.footer-main-sub-col{
position: relative;
display: block;
clear: both;
color: #ffffff;
font-size: .9rem;
}
.footer-main-sub-col-1{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-left: 0px;
}
.footer-main-sub-col-2{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-3{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-right: 0px;
}
/*__________________END__________________*/
/*__________________FOOTER SUB-MENU__________________*/
.footer-menu h2 .icon-caret {
display: none;
}
.footer-menu.open ul li a:hover, .footer-menu.open ul li a:active {
color: #9ad2e1;
}
/*__________________END__________________*/
/*__________________ICONS__________________*/
.icon-college-logo-stacked{
width: 23rem;
height: 5.1875rem;
padding: 0px;
margin:0px;
}
.icon-uflogo-go-greater{
display: block;
width: 10.91125rem;
height: 10.91125rem;
margin: 0 auto;
}
.icon-journeys-begin{
width: 20.833125rem;
height: 4.125rem;
margin: 0px;
padding: 0px;
fill: #ffffff;
}
/*__________________END__________________*/
/*__________________TYPOGRAPHY__________________*/
.footer-main p{
font-family: Gentona_Book;
font-size: 1rem;
}
.footer-main h2{
color: #ffffff;
font-size:1rem;
padding:0;
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Gentona_Book;
text-transform: capitalize;
}
.list-unstyled {
text-transform: uppercase;
font-family: "Gentona_Light";
list-style: none;
padding: 0px;
margin: 0px;
}
.list-unstyled li {
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-menu.open ul {
display: block;
margin-bottom: 20px;
}
.footer-menu.open h2 .icon-caret {
margin-top: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.footer-main .icon-uflogo{
height:3.835rem;
width:3.835rem;
}
.footer-clas-address{
padding-top: 1rem;
padding-bottom: 3rem;
}
/*__________________END__________________*/
}
/*-----------------------------------------LAPTOP/DESKTOP FOOTER----------------------------------------*/
@media only screen and (min-width:1025px) and (max-width : 2000px) {
/*__________________STRUCTURE__________________*/
.footer-main{
position: relative;
overflow: visible;
float: left;
display: block;
width: 100%;
clear: both;
background-color: #00285E;
padding:2rem;
color: #ffffff;
font-size: 1rem;
font-family: Gentona_Book;
padding: 2rem;
margin-top: 1rem;
}
.footer-main-wrap{
position: relative;
overflow: visible;
display: block;
max-width: 2000px;
margin: 0 auto;
padding: 0px;
}
.footer-main-col-1{
width: 25%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.footer-main-col-2{
width: 50%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
padding-left:2rem;
}
.footer-main-col-3{
width: 25%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
}
/* SUB COLS FOR footer-main-col-2 */
.footer-main-sub-col{
position: relative;
display: block;
clear: both;
color: #ffffff;
font-size: .9rem;
}
.footer-main-sub-col-1{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-left: 0px;
}
.footer-main-sub-col-2{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-3{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-right: 0px;
}
/*__________________END__________________*/
/*__________________FOOTER SUB-MENU__________________*/
.footer-menu h2 .icon-caret {
display: none;
}
.footer-menu.open ul li a:hover, .footer-menu.open ul li a:active {
color: #9ad2e1;
}
.footer-menu.open ul li a {
line-height: 1.2 !important; border: 1px solid red;
}
/*__________________END__________________*/
/*__________________ICONS__________________*/
.icon-college-logo-stacked{
width: 23rem;
height: 5.1875rem;
padding: 0px;
margin:0px;
}
.icon-uflogo-go-greater{
display: block;
width: 10.91125rem;
height: 10.91125rem;
margin: 0 auto;
}
.icon-journeys-begin{
width: 20.833125rem;
height: 4.125rem;
margin: 0px;
padding: 0px;
fill: #ffffff;
}
/*__________________END__________________*/
/*__________________TYPOGRAPHY__________________*/
.footer-main p{
font-family: Gentona_Book;
font-size: 1rem;
}
.footer-main h2{
color: #ffffff;
font-size:1rem;
padding:0;
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Gentona_Book;
text-transform: capitalize;
}
.list-unstyled {
text-transform: uppercase;
font-family: "Gentona_Light";
list-style: none;
padding: 0px;
margin: 0px;
}
.list-unstyled li {
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-menu.open ul {
display: block;
margin-bottom: 20px;
}
.footer-menu.open h2 .icon-caret {
margin-top: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.footer-main .icon-uflogo{
height:3.835rem;
width:3.835rem;
}
.footer-main a {
line-height: 1.2 !important;
}
.footer-clas-address{
padding-top: 1rem;
padding-bottom: 3rem;
}
/*__________________END__________________*/
}
/*-----------------------------------------TABLET FOOTER----------------------------------------*/
@media only screen and (min-width:768px) and (max-width : 1024px) {
/*__________________STRUCTURE__________________*/
.footer-main{
position: relative;
overflow: visible;
float: left;
display: block;
width: 100%;
clear: both;
background-color: #00285E;
padding:2rem;
color: #ffffff;
font-size: 1rem;
font-family: Gentona_Book;
padding: 2rem;
margin-top: 1rem;
}
.footer-main-wrap{
position: relative;
overflow: visible;
display: block;
max-width: 2000px;
margin: 0 auto;
padding: 0px;
}
.footer-main-col-1{
width: 50%;
float: left;
display: inline-block;
vertical-align: middle;
margin: 0px;
padding: 0px;
text-align: center;
}
.footer-main-col-2{
width: 50%;
float: left;
display: inline-block;
vertical-align: top;
margin: 0px;
padding: 0px;
padding-left:2rem;
display: none !important;
}
.footer-main-col-3{
width: 50%;
float: left;
display: inline-block;
vertical-align: middle;
margin: 0px;
padding: 0px;
text-align: center;
}
/* SUB COLS FOR footer-main-col-2 */
.footer-main-sub-col{
position: relative;
display: block;
clear: both;
color: #ffffff;
font-size: .9rem;
}
.footer-main-sub-col-1{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-left: 0px;
}
.footer-main-sub-col-2{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-3{
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1rem;
padding-right: 0px;
}
/*__________________END__________________*/
/*__________________FOOTER SUB-MENU__________________*/
.footer-menu h2 .icon-caret {
display: none;
}
.footer-menu.open ul li a:hover, .footer-menu.open ul li a:active {
color: #9ad2e1;
}
/*__________________END__________________*/
/*__________________ICONS__________________*/
.icon-college-logo-stacked{
display: block;
width: 15.25rem;
height: 5.1875rem;
padding: 0px;
margin:0 auto;
}
.icon-uflogo-go-greater{
display: block;
width: 8.18375rem;
height: 8.18375rem;
margin: 0 auto;
}
.icon-journeys-begin{
display: block;
width: 15.25rem;
height: 4.125rem;
margin:0 auto;
padding: 0px;
fill: #ffffff;
}
/*__________________END__________________*/
/*__________________TYPOGRAPHY__________________*/
.footer-main p{
font-family: Gentona_Book;
font-size: 1rem;
}
.footer-main h2{
color: #ffffff;
font-size:1rem;
padding:0;
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Gentona_Book;
text-transform: capitalize;
}
.list-unstyled {
text-transform: uppercase;
font-family: "Gentona_Light";
list-style: none;
padding: 0px;
margin: 0px;
}
.list-unstyled li {
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-menu.open ul {
display: block;
margin-bottom: 20px;
}
.footer-menu.open h2 .icon-caret {
margin-top: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.footer-main .icon-uflogo{
height:3.835rem;
width:3.835rem;
}
.footer-clas-address{
padding-top: 1rem;
padding-bottom: 3rem;
}
/*__________________END__________________*/
}
/*-----------------------------------------MOBILE LANDSCAPE FOOTER----------------------------------------*/
@media only screen and (min-width:481px) and (max-width : 767px) {
/*__________________STRUCTURE__________________*/
.footer-main{
position: relative;
overflow: visible;
float: left;
display: block;
width: 100%;
clear: both;
background-color: #00285E;
padding:2rem;
color: #ffffff;
font-size: 1rem;
font-family: Gentona_Book;
padding: 2rem;
margin-top: 1rem;
}
.footer-main-wrap{
position: relative;
overflow: visible;
display: block;
max-width: 2000px;
margin: 0 auto;
padding: 0px;
}
.footer-main-col-1{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.footer-main-col-2{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
padding-bottom:2rem;
padding-top:2rem;
}
.footer-main-col-3{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
}
/* SUB COLS FOR footer-main-col-2 */
.footer-main-sub-col{
position: relative;
display: block;
clear: both;
color: #ffffff;
font-size: .9rem;
}
.footer-main-sub-col-1{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-2{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-3{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
/*__________________END__________________*/
/*__________________FOOTER DROP DOWN MENU__________________*/
.ufcol1{
position:relative;
padding-top:22rem;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol2{
position:relative;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol3{
position:relative;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol4{
position:absolute;
top:0px;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.footer-menu{
cursor:pointer;
margin:0px;
}
.footer-menu ul {
display: none;
}
.footer-menu ul {
display: none;
margin: 0;
}
.footer-menu ul li {
margin: 0;
text-transform: uppercase;
padding-top: .2rem;
padding-bottom: .2rem;
}
.footer-menu ul li:before {
display: none;
}
.footer-menu h2 {
border-top: 1px solid #d4edec;
letter-spacing: 1px;
padding-top: 1rem !important;
position: relative;
text-transform: uppercase;
}
.footer-menu.open ul {
display: block;
margin-bottom: 20px;
}
.footer-menu.open ul li a:hover, .footer-menu.open ul li a:active {
color: #9ad2e1;
}
.footer-menu h2 .icon-caret {
color: #f37021;
}
.footer-menu h2 svg {
height: .6rem;
width: .6rem;
}
/* Javascript first adds the .open class then this CSS rotates the arrow*/
.footer-menu.open h2 .icon-caret-right {
color: #f37021;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*__________________ICONS__________________*/
.icon-college-logo-stacked{
display: block;
width: 15.25rem;
height: 5.1875rem;
padding: 0px;
margin:0 auto;
}
.icon-uflogo-go-greater{
display: block;
width: 8.18375rem;
height: 8.18375rem;
margin: 0 auto;
}
.icon-journeys-begin{
display: block;
width: 15.25rem;
height: 4.125rem;
margin:0 auto;
padding: 0px;
fill: #ffffff;
}
/*__________________END__________________*/
/*__________________TYPOGRAPHY__________________*/
.footer-main p{
font-family: Gentona_Book;
font-size: 1rem;
}
.footer-main h2{
color: #ffffff;
font-size:1rem;
line-height: 1.2;
padding:0;
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Gentona_Book;
text-transform: capitalize;
}
.list-unstyled {
text-transform: uppercase;
font-family: "Gentona_Light";
list-style: none;
padding: 0px;
margin: 0px;
}
.list-unstyled li {
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-clas-address{
padding-top: 1rem;
padding-bottom: 3rem;
text-align: center;
}
.contact-webmaster{
text-align: center;
}
/*__________________END__________________*/
}
/*-----------------------------------------MOBILE PORTRAIT FOOTER----------------------------------------*/
@media only screen and (min-width:0px) and (max-width : 481px) {
/*__________________STRUCTURE__________________*/
.footer-main{
position: relative;
overflow: visible;
float: left;
display: block;
width: 100%;
clear: both;
background-color: #00285E;
padding:2rem;
color: #ffffff;
font-size: 1rem;
font-family: Gentona_Book;
padding: 2rem;
margin-top: 1rem;
}
.footer-main-wrap{
position: relative;
overflow: visible;
display: block;
max-width: 2000px;
margin: 0 auto;
padding: 0px;
}
.footer-main-col-1{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.footer-main-col-2{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
padding-bottom:2rem;
padding-top:2rem;
}
.footer-main-col-3{
width: 100%;
display: block;
clear: both;
vertical-align: top;
margin: 0px;
padding: 0px;
}
/* SUB COLS FOR footer-main-col-2 */
.footer-main-sub-col{
position: relative;
display: block;
clear: both;
color: #ffffff;
font-size: .9rem;
}
.footer-main-sub-col-1{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-2{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
.footer-main-sub-col-3{
width: 100%;
display: block;
vertical-align: top;
padding: 1rem;
}
/*__________________END__________________*/
/*__________________FOOTER DROP DOWN MENU__________________*/
.ufcol1{
position:relative;
padding-top:22rem;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol2{
position:relative;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol3{
position:relative;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.ufcol4{
position:absolute;
top:0px;
width:100%;
display:block;
clear:both;
overflow:hidden;
}
.footer-menu{
cursor:pointer;
margin:0px;
}
.footer-menu ul {
display: none;
}
.footer-menu ul {
display: none;
margin: 0;
}
.footer-menu ul li {
margin: 0;
text-transform: uppercase;
padding-top: .2rem;
padding-bottom: .2rem;
}
.footer-menu ul li:before {
display: none;
}
.footer-menu h2 {
border-top: 1px solid #d4edec;
letter-spacing: 1px;
padding-top: 1rem !important;
position: relative;
text-transform: uppercase;
}
.footer-menu.open ul {
display: block;
margin-bottom: 20px;
}
.footer-menu.open ul li a:hover, .footer-menu.open ul li a:active {
color: #9ad2e1;
}
.footer-menu h2 .icon-caret {
color: #f37021;
}
.footer-menu h2 svg {
height: .6rem;
width: .6rem;
}
/* Javascript first adds the .open class then this CSS rotates the arrow*/
.footer-menu.open h2 .icon-caret-right {
color: #f37021;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*__________________ICONS__________________*/
.icon-college-logo-stacked{
display: block;
width: 15.25rem;
height: 5.1875rem;
padding: 0px;
margin:0 auto;
}
.icon-uflogo-go-greater{
display: block;
width: 8.18375rem;
height: 8.18375rem;
margin: 0 auto;
}
.icon-journeys-begin{
display: block;
width: 15.25rem;
height: 4.125rem;
margin:0 auto;
padding: 0px;
fill: #ffffff;
}
/*__________________END__________________*/
/*__________________TYPOGRAPHY__________________*/
.footer-main p{
font-family: Gentona_Book;
font-size: 1rem;
}
.footer-main h2{
color: #ffffff;
font-size:1rem;
line-height: 1.2;
padding:0;
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Gentona_Book;
text-transform: capitalize;
}
.list-unstyled {
text-transform: uppercase;
font-family: "Gentona_Light";
list-style: none;
padding: 0px;
margin: 0px;
}
.list-unstyled li {
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-clas-address{
padding-top: 1rem;
padding-bottom: 3rem;
text-align: center;
}
.contact-webmaster{
text-align: center;
}
/*__________________END__________________*/
}
/* BOTTOMMOST ROW OF FOOTER */
.footer-uf{
position: relative;
overflow: visible;
display: block;
width:100%;
clear: both;
bottom: 0px;
padding:2rem;
background-color: #004083;
font-size:1rem;
color: #ffffff;
}
.footer-uf-wrap{
width: 100%;
max-width: 1950px;
margin: 0 auto;
display: table;
}
.footer-uf-col-1{
position: relative;
float: left;
vertical-align: middle;
width: 80%;
}
.bottom-links, .bottom-links p , .bottom-links p a {
font-family: Gentona_Book;
font-size: 0.875rem;
}
.footer-uf-col-2{
position: relative;
float: left;
width: 20%;
vertical-align: middle;
}
.footer-icon-uf{
width:auto;
height:3rem;
display: block;
margin-left: auto;
margin-right: auto;
}
/* HD DEVICES*/
@media (min-width: 2050px) {
.footer-icon-uf{
max-width:20.1875rem !important;
max-height:3.6875rem !important;
}
}
/* DESKTOP DEVICES*/
@media (min-width: 768px) and (max-width : 2050px) {
.footer-icon-uf{
width:20.1875rem !important;
max-height:3.6875rem !important;
}
}
.footer-uf-campaign-logo {
float: right;
text-align: right;
vertical-align: middle;
}
/* Mobile images */
@media only screen and (min-width:0px) and (max-width : 850px) {
.footer-uf{
position: relative;
overflow: visible;
display: block;
width:100%;
clear: both;
bottom: 0px;
padding:2rem;
background-color: #004083;
font-size:.9rem;
color: #ffffff;
}
.footer-uf-wrap{
max-width: 1950px;
margin: 0 auto;
}
.footer-uf-col-1{
position: relative;
display: block;
width: 100%;
max-width: 100%;
padding: 0px;
vertical-align: middle;
text-align: center;
}
.footer-uf-col-2{
position: relative;
display: block;
width: 100%;
max-width: 100%;
padding: 0px;
vertical-align: middle;
}
.footer-uf-campaign-logo {
float: none;
display: block;
text-align: center;
vertical-align: middle;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.contact-webmaster a {
color: #f19d64;
}