@charset "UTF-8"; /********************************************************************************************* /* Theme Name: Bradbury Theme URI: https://www.academiathemes.com/themes/bradbury-lite/ Description: Bradbury is a mobile friendly (responsive), versatile and flexible WordPress theme with a solid, classic two column layout. This theme is perfect for schools, universities, kindergartens, churches, organizations, non-profits, corporate and other websites that need an intuitive and professional look. Version: 1.0.3 Author: academiathemes Author URI: https://www.academiathemes.com/ License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: bradbury Tags: education, footer-widgets, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-size: 16px; line-height: 1; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { /* 1 */ display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; vertical-align: middle; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clickable { cursor: pointer; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #0d0d0d; font-weight: 600; line-height: 1.3; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; } h1 small, h2 small, h3 small { font-size: 65%; } h4 small, h5 small, h6 small { font-size: 75%; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* Tables */ table { border-top: 0; margin-bottom: 2em; position: relative; table-layout: fixed; width: 100%; z-index: 1; } table th { text-align: left; } table tr { border-bottom: 1px solid #F0F0F0; } table th, table td { font-family: inherit; font-size: inherit; padding: 15px 20px; vertical-align: middle; } .floatleft { float: left; } .floatright { float: right; } ul, ol { list-style-type: none; margin: 0; padding: 0; } ul ul, ol ol, ul ol, ol ul { margin: 0; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .entry-content .alignleft, .textwidget .alignleft { display: inline; float: left; margin-right: 2.5rem; } .entry-content .alignright, .textwidget .alignright { display: inline; float: right; margin-left: 2.5rem; } .entry-content .aligncenter, .textwidget .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 4.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 1.66; } p { margin: 0; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { color: #666; font-size: 1rem; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } blockquote { quotes: "" ""; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: none; } /* Typography for Arabic Font */ html[lang="ar"] body, html[lang="ar"] button, html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea, html[lang="ary"] body, html[lang="ary"] button, html[lang="ary"] input, html[lang="ary"] select, html[lang="ary"] textarea, html[lang="azb"] body, html[lang="azb"] button, html[lang="azb"] input, html[lang="azb"] select, html[lang="azb"] textarea, html[lang="fa-IR"] body, html[lang="fa-IR"] button, html[lang="fa-IR"] input, html[lang="fa-IR"] select, html[lang="fa-IR"] textarea, html[lang="haz"] body, html[lang="haz"] button, html[lang="haz"] input, html[lang="haz"] select, html[lang="haz"] textarea, html[lang="ps"] body, html[lang="ps"] button, html[lang="ps"] input, html[lang="ps"] select, html[lang="ps"] textarea, html[lang="ur"] body, html[lang="ur"] button, html[lang="ur"] input, html[lang="ur"] select, html[lang="ur"] textarea { font-family: Tahoma, Arial, sans-serif; } html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ary"] h1, html[lang="ary"] h2, html[lang="ary"] h3, html[lang="ary"] h4, html[lang="ary"] h5, html[lang="ary"] h6, html[lang="azb"] h1, html[lang="azb"] h2, html[lang="azb"] h3, html[lang="azb"] h4, html[lang="azb"] h5, html[lang="azb"] h6, html[lang="fa-IR"] h1, html[lang="fa-IR"] h2, html[lang="fa-IR"] h3, html[lang="fa-IR"] h4, html[lang="fa-IR"] h5, html[lang="fa-IR"] h6, html[lang="haz"] h1, html[lang="haz"] h2, html[lang="haz"] h3, html[lang="haz"] h4, html[lang="haz"] h5, html[lang="haz"] h6, html[lang="ps"] h1, html[lang="ps"] h2, html[lang="ps"] h3, html[lang="ps"] h4, html[lang="ps"] h5, html[lang="ps"] h6, html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3, html[lang="ur"] h4, html[lang="ur"] h5, html[lang="ur"] h6 { font-weight: 700; } /* Typography for Chinese Font */ html[lang^="zh-"] body, html[lang^="zh-"] button, html[lang^="zh-"] input, html[lang^="zh-"] select, html[lang^="zh-"] textarea { font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; } html[lang="zh-CN"] body, html[lang="zh-CN"] button, html[lang="zh-CN"] input, html[lang="zh-CN"] select, html[lang="zh-CN"] textarea { font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; } html[lang^="zh-"] h1, html[lang^="zh-"] h2, html[lang^="zh-"] h3, html[lang^="zh-"] h4, html[lang^="zh-"] h5, html[lang^="zh-"] h6 { font-weight: 700; } /* Typography for Cyrillic Font */ html[lang="bg-BG"] body, html[lang="bg-BG"] button, html[lang="bg-BG"] input, html[lang="bg-BG"] select, html[lang="bg-BG"] textarea, html[lang="ru-RU"] body, html[lang="ru-RU"] button, html[lang="ru-RU"] input, html[lang="ru-RU"] select, html[lang="ru-RU"] textarea, html[lang="uk"] body, html[lang="uk"] button, html[lang="uk"] input, html[lang="uk"] select, html[lang="uk"] textarea { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } html[lang="bg-BG"] h1, html[lang="bg-BG"] h2, html[lang="bg-BG"] h3, html[lang="bg-BG"] h4, html[lang="bg-BG"] h5, html[lang="bg-BG"] h6, html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3, html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6, html[lang="uk"] h1, html[lang="uk"] h2, html[lang="uk"] h3, html[lang="uk"] h4, html[lang="uk"] h5, html[lang="uk"] h6 { font-weight: 700; line-height: 1.2; } /* Typography for Devanagari Font */ html[lang="bn-BD"] body, html[lang="bn-BD"] button, html[lang="bn-BD"] input, html[lang="bn-BD"] select, html[lang="bn-BD"] textarea, html[lang="hi-IN"] body, html[lang="hi-IN"] button, html[lang="hi-IN"] input, html[lang="hi-IN"] select, html[lang="hi-IN"] textarea, html[lang="mr-IN"] body, html[lang="mr-IN"] button, html[lang="mr-IN"] input, html[lang="mr-IN"] select, html[lang="mr-IN"] textarea { font-family: Arial, sans-serif; } html[lang="bn-BD"] h1, html[lang="bn-BD"] h2, html[lang="bn-BD"] h3, html[lang="bn-BD"] h4, html[lang="bn-BD"] h5, html[lang="bn-BD"] h6, html[lang="hi-IN"] h1, html[lang="hi-IN"] h2, html[lang="hi-IN"] h3, html[lang="hi-IN"] h4, html[lang="hi-IN"] h5, html[lang="hi-IN"] h6, html[lang="mr-IN"] h1, html[lang="mr-IN"] h2, html[lang="mr-IN"] h3, html[lang="mr-IN"] h4, html[lang="mr-IN"] h5, html[lang="mr-IN"] h6 { font-weight: 700; } /* Typography for Greek Font */ html[lang="el"] body, html[lang="el"] button, html[lang="el"] input, html[lang="el"] select, html[lang="el"] textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } html[lang="el"] h1, html[lang="el"] h2, html[lang="el"] h3, html[lang="el"] h4, html[lang="el"] h5, html[lang="el"] h6 { font-weight: 700; line-height: 1.3; } /* Typography for Gujarati Font */ html[lang="gu-IN"] body, html[lang="gu-IN"] button, html[lang="gu-IN"] input, html[lang="gu-IN"] select, html[lang="gu-IN"] textarea { font-family: Arial, sans-serif; } html[lang="gu-IN"] h1, html[lang="gu-IN"] h2, html[lang="gu-IN"] h3, html[lang="gu-IN"] h4, html[lang="gu-IN"] h5, html[lang="gu-IN"] h6 { font-weight: 700; } /* Typography for Hebrew Font */ html[lang="he-IL"] body, html[lang="he-IL"] button, html[lang="he-IL"] input, html[lang="he-IL"] select, html[lang="he-IL"] textarea { font-family: "Arial Hebrew", Arial, sans-serif; } html[lang="he-IL"] h1, html[lang="he-IL"] h2, html[lang="he-IL"] h3, html[lang="he-IL"] h4, html[lang="he-IL"] h5, html[lang="he-IL"] h6 { font-weight: 700; } /* Typography for Japanese Font */ html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea { font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; } html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 { font-weight: 700; } /* Typography for Korean font */ html[lang="ko-KR"] body, html[lang="ko-KR"] button, html[lang="ko-KR"] input, html[lang="ko-KR"] select, html[lang="ko-KR"] textarea { font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; } html[lang="ko-KR"] h1, html[lang="ko-KR"] h2, html[lang="ko-KR"] h3, html[lang="ko-KR"] h4, html[lang="ko-KR"] h5, html[lang="ko-KR"] h6 { font-weight: 600; } /* Typography for Thai Font */ html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3, html[lang="th"] h4, html[lang="th"] h5, html[lang="th"] h6 { line-height: 1.65; font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; } html[lang="th"] body, html[lang="th"] button, html[lang="th"] input, html[lang="th"] select, html[lang="th"] textarea { line-height: 1.8; font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Remove letter-spacing for all non-latin alphabets */ html[lang="ar"] *, html[lang="ary"] *, html[lang="azb"] *, html[lang="haz"] *, html[lang="ps"] *, html[lang^="zh-"] *, html[lang="bg-BG"] *, html[lang="ru-RU"] *, html[lang="uk"] *, html[lang="bn-BD"] *, html[lang="hi-IN"] *, html[lang="mr-IN"] *, html[lang="el"] *, html[lang="gu-IN"] *, html[lang="he-IL"] *, html[lang="ja"] *, html[lang="ko-KR"] *, html[lang="th"] * { letter-spacing: 0 !important; } /*-------------------------------------------------------------- 6.0 Forms --------------------------------------------------------------*/ label { color: #424242; display: block; font-weight: 700; 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 #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; transition: all 0.2s ease-in-out; } 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: solid 4px #195899; box-shadow: 0 2px 8px rgba(67, 79, 91, 0.2); } 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, input[type="button"], input[type="submit"] { background-color: #195899; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 600; line-height: 1; padding: 0.8125rem 1.5rem; text-shadow: none; transition: all 0.15s ease-in-out; } 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; } input[type="submit"]:hover, input[type="submit"]:focus { background: #cf4330; } 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 */ } :-ms-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } /*-------------------------------------------------------------- 7.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 0; } th { padding: 0.5rem; text-align: left; } tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } td { padding: 0.5rem; } /********************************************************************************************* 1. Page Structure: Common layout elements *********************************************************************************************/ a { color: #195899; text-decoration: none; transition: all 0.2s ease-in-out; } a:hover, a:focus { color: #cf4330; } a:focus { outline: 1px dotted; outline-offset: 2px; text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #195899; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: #cf4330; } body { background-color: #f3f3f3; color: #181818; font-family: Open Sans, Lato, Arial, sans-serif; font-size: 62.5%; line-height: 1.5rem; margin: 0; padding: 0; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #container { font-size: 1rem; line-height: 1.5em; padding: 0; text-align: center; width: 100%; } .site-wrapper-all { padding: 0; text-align: center; } .site-section-wrapper { margin: 0 auto; padding: 0 50px; text-align: left; width: 1200px; } li.cleaner, div.cleaner, div.divider { margin: 0; clear: both; font-size: 1px; height: 1px; line-height: 1px; } .centered, .title-center { text-align: center; } /********************************************************************************************* 2. Page Structure: Header *********************************************************************************************/ #site-preheader { background-color: #eee; font-size: 13px; padding: 16px 0; } .site-section-wrapper-preheader { position: relative; } #site-preheader a { color: inherit; text-decoration: underline; } #site-preheader a:hover, #site-preheader a:focus { color: #cf4330; } #site-preheader .site-section-wrapper { text-align: right; } #site-preheader .menu-item { display: inline-block; } #site-preheader .menu-item + .menu-item { margin-left: calc(0.8125rem - 4px); } #site-preheader .menu-item + .menu-item:before { color: #b1b1b1; content: '|'; display: inline-block; font-size: 10px; line-height: 1em; margin-right: 0.8125rem; } #site-preheader .current-menu-item { font-weight: bolder; } #site-preheader .current-menu-item a { color: #cf4330; } #site-masthead { background-color: #fff; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07); padding-top: 30px; padding-bottom: 30px; } .site-page-noslideshow #site-masthead { padding-bottom: 40px; } #site-logo { display: inline-block; padding-right: 40px; text-align: left; vertical-align: middle; width: 27.27272727%; } #site-logo .custom-logo { height: auto; max-width: 100%; } #site-logo .site-title { font-size: 1.5rem; font-weight: 600; letter-spacing: -1px; margin-bottom: 0; text-transform: uppercase; } #site-logo .site-description { font-size: 0.875rem; font-weight: 400; letter-spacing: 0; margin: 10px 0 0; } /********************************************************************************************* 3. Navigation *********************************************************************************************/ /* Mobile Menu Icons */ .navbar-header { display: none; } /* Start Primary Navigation */ #site-section-primary-menu { display: inline-block; text-align: right; vertical-align: middle; width: 72.72727272%; z-index: 3; } #site-primary-nav { font-family: Open Sans, Arial, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1em; } /* Dropdown Menu */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: inline-block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-arrows .sf-with-ul:after { content: "\f107"; display: inline; margin: 0 0 0 6px; -webkit-font-smoothing: antialiased; font: normal 16px/16px 'FontAwesome'; vertical-align: top; } .sf-arrows ul .sf-with-ul:after { content: "\f345"; font: normal 12px/9px 'dashicons'; float: right; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } .large-nav { position: relative; z-index: 100; } .large-nav > .menu-item { display: inline-block; margin-right: 0; position: relative; } .large-nav > .menu-item + .menu-item { margin-left: 1.5rem; } .large-nav a { color: #121212; letter-spacing: -0.5px; padding: 18px 2px; } .large-nav .menu-item-has-children > a { position: relative; } .large-nav ul a { color: #121212; letter-spacing: 0; } .large-nav ul a { text-align: left; text-transform: none; } .large-nav ul { background: #fff; border: 1px solid #ccc; border-radius: 3px; margin: 0; padding: 0; left: 0; text-align: left; width: 220px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .large-nav > li > ul:before { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -7px; left: 31px; z-index: 470; } .large-nav > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ccc; position: absolute; top: -8px; left: 30px; z-index: 460; } .large-nav ul .menu-item { border-bottom: 1px solid #F0F0F0; display: block; font-weight: 600; margin: 0; text-transform: none; } .large-nav ul li:hover, .large-nav ul li:focus { background-color: #f8f8f8; } .large-nav ul li:last-child { border: none; } .large-nav ul a { display: block; font-size: 13px; line-height: 1.6em; padding: 13px 20px; } .large-nav ul ul { right: 100%; margin-top: 0px; } .large-nav a:hover, .large-nav a:focus, .large-nav .current-menu-item > a, .large-nav .current_page_item > a, .large-nav .current-menu-parent > a { color: #cf4330; } /********************************************************************************************* 4. Page Structure: Content Layout *********************************************************************************************/ #site-main .site-section { background-color: #fff; padding-top: 80px; padding-bottom: 80px; } #site-main .site-section:nth-child(odd) { background-color: #f6f2ee; } .site-columns .site-column { display: inline-block; vertical-align: top; } .site-columns-2 .site-column { width: 50%; } .site-columns-3 .site-column { width: 33.33333333%; } .site-columns-4 .site-column { width: 25%; } .site-columns-5 .site-column { width: 20%; } .site-column-aside .site-columns .site-column { display: block; width: 100%; } .site-column-aside .site-columns .site-column + .site-column { margin-top: 2rem; } .site-column-aside .site-archive-post .entry-title { font-size: 1rem; line-height: 1.5em; } .site-column-aside { display: inline-block; font-size: 0.875rem; vertical-align: top; width: 30.90909090%; } .site-column-content { display: inline-block; vertical-align: top; width: 69.09090909%; } .site-section-wrapper-main { background-color: #fff; border-top: solid 10px #195899; margin-top: -10px; padding-top: 3.125rem; padding-bottom: 5rem; position: relative; z-index: 2; box-shadow: 0 0 10px rgba(12, 12, 12, 0.05); } .page-sidebar-left .site-column-aside { float: left; } .page-sidebar-left .site-column-content { float: right; } .page-sidebar-left .site-column-aside .site-column-wrapper { padding-right: 55px; } .site-column-aside .widget { background-color: #f6f2ee; margin-bottom: 40px; padding: 40px; } .page-sidebar-left .site-column-content .site-column-wrapper { padding: 0 20px; } .page-sidebar-right .site-column-aside { float: right; } .page-sidebar-right .site-column-content { float: left; } .page-sidebar-right .site-column-aside .site-column-wrapper { padding-left: 55px; } .page-sidebar-right .site-column-content .site-column-wrapper { padding-right: 40px; padding-left: 0; } .page-sidebar-hidden .site-column-content { display: block; margin-right: auto; margin-left: auto; } /********************************************************************************************* 5. Page Structure: Content Sections, Blocks, Elements *********************************************************************************************/ /* Featured Pages Widget */ #site-homepage-widgets .custom-widget-featured-pages .site-columns .site-column { margin-right: 3.6363636363%; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-3 .site-column { width: 30.90909090%; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-3 .site-column-3 { margin-right: 0; } #site-homepage-widgets .widget-recent-posts .site-readmore-span { float: right; position: relative; z-index: 3; } #site-homepage-widgets .widget-recent-posts .site-readmore-span .site-readmore-anchor { background-color: #fff; display: inline-block; font-size: 13px; font-weight: 600; padding: 8px 25px; text-decoration: underline; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.09); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.09); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } #site-homepage-widgets .widget-recent-posts .site-readmore-span .site-readmore-anchor:hover, #site-homepage-widgets .widget-recent-posts .site-readmore-span .site-readmore-anchor:focus { background-color: #195899; color: #fff; -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.15); } .site-column-aside .widget-recent-posts .site-readmore-span { display: block; margin-top: 2rem; } .site-archive-post .entry-descriptor { background-color: #006435; color: #fff; display: inline-block; font-size: 13px; line-height: 1.4em; margin-bottom: 1.25rem; padding: 5px 10px; } .widget-recent-posts .post-nothumbnail .entry-descriptor { margin-bottom: 0; } .entry-thumbnail .entry-descriptor { margin-bottom: 0; position: absolute; bottom: 10px; left: -10px; } .entry-tagline { color: #888; font-size: 0.875rem; margin: 0 0 2.5rem; } .entry-tagline a { text-decoration: underline; } .entry-tagline .post-meta-span + .post-meta-span:before { content: '|'; display: inline-block; font-size: 0.75rem; line-height: 1em; margin: 0 0.875rem; } .site-archive-post .entry-title, .site-archive-post .entry-excerpt, .site-archive-post .entry-actions { margin-top: 1.25rem; } .site-archive-post .entry-title { font-size: 1.25rem; letter-spacing: -0.5px; line-height: 1.65em; } .site-archive-post .entry-preview { font-size: 14px; line-height: 1.65em; } #site-homepage-widgets .widget-title, #site-main .archives-title, #academia-comments .title-section { display: block; font-size: 24px; font-weight: 300; letter-spacing: -0.5px; line-height: 40px; margin: 0 0 3rem; padding: 0; text-transform: none; } #site-main .archives-title { margin-bottom: 2rem; } .site-archive-post .entry-actions a { text-decoration: underline; } #site-homepage-widgets .widget-title { border-bottom: solid 1px #ddd; margin-bottom: 2rem; padding-bottom: 0.5rem; } /* Post Archives */ .site-directory-block, .site-archive-posts .site-archive-post + .site-archive-post { border-top: solid 1px #ddd; margin-top: 40px; padding-top: 40px; } .site-archive-posts .entry-thumbnail { display: inline-block; vertical-align: top; width: 26.38888888%; } .site-archive-posts .has-post-thumbnail .entry-preview { display: inline-block; width: 73.61111111%; } .site-archive-posts .has-post-thumbnail .entry-preview-wrapper { padding-left: 45px; } .site-archive-posts .site-archive-post .entry-title { margin-top: 0; } .site-column-aside .current-menu-item, .site-column-aside .current-cat { font-weight: 600; } .site-column-aside .current-menu-item a, .site-column-aside .current-cat a { color: #cf4330; text-decoration: underline; } .academia-related-pages .academia-related-page + .academia-related-page { border-top: solid 1px #ddd; border-color: rgba(0,0,0,0.12); margin-top: 0.875rem; padding-top: 0.875rem; } /********************************************************************************************* 6. Single: Post/Page Styling *********************************************************************************************/ .page-title { font-size: 2.44140625rem; font-weight: 700; letter-spacing: -1px; line-height: 1.25em; margin-bottom: 3rem; padding: 0; } .page-title:last-child { margin-bottom: 0; } .page-meta { font-size: 0.875em; } .page-meta-hr { background-color: #dfe3e7; border: 0; height: 1px; margin: 3rem 0; } .entry-inner-thumbnail { margin-bottom: 1.875rem; } .entry-content, .archives-content { font-size: 1rem; font-weight: 400; line-height: 1.75em; margin: 0; max-width: 100%; text-align: left; } .entry-content * + * { margin-top: 2rem; margin-bottom: 0; } .entry-content li + li { margin-top: 0.25rem; } .entry-content h1 { font-size: 2em; } .entry-content h2 { font-size: 1.25em; } .entry-content h3 { font-size: 1.125em; } .entry-content h4 { font-size: 1em; } .entry-content h5 { font-size: 1em; } .entry-content h6 { font-size: 1em; } .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-weight: 700; margin: 1.25em 0 1.25em; line-height: 1.3em; } .entry-content p { margin-top: 0; margin-bottom: 2rem; } .entry-content p:last-of-type { margin-bottom: 0; } .entry-content img { margin-bottom: 1.25rem; } .entry-content img.callout { margin-top: 1.25rem; margin-bottom: 1.25rem; } .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright { max-width: 100%; width: auto; height: auto; } .entry-content iframe { max-width: 100%; } .entry-content figure, .textwidget figure { margin: 0; } .entry-content textarea { max-width: 97%; } .entry-content blockquote { background-color: #f3f5f6; border: solid 1px #e5e8eb; font-size: 1em; font-style: normal; font-weight: normal; margin: 3rem 0; padding: 3rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .entry-content a { font-weight: 600; text-decoration: underline; } .entry-content a:hover, .entry-content a:focus { cursor: pointer; } .entry-content table { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.07); border: solid 1px #d0d6dc; margin: 3rem 0; } .entry-content table caption { font-style: italic; padding: 0.5rem 20px; text-align: left; } .entry-content table tbody { border: solid 1px #d0d6dc; border-width: 1px; } .entry-content table:last-child { margin-bottom: 0; } .entry-content table th, .entry-content table td { border-right: solid 1px #d0d6dc; font-size: 0.875rem; line-height: 1.75em; } .entry-content table th { border-right-color: rgba(0, 0, 0, 0.1); } .entry-content table th:last-child { border-right-width: 0; } .entry-content thead th { background-color: #195899; color: #fff; } .entry-content table thead tr { border-bottom-color: #19548f; } .entry-content table tr { border-bottom: solid 1px #d0d6dc; } .entry-content tr:nth-child(odd) { background-color: #f9f9f9; } .entry-content tr:nth-child(even) { background-color: #dfe3e7; } .entry-content #academia-form-errors .academia-form-error { color: #d4a002; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ #site-main hr { background-color: #dfe3e7; border: 0; height: 1px; margin: 2.5rem 0; } .entry-content .callout { margin-left: -25%; width: 150%; } .entry-content img.callout { height: auto; } .entry-content .callout iframe { width: 100%; } /* Gallery Template */ .gallery-item { display: inline-block; margin: 0; padding: 3px; vertical-align: top; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.666666%; } .gallery-columns-7 .gallery-item { width: 14.28571428%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-item img { height: auto; max-width: 100%; width: 100%; } .gallery-item .gallery-caption { margin-left: 0; } .gallery-item .post-content { text-align: center; } /* Tags List */ .post-meta { border: solid 1px #e5e8eb; border-width: 1px 0 0; font-size: 14px; font-weight: 400; line-height: 1.5em; margin: 2.5rem 0; padding: 2.5em 0 0; text-align: center; } .post-meta a { font-weight: normal; margin: 0; position: relative; z-index: 5; text-decoration: none; text-transform: capitalize; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ .entry-content ul, .entry-content ol { list-style-position: outside; margin: 2em 0 2rem; padding: 0; } .entry-content ul { list-style-type: disc; } .entry-content ol { list-style-type: decimal; } .entry-content li { display: list-item; list-style-type: circle; } .entry-content li > ul, .entry-content li > ol { margin: 1.5rem 0 1.5rem 2rem; } .entry-content dt { font-weight: 700; } .entry-content dd { margin: 0 1.5em 1.5em; } .entry-content .list-inline { margin-left: 4px; } .entry-content .list-inline li { display: inline-block; font-size: 0.875em; margin-top: 0; margin-right: 0; width: 49.3%; } .entry-content .list-inline li:before { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; font-size: 0.75rem; line-height: 1em; margin: 0 6px 2px -4px; vertical-align: middle; } .entry-content ul:last-child { margin-bottom: 0; } /********************************************************************************************* 7. Comments Styling *********************************************************************************************/ #academia-comments .comment-reply-title { font-size: 24px; font-weight: 500; margin: 0 0 0.75em; } .comments-area { margin: 3em 0 0; text-align: left; } .comments-area .comments-title { margin: 0 0 2em; } .page .comments-area { margin-left: 0; } .comment-list { margin: 1.75em 0; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment, .pingback, .trackback { padding: 1.75em 0; } .depth-1 { border-bottom: solid 1px #ece8e0; } .depth-1:first-child { margin-top: 0; padding-top: 0; } .children { margin-top: 24px; } .children .comment { border-left: 5px solid #e7e7e7; padding-left: 24px; } .comment-author .avatar { border-radius: 50%; float: left; margin-right: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .comment-meta { margin-bottom: 0; } .comment-meta .fn { display: inline-block; font-size: 16px; font-style: normal; font-weight: 500; margin-right: 15px; } .says { display: none; } .comment-metadata { display: inline-block; font-size: 14px; } .comment-metadata a { color: #aaa; } .comment-metadata a:hover { color: #666; } .comment-content a { word-wrap: break-word; } .comment-tools { display: inline-block; float: right; } .comment-tools a { font-size: 13px; font-weight: normal; } .comment-reply-link { margin-left: 10px; } .comment-respond { padding: 0 20px 20px 0; } .comment-list .comment-respond { padding-top: 30px; } .comment-content { color: #555; font-size: 15px; line-height: 1.75em; overflow: hidden; } .comment-content p { margin: 1em 0 0; } .comment-form label { display: block; font-size: 15px; font-weight: 500; margin: 1em 0; text-transform: uppercase; } .comment-form label .required { color: #e95445; font-weight: 600; } .form-allowed-tags { font-size: 13px; } .no-comments { text-align: center; } .bypostauthor { display: block; } /********************************************************************************************* 8. Page Structure: Footer *********************************************************************************************/ #site-footer { background-color: #2d2d2d; color: #ccc; font-size: 0.8125rem; line-height: 2em; margin: 0; padding: 100px 0; position: relative; } #site-footer .site-column-wrapper { padding: 0 20px; } #site-footer .site-column-1 .site-column-wrapper { padding-left: 0; } #site-footer .site-column:last-of-type .site-column-wrapper { padding-right: 0; } #site-footer a { color: #fff; font-weight: 500; } #site-footer .current-menu-item a, #site-footer a:hover, #site-footer a:focus { color: #cf4330; text-decoration: underline; } #site-footer .widget-title { color: #fff; } #site-footer-credit { background-color: #fff; color: #555; font-size: 0.75rem; font-weight: 500; padding: 60px 0; } #site-footer-credit a { color: inherit; text-decoration: underline; } #site-footer-credit a:hover, #site-footer-credit a:focus { color: #cf4330; } #site-footer-credit .site-credit { margin: 0; } #site-footer-credit .site-footer-extra { float: right; } #site-footer-credit .widget-title { display: none; } #site-footer-credit .site-footer-extra li { display: inline-block; } #site-footer-credit .site-footer-extra li + li { margin-left: -4px; } #site-footer-credit li + li:before { color: #141414; content: '|'; display: inline-block; font-size: 0.7500187505rem; line-height: 1em; margin: 0 0.5rem; } #site-footer .site-columns-4 .site-column { width: 25%; } #site-footer .textwidget p + p { margin-top: 2em; } #site-footer .textwidget a { font-weight: 600; text-decoration: underline; } /********************************************************************************************* 9. Misc *********************************************************************************************/ .floatleft { float: left; } .floatright { float: right; } .sticky, .bypostauthor {} /* Thumbnails */ .entry-thumbnail, .post-thumbnail, .site-inner-thumbnail { position: relative; } .site-logo, .entry-thumbnail .thumbnail, .entry-thumbnail .wp-post-image, .wp-caption img, .post-thumbnail .thumbnail, .site-inner-thumbnail { height: auto; max-width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Common Widgets Styling */ .widget { margin-bottom: 40px; } .widget:last-of-type { margin-bottom: 0; } .widget-title { font-family: Open Sans, Arial, sans-serif; font-size: 0.875rem; font-weight: 600; margin: 0 0 1.25rem; position: relative; text-transform: uppercase; } .widget-wrapper-related .widget-title { margin-bottom: 2.5rem; } /* WordPress Core Widget: Recent Posts */ .widget_recent_entries li { border-bottom: solid 1px #ddd; border-color: rgba(0,0,0,0.12); margin-bottom: 0.875rem; padding-bottom: 0.875rem; } .widget_recent_entries li:last-of-type { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .widget_recent_entries a { line-height: 1.4em; } .widget_recent_entries .post-date { color: #999; color: rgba(0, 0, 0, 0.4); display: block; font-size: 12px; margin: 1em 0 0; } #wpstats { display: none; } /*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/ .site-breadcrumbs, .site-breadcrumbs .trail-browse { color: #555555; font-size: 0.8125rem; } .site-breadcrumbs { display: block; line-height: 1.6; margin: 0 0 3rem; } .site-breadcrumbs .site-breadcrumbs-p > * { display: inline-block; margin: 0 0.5rem 0 0; padding: 0; line-height: 1.6em; } .site-breadcrumbs .site-breadcrumbs-p > *:last-child { margin-right: 0; } .site-breadcrumbs .fa { display: inline-block; margin-top: -3px; margin-left: 4px; margin-right: 6px; } .site-breadcrumbs .trail-item:last-of-type .fa { display: none; } .site-breadcrumbs .trail-begin { margin-top: -2px; } .site-breadcrumbs .trail-begin .nicon-angle-right { margin-top: 1px; } .site-breadcrumbs .trail-items { list-style: none; } .site-breadcrumbs .trail-items li { display: inline-block; } .site-breadcrumbs .trail-items li:last-child { margin-right: 0; } .site-breadcrumbs .trail-items li:last-child .nicon-angle-right { display: none; } .site-breadcrumbs a { color: #195899; font-weight: 400; text-decoration: underline; } .site-breadcrumbs a:hover, .site-breadcrumbs a:focus { color: #cf4330; } /* Captions */ .entry-content .wp-caption, .textwidget .wp-caption { font-size: 0.875rem; line-height: 1.75em; margin-top: 0; margin-bottom: 2.5rem; max-width: 100%; width: auto; } .entry-content .wp-caption img, .textwidget .wp-caption img { margin-bottom: 0; } .entry-content .wp-caption .wp-caption-text, .textwidget .wp-caption .wp-caption-text { background-color: #eee; margin-top: 0; padding: 1.25rem; } /*-------------------------------------------------------------- 8.0 Post Author Box --------------------------------------------------------------*/ .entry-authorbio-wrapper { border-top: solid 1px #ddd; font-size: 14px; line-height: 1.75em; margin: 2rem 0; padding-top: 2rem; text-align: left; } .entry-authorbio-wrapper .avatar { border: solid 2px #fff; float: left; margin: 0 30px 0 0; vertical-align: top; -moz-box-shadow: 8px 8px 0px 0px #eee; -webkit-box-shadow: 5px 5px 0px 0px #eee; box-shadow: 5px 5px 0px 0px #eee; } .entry-authorbio-wrapper .author-description { overflow: hidden; } .entry-authorbio-wrapper .author-description p:last-of-type { margin-bottom: 0; } .entry-authorbio-wrapper .author-title { display: inline-block; font-size: 16px; font-weight: 600; margin: 0 0 1.25rem; text-transform: uppercase; } .entry-authorbio-wrapper .author-links { display: inline-block; margin-left: 12px; vertical-align: top; } .entry-authorbio-wrapper .author-links a + a { margin-left: 12px; } .entry-authorbio-wrapper .author-bio { font-weight: 500; } /*-------------------------------------------------------------- 8.0 Post Navigation --------------------------------------------------------------*/ .site-post-navigation { font-size: 14px; line-height: 1.5em; margin: 0; text-align: left; } .site-post-navigation .site-post-nav-item { display: inline-block; margin: 0; text-align: left; vertical-align: top; width: 50%; } .site-post-navigation .site-post-nav-next { float: right; text-align: right; } .site-post-navigation .post-navigation-label { display: inline-block; font-size: 12px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase; } .site-post-navigation .fa { margin-right: 5px; } .site-post-navigation .site-post-nav-next .fa { margin-right: 0; margin-left: 5px; } .site-post-navigation a { display: block; } /*-------------------------------------------------------------- 9.0 Archive Pagination/Navigation --------------------------------------------------------------*/ .pagination { font-size: 0.875rem; font-weight: 700; margin: 3rem 0 2rem; text-align: center; } .pagination .site-section-wrapper { text-align: center; } .pagination .page-numbers { border: solid 1px #e5e8eb; border-radius: 2px; display: inline-block; line-height: 1em; margin: 0 3px; padding: 0.75rem; } .pagination .current, .pagination a:hover, .pagination a:focus { background-color: #195899; border-color: #195899; color: #fff; } .pagination .current { color: #fff; } /********************************************************************************************* 11. Slideshow *********************************************************************************************/ /* Start Home Hero Slideshow */ #site-section-slideshow { background-color: #182122; } .site-section-slideshow-withimage { height: 70vh; max-height: 600px; min-height: 300px; position: relative; } .site-section-slideshow-blankfill { height: 120px; } .slideshow-hero-wrapper { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } #site-section-slideshow .site-section-wrapper-slide { height: 100%; } #site-section-slideshow .wrapper { height: 100%; } #site-section-slideshow .content-wrapper { background-color: #131313; background-color: rgba(12,12,12,0.92); height: 100%; margin-left: -50px; max-width: 420px; padding: 50px; position: relative; } #site-section-slideshow .content-aligner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #site-section-slideshow .hero-title { color: #fff; font-size: 28px; font-weight: bold; line-height: 1.6em; margin: 0; } #site-section-slideshow .hero-title a { color: #fff; } #site-section-slideshow .hero-title a:hover, #site-section-slideshow .hero-title a:focus { color: #cf4330; } #site-section-slideshow .hero-description { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; font-weight: normal; line-height: 1.8em; margin: 2rem 0 0; } #site-section-slideshow .hero-button-span { display: block; font-size: 14px; font-weight: bold; line-height: 1em; margin: 2rem 0 0; } #site-section-slideshow .hero-button-anchor { background-color: #fff; color: #111; display: inline-block; padding: 12px 30px; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #site-section-slideshow .hero-button-anchor:hover, #site-section-slideshow .hero-button-anchor:focus { background-color: #cf4330; color: #fff; } /* Featured Posts on Homepage */ #site-section-slideshow img { height: inherit; /* Make sure images are scaled correctly. */ max-width: inherit; /* Adhere to container width. */ } #site-section-slideshow .image-wrapper { display: inline-block; position: relative; } .empty-slider { max-width: 100%; } #site-section-slideshow .site-slideshow-list { height: 100%; overflow: hidden; position: relative; } #site-section-slideshow .site-slideshow-item { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-right: 0; max-width: 100%; height: 100%; width: 100%; overflow: hidden; list-style-type: none; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .site-slideshow-list, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; } .flexslider .site-slideshow-list > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .site-slideshow-list img { display: block; height: auto; width: 100%; } /* Clearfix for the .slides element */ .site-slideshow-list:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .site-slideshow-list {display: block;} html .site-slideshow-list {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .site-slideshow-list > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} .flex-viewport { height: 100%; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .site-slideshow-list {zoom: 1;} .carousel li {margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { display: block; padding: 0; z-index: 10; height: 60px; width: 60px; position: absolute; top: 45%; left: 20px; } .flex-direction-nav .flex-next { background-position: 0 -60px; left: auto; right: 20px; } .flex-direction-nav a { background: transparent url(images/sprite-arrows.png) no-repeat top left; display: inline-block; height: 60px; width: 60px; padding: 0; text-indent: -9999px; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .flex-direction-nav .flex-prev { background-position: 0 0; right:110px; } .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-prev:active, .flex-direction-nav .flex-prev:focus, .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-next:active, .flex-direction-nav .flex-next:focus { filter: alpha(opacity=100); opacity: 1; } /* Control Nav (Bullets) */ .flex-control-nav {position: absolute; bottom: 30px; right: 0; text-align: center; z-index: 10; width: 100%; } .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;} .hermes-room .flex-control-nav { bottom: 15px; } .hermes-room .flex-control-nav li { margin: 0 7px; } .flex-control-paging li a { border: solid 2px #fff; display: block; width: 16px; height: 16px; text-indent: -9999px; cursor: pointer; -webkit-transition-duration: 0; -moz-transition-duration: 0; transition-duration: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); } .flex-control-paging li a:hover, .flex-control-paging li a:focus, .flex-control-paging li a.flex-active { background-color: #fff; } /****************************************** 12. SlickNav Responsive Mobile Menu ******************************************/ /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: inline-block; vertical-align: middle; padding: 1rem; line-height: 1.125em; margin: 0 auto; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 2px; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: inline-block; line-height: 1.188em; float: none; } .slicknav_menu .slicknav_icon { display: inline-block; float: none; width: 20px; height: 10px; margin: 0 0 0 5px; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 20px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; text-transform: uppercase; } .slicknav_nav li li { border-bottom: solid 1px rgba(255,255,255,0.1); text-transform: none; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 15px; box-sizing: border-box; background: #195899; text-align: center; padding: 8px 24px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 8px auto; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #111; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 1em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0; } .slicknav_nav .slicknav_row { padding: 8px 10px; margin: 2px 5px; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #cf4330; color: #fff; } .slicknav_nav a { padding: 8px 12px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #cf4330; color: #fff; text-decoration: none; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /********************************************************************************************* 14. Media Queries *********************************************************************************************/ /* Tablet Landscape */ @media screen and (max-width: 1220px) { .site-section-wrapper { width: 100%; } } /* Tablet Landscape */ @media screen and (max-width: 960px) { #site-primary-nav { font-size: 0.875rem; } .large-nav > .menu-item + .menu-item { margin-left: 1rem; } .page-sidebar-hidden .site-column-content { width: 100%; } .page-sidebar-right .site-column-aside .site-column-wrapper { padding-left: 20px; } .page-sidebar-left .site-column-aside .site-column-wrapper { padding-right: 20px; } } /* Tabled Portrait */ @media screen and (max-width: 768px) { #site-logo { display: block; margin-right: 0; padding-right: 0; text-align: center; width: 100%; } #site-logo img { height: auto; max-width: 100%; width: auto; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-4 .site-column { width: 48.1818181818%; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-4 .site-column-2 { margin-right: 0; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-4 .site-column-1, #site-homepage-widgets .custom-widget-featured-pages .site-columns-4 .site-column-2 { margin-bottom: 4rem; } #site-section-slideshow .hero-title { font-size: 1.5rem; } #site-section-slideshow .hero-description { font-size: 14px; } .page-title { font-size: 2rem; } .theme-credit { display: none; } .page-sidebar-left .site-column-aside, .page-sidebar-right .site-column-aside { display: block; float: none; margin-top: 4rem; width: 100%; } .page-sidebar-left .site-column-content, .page-sidebar-right .site-column-content { display: block; float: none; width: 100%; } .page-sidebar-left .site-column-content .site-column-wrapper, .page-sidebar-right .site-column-aside .site-column-wrapper { padding-left: 0; } .page-sidebar-right .site-column-content .site-column-wrapper, .page-sidebar-left .site-column-aside .site-column-wrapper { padding-right: 0; } .entry-thumbnail .thumbnail, .entry-thumbnail .wp-post-image, .wp-caption img, .post-thumbnail .thumbnail, .site-inner-thumbnail { width: auto; } #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-2 .site-column, #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-3 .site-column, #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-4 .site-column { display: block; margin-right: 0; width: 100%; } #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-2 .site-column + .site-column, #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-3 .site-column + .site-column, #site-homepage-widgets .widget-recent-posts .custom-widget-featured-pages .site-columns-4 .site-column + .site-column { border-top: solid 1px #ddd; margin-top: 40px; padding-top: 40px; } #site-homepage-widgets .widget-recent-posts .entry-thumbnail { display: inline-block; vertical-align: top; width: 26.38888888%; } #site-homepage-widgets .widget-recent-posts .has-post-thumbnail .entry-preview { display: inline-block; width: 73.61111111%; } #site-homepage-widgets .widget-recent-posts .site-archive-post .entry-title { margin-top: 0; } #site-homepage-widgets .widget-recent-posts .has-post-thumbnail .entry-preview-wrapper, .site-archive-posts .has-post-thumbnail .entry-preview-wrapper { padding-left: 40px; } #site-footer .site-columns-4 .site-column { width: 50%; } #site-footer .site-columns-4 .site-column-wrapper, #site-footer .site-column-1 .site-column-wrapper, #site-footer .site-column-4 .site-column-wrapper { padding-right: 20px; padding-left: 20px; } #site-footer .site-columns-4 .site-column-1, #site-footer .site-columns-4 .site-column-2 { margin-bottom: 4rem; } .site-slideshow-content { padding-top: 50px; padding-bottom: 50px; } #site-prefooter-widgets .site-prefooter-widgets-wrapper { padding-left: 40px; } /* Main Menu */ #site-section-primary-menu { border-width: 0; display: block; margin-top: 2rem; padding: 0; text-align: center; width: 100%; transition: all 0.2s ease-in-out; } #site-primary-nav { display: none; } #site-header-navigation { display: block; float: none; margin-top: 20px; margin-bottom: 10px; width: 100%; } #site-menu-main, #menu-main-slick { display: none; } .navbar-header { display: block; } .site-header .slicknav_menu { text-align: center; } .site-header .menu { margin-bottom: 10px; } #site-header-navigation .sub-menu a { color: #ccc; color: rgba(255,255,255,0.7); } #site-header-navigation .sub-menu a:hover, #site-header-navigation .sub-menu a:focus { color: #fff; text-decoration: none; } /* End Menu */ } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { #site-secondary-nav { text-align: center; } #site-preheader .menu-item + .menu-item:before { content: none; } #site-preheader .menu-item { margin: 8px 12px; } .site-section-wrapper { padding-right: 30px; padding-left: 30px; } .site-archive-post .entry-title { font-size: 1.125rem; line-height: 1.5em; } #site-section-slideshow .content-wrapper { margin-left: -30px; } #site-section-slideshow .content-wrapper { padding: 30px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 480px) { .page-title { font-size: 1.5rem; } .entry-content .alignleft, .entry-content .alignright { display: block; float: none; margin-right: auto; margin-left: auto; } .site-archive-posts .entry-thumbnail, #site-homepage-widgets .widget-recent-posts .entry-thumbnail { display: block; margin-bottom: 30px; width: 100%; } .site-archive-posts .has-post-thumbnail .entry-preview, #site-homepage-widgets .widget-recent-posts .has-post-thumbnail .entry-preview { display: block; width: 100%; } #site-homepage-widgets .widget-recent-posts .has-post-thumbnail .entry-preview-wrapper, .site-archive-posts .has-post-thumbnail .entry-preview-wrapper { padding-left: 0; } #site-homepage-widgets .widget-title { clear: both; } #site-homepage-widgets .widget-recent-posts .site-readmore-span { display: inline-block; float: none; margin: 1.5rem 0; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-3 .site-column { display: block; float: none; margin: 0; width: 100%; } #site-homepage-widgets .custom-widget-featured-pages .site-columns-3 .site-column + .site-column { margin-top: 3rem; } #site-footer .site-columns-4 .site-column { margin: 0; width: 100%; } #site-footer .site-columns-4 .site-column + .site-column { margin-top: 3rem; } #site-footer .site-columns .site-column-wrapper { padding: 0; } #site-footer { padding-top: 80px; padding-bottom: 80px; } #site-footer-credit { padding-top: 50px; padding-bottom: 50px; } #site-section-slideshow .hero-title { font-size: 1.25rem; } #site-section-slideshow .content-wrapper { max-width: 70%; } #site-section-slideshow .hero-description { display: none; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 384px) { .page-title { font-size: 1.375rem; } #site-homepage-widgets .widget-title, #site-main .archives-title, #academia-comments .title-section { font-size: 20px; font-weight: 400; } .entry-content, .archives-content { font-size: 0.9375rem; } }