/* Theme Name: NSUE-MOOC - Massive Open Online Course Theme URI: https://www.purdue.edu/hhs/nur/nsue-mooc/ Author: Jackson Sky Web Design & Development Author URI: https://jacksonsky.com/ Description: This is the location theme designed and developed exclusively for NSUE-MOOC: Nurses's substance use education massive open online course. Tags: one-column, two-columns, custom-menu, full-width-template Version: 1.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Navigation 12.0 Layout 12.1 Header 12.2 Regular Content 12.3 Content Layouts 12.4 Sidebar Content 12.5 Footer 12.6 Home Page 12.7 Interior Pages 12.8 Page Sections 12.9 Posts 12.10 MISC Universal Styles 13.0 Comments 14.0 Widgets 15.0 Media 15.1 Galleries 16.0 Media Queries 16.1 Query sm - Over 576px 16.2 Query md - Over 768px 16.3 Query lg - Over 992px 16.4 Query xl - Over 1200px 16.5 Query xxl - Over 1400px 17.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize - See Stylesheet normalize.css --------------------------------------------------------------*/ /* But it is not enough now, below dont hide play button parent div */ *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ /* Hide visually and from screen readers */ .hidden {display: none !important;} /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} /** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} /** Hide visually and from screen readers, but maintain layout */ .invisible {visibility: hidden;} /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft {display: inline; float: left; margin-right: 1.5em;} .alignright {display: inline; float: right; margin-left: 1.5em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ /**** Clearfix update ****/ .group:before, .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: acumin-pro, Franklin Gothic, sans-serif; font-size:16px; color:#000; font-weight: 400; font-style:normal; line-height:1.6; letter-spacing:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, .intro-large{font-family: acumin-pro, Franklin Gothic, sans-serif; color:#000; line-height:1.1; margin:0; padding:0; margin-bottom:.6em; letter-spacing: .01em; font-weight: 700;} h1, .intro-large{ font-size: 28px; font-family: "United Sans", Impact, "Arial Black", "sans serif";} h2{font-size:26px;} h3{ font-size:22px; margin-bottom: .3em; font-family: "United Sans", Impact, "Arial Black", "sans serif"; padding-top: .5em;} h4{ font-size:20px; margin-bottom:.3em; font-weight: 600;} h5{ font-size: 19px; margin-bottom: .2em; font-family: "United Sans", Impact, "Arial Black", "sans serif"; text-transform: uppercase;} h6{ font-size:18px; margin-bottom: .175em; text-transform: uppercase; font-weight: 600;} .intro-large{line-height: 1.1;} h2.callout, .callout h2{font-size:32px; letter-spacing: .015em; margin-bottom: .15em;} p {margin: 0 0 2em; padding: 0;} #main section p:last-of-type{margin-bottom: 0;} #site-content{font-size: 16px;} dfn, cite, em, i {font-style: italic;} blockquote { color: #8e6f3e; font-size: 1.25rem; line-height: 1.25; /*overflow: hidden;*/ margin-bottom:1.5em; font-weight: 500; font-family: "United Sans", Impact, "Arial Black", "sans serif"; } blockquote p:last-child{margin-bottom: 0;} blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } .quote-section{background-image: url("assets/images/background/texture_web-gold.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat;} .quote-with-break { font-size: 16px; font-family: "United Sans Extended", Impact, "Arial Black"; font-weight: 400; position: relative; /* Essential for positioning the pseudo-element */ padding: 60px 48px 60px 48px; /* Make space for the large quote */ border: 2px solid #fff; /* The border itself */ line-height: 1.3; background-image: url("assets/images/background/texture_web-black.jpg"); background-repeat: no-repeat; background-position: center center; color:#fff; margin: 20px; } .quote-with-break::before { content: ""; /* The actual quote character */ position: absolute; top: -14px; /* Position it above the top border */ left: 35px; height: 28px; width: 53px; font-size: 60px; /* Large size */ background-color: transparent; /* THIS IS KEY: It inherits the container's background, hiding the border behind it */ background-image: url("assets/images/background/quote-top.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; line-height: 1; /*padding: 0 10px; Add some padding to increase the "break" size */ } .quote-with-break::after { content: ""; /* The actual quote character */ position: absolute; bottom: -15px; /* Position it above the top border */ right: 35px; height: 28px; width: 53px; font-size: 60px; /* Large size */ background-color: transparent; /* THIS IS KEY: It inherits the container's background, hiding the border behind it */ background-image: url("assets/images/background/quote-bottom.png"); background-repeat: no-repeat; background-position: center center; line-height: 1; background-size: cover; /*padding: 0 10px; Add some padding to increase the "break" size */ } .quote-with-break cite { display: block; font-size: 12px; margin-top: 10px; font-family: acumin-pro, Franklin Gothic, sans-serif; text-transform: uppercase; font-style: normal; font-weight: 400; } address { margin: 0 0 1.5em;} pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } .big {font-size: 125%;} .light{ font-weight:300;} .normal{font-weight:400;} .semibold{font-weight:600;} .strong, strong{font-weight:700;} blockquote {quotes: "" "";} q {quotes: "“" "”" "‘" "’";} blockquote:before, blockquote:after {content: "";} :focus {outline: none;} .uppercase{text-transform: uppercase;} sup{ position: relative; top: 0; font-size: 50%; vertical-align: super; } /*-------------------------------------------------------{------- 6.0 Forms --------------------------------------------------------------*/ label { color: #676767; display: block; font-weight: 600; margin-bottom: 0.35em; } legend{color:#676767;} fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ color: #000; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; display: block; padding: 0.5em; font-size:14px; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } textarea { resize: vertical; } select { border: 1px solid #bbb; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } /************* Buttons **********/ button,.button, .buttonAlt, a.button, #main .gform_wrapper .gform_footer input[type="submit"].gform_button, input[type="button"], input[type="submit"]{ font-family: "United Sans Extended", Impact, "Arial Black"; text-transform:uppercase; background-color: #8e6f3e; border: 0; color: #fff; cursor: pointer; display: inline-flex; align-items: center; font-size: 13px; font-weight: 700 !important; letter-spacing: .03em; line-height: 1.2; padding: .75em 1.25em; text-shadow: none; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; margin-right: 10px; margin-bottom: 7px; text-decoration: none !important; text-align: center; border-radius: 0 ; } button.buttonAlt, .buttonAlt, a.button.buttonAlt, a.buttonAlt{background-color:#8ac542; } button:after,.button:after, .buttonAlt:after, a.button:after, input[type="button"]:after, input[type="submit"]:after{font-family: 'Font Awesome 6 Pro'; content:"\f061"; padding-left: .5em;} button:hover,.button:hover, .buttonAlt:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, #main .gform_wrapper .gform_footer input[type="submit"].gform_button:hover{ color:#fff; background-color:#000;} .trans2{-o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} /********* Placeholders **********/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #9f9f9f; font-family: acumin-pro, Franklin Gothic, sans-serif; } :-moz-placeholder { color: #9f9f9f; font-family: acumin-pro, Franklin Gothic, sans-serif; } ::-moz-placeholder { color: #9f9f9f; font-family: acumin-pro, Franklin Gothic, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #9f9f9f; font-family: acumin-pro, Franklin Gothic, sans-serif; } /******* Gravity Forms *********/ /*.container .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 0;} .container .gform_wrapper.gravity-theme .ginput_complex label{padding-top: 0; font-weight: 300;} .container .gform_wrapper.gravity-theme .field_description_above .gfield_description{padding-bottom:0; } .gform_wrapper.gravity-theme #gform_2 .gfield_label{font-size: 140%;} .gform_wrapper.gravity-theme #gform_2 legend{font-weight: 300 !important; line-height: 1.4; margin-bottom: .5em !important;} #gform_2 .gfield_radio{margin-bottom: 1em;} #gform_2 .gfield--input-type-html{font-size: 1.25em;} #gform_2 ol.fancy-list li, #gform_2 ul.fancy-list li{font-size: 1em;} #gform_2 ul.fancy-list{margin-left: 0;} #gform_2 ul.fancy-list li{} #gform_2 ul.fancy-list li::before{font-size: 1.25em;} #gform_2 ul.fancy-list ol.fancy-list{padding-top: .75em; padding-left: 1em;} #gform_2 ul.fancy-list ol.fancy-list li{padding-left: .5em;} #gform_2 ul.fancy-list ol.fancy-list li::before{ font-size: .85em; font-family: 'Figtree', sans-serif; }*/ body .gform_wrapper .gform_body .gfield_label { font-size: 18px; } ul.fancy-list, #site-content ul.fancy-list{list-style: none; margin-left: 0;} ul.fancy-list li{padding-left:1.5em; position: relative;} ul.fancy-list li::before{ content: "\f058"; /* FontAwesome Unicode */ font-family: 'Font Awesome 6 Pro'; display: inline-block; margin-left: -1.5em; width: 1.5em; position: absolute;} ol.fancy-list { margin: 0 0 2em .2em !important; counter-reset: li; list-style-type: none; } ol.fancy-list li { position: relative; padding-left: 2em ; font-weight: 400; line-height: 1.5; margin-bottom: 1em; } ol.fancy-list li:before { content: counter(li); counter-increment: li; height: 1.5em; width: 1.5em; border: 2px solid #0C4E97; border-radius: 50%; text-align: center; position: absolute; left: 0; color:#0C4E97; line-height: 1.3em; } /** SECTION 1 **/ /* Hide the OS/Browser checkboxes/radio buttons */ input[type=checkbox], input[type=radio] { visibility: hidden!important; margin: 0!important; width: 0!important; } /* Set Font Awesome font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */ input[type=checkbox] + label:before, input[type=checkbox] + span.woocommerce-terms-and-conditions-checkbox-text:before, input[type=radio] + label:before { visibility: visible; font-family: "FontAwesome"!important; font-size: 25px; position: relative; top: 5px; padding-right: 8px; } input[type=checkbox] + label:hover, input[type=checkbox] + span.woocommerce-terms-and-conditions-checkbox-text:hover, input[type=radio] + label:hover { cursor: pointer; } /** SECTION 2 **/ /** SECTION 1 **/ /* Hide the OS/Browser checkboxes/radio buttons */ input[type=checkbox], input[type=radio] { visibility: hidden!important; margin: 0!important; width: 0!important; } /* Set Font Awesome font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */ input[type=checkbox] + label:before, input[type=checkbox] + span:before, input[type=radio] + label:before { visibility: visible; font-family: "Font Awesome 6 Sharp"!important; font-size: 140%; position: relative; top: 0.1em; padding-right: 8px; } input[type=checkbox] + label:hover, input[type=checkbox] + span:hover, input[type=radio] + label:hover { cursor: pointer; } /** SECTION 2 **/ /* Set checkbox to FA icons: normal, hover, checked, & checked hover */ input[type=checkbox] + label:before, input[type=checkbox] + span:before { content: '\f096'!important; } input[type=checkbox] + label:hover:before, input[type=checkbox] + span:before { content: '\f046'; filter: alpha(opacity=20); opacity: 0.2; } input[type=checkbox]:checked + label:before, input[type=checkbox]:checked + span:before { content: '\f046'!important; } input[type=checkbox]:checked + label:hover:before, input[type=checkbox]:checked + span:hover:before, input[type=checkbox]:checked + label:before, input[type=checkbox]:checked + span:before { filter: alpha(opacity=100); opacity: 1; } /* Set radio buttons FA icons: normal, hover, checked, & checked hover */ input[type=radio] + label:before { content: '\f10c'!important; color: #0C4E97 !important; } input[type=radio] + label:hover:before { content: '\f192'!important; color: #011E41 !important; } input[type=radio]:checked + label:before { content: '\f192'!important; color: #F99F24 !important; } input[type=radio]:checked + label:hover:before { filter: alpha(opacity=100); opacity: 1; color: #F1593D !important; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color:#c4bfc0; border: 0; height: 11px; margin-top: 1.25em; margin-bottom: 1.25em; opacity: 1 !important; } hr.short{ max-width: 120px; width: 25%; margin-left: 0; background-color:#c4bfc0; } hr.alt{background-color:#f89e23;} .hand{} .hand:after{background-image:url("assets/images/common/hand-purple.png"); background-repeat: no-repeat; background-size: contain; width: 1.4em; height: 1.4em; margin-left: .5em; content: ""; position: absolute;} ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .inline-block{display: inline-block;} /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 2em 2em; padding: 0;} ul {list-style: disc;} ol {list-style: decimal;} #site-content ul, #site-content ol{margin: .75em 0 2em 2em;} li{ padding-left:0; margin-bottom:.5em;} li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;} dt {font-weight: 700;} dd {margin: 0 1.5em 1.5em;} /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%;} thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;} th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee;} td {padding: 0.4em;} th:first-child,td:first-child {padding-left: 0;} th:last-child,td:last-child {padding-right: 0;} .ml-responsive-table {padding-bottom: 30px !important;} .ml-responsive-table dd {margin-bottom: 0 !important;} .ml-table {padding: 0 10px 0 10px !important;} .ml-grid{padding:1em 2em .25em 0 !important;;} .ml-grid.ml-row-0{display: none;} .ml-value{padding-bottom: .75em !important;} /*** Pseudo Table Styles****/ .table{display:table;} .tableRow{display:table-row;} .tableCell{display:table-cell;} .tableMiddle{ vertical-align:middle;} .vert50{ height:50%;} /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a{color:#8e6f3e; text-decoration: underline;} a:hover{color:#8e6f3e; text-decoration: none;} #site-content a{text-decoration:underline; font-weight: 600; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;} #site-content a:hover{text-decoration: none;} a.alt{color:#44697d; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 90%;} a.alt:hover{color:#44697d; text-decoration: underline;} a:active, a:focus{outline:none;} a.alt:after{font-family: 'FontAwesome'; content: '\f0a9'; padding-left: 8px; position: relative; font-size: 120%;} /*-------------------------------------------------------------- 11.0 Navigation --------------------------------------------------------------*/ /******* Location Navigation ******/ ul#menu-location-menu{list-style: none; margin: 0; padding: 0;} ul#menu-location-menu li{display: inline;} ul#menu-location-menu li a{font-weight: 600;} ul#menu-location-menu li.selected a{font-weight: 900;} ul#menu-location-menu li:after{ content: '|'; padding-left: .35em; padding-right: .3em; position: relative; font-size: 120%;} ul#menu-location-menu li:last-of-type:after{ display: none;} /********* Main Navigation ********/ #mega-menu-wrap-main-menu .nav-button a{color:#fff !important; font-size: 12px !important; font-weight: 700 !important; padding-left: 15px !important; padding-right: 15px !important; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear !important;} #mainNav .mega-toggle-block button:after{display: none !important;} #mega-menu-main-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background-color:#555960; } /*** Mega Max Mobile****/ #mega-menu-wrap-main-menu li.mega-zzz a.mega-menu-link{display: none !important;} ul#menu-top-menu{list-style: none; background-color: #CFB991; margin-left: 0;} ul#menu-top-menu a{color:#000; font-family: acumin-pro, Franklin Gothic, sans-serif; padding-left: 10px;} #mega-menu-wrap-main-menu .menu-top-menu-container{margin-top: 5px;} /***** Social ******/ ul.social { margin-bottom: 0; } ul.social .nav-link { padding: 8px 0; } ul.social .nav-link .fab { } ul.social a.nav-link { color: #000; text-decoration: none; } ul.social .list-inline-item:not(:last-child) { margin-right: 6.4px; } /*-------------------------------------------------------------- 12.0 Layout --------------------------------------------------------------*/ html, body { height: 100%; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { display: flex; flex-direction: column; background: #fff; background: rgba(255,255,255,1); } #site-content.site-content{flex: 1 0 auto;} /*-------------------------------------------------------------- 12.1 Header --------------------------------------------------------------*/ /**** Top Ribbon ****/ #top-ribbon{background-color: #CFB991; font-size: 12px; text-transform: uppercase;} #top-ribbon a{color:#000; text-decoration: none;} #top-ribbon a:hover{color:#000; text-decoration: underline;} /**&*& Mobile Search ****/ #mobile-search #mega-menu-wrap-search-menu #mega-menu-search-menu li#mega-menu-item-597 .mega-search .search-icon:before{color:#5B57A6; } #mobile-search #mega-menu-wrap-search-menu #mega-menu-search-menu li#mega-menu-item-597 .mega-search input[type=text]{height: 25px;} #mobile-search .mega-search{height: 28px;} /***** Main Header *****/ #site-header{/*position: fixed;*/ background-color: #fff; position: sticky; top: 0; width: 100%; z-index: 200;} #site-header.shrink{} #site-header #site-name{background-color: #000;} #site-header .site-title{position: relative; } #site-header a.purdue-mark{position: absolute; width: 55%; height: 100%;} #site-header.shrink a.purdue-mark{width: 43.5%;} #site-header a.department-name{position: absolute; width: 45%; height: 100%; left:55%;} #site-header.shrink a.department-name{left: 43.5%; width: 30%;} #site-header .site-title img{width: 100%; height: auto; max-height: 100%; max-width: 100%; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #site-header.shrink .site-title img{width: 75%; height: auto; max-height: 100%; max-width: 100%;} #site-header h1.site-title{margin-bottom: 0; line-height:0;} #site-header #nav-con{ background-color: #fff; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #site-header.shrink #nav-con{/*margin-top: 10px !important;*/} footer .copyright{font-size: 12px;} /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ /******** Page Banner ********/ #page-intro-section {background-color:#cfb991; } #page-intro-section h1.page-title, .page-title h1{ font-weight: 600; color:#000; margin-bottom: 0; line-height: 1; text-transform: none; letter-spacing: .005em; font-family: "United Sans Condensed", Impact, "Arial Black", "sans serif";} #page-intro-section .intro-content-section{font-size: 16px; color:#000; font-weight: 300; letter-spacing: .01em; line-height: 1.3em;} #page-intro-section .intro-section-title{text-transform: uppercase; font-size: 12px; font-weight: 500; font-family: acumin-pro, Franklin Gothic, sans-serif;} #page-intro-section .intro-section-title a{color: #000; text-decoration: none;} #page-intro-section .intro-section-title a:hover{color: #000; text-decoration: underline;} /*** Simple Intro Section ***/ #simple-page-intro-section .ribbon{background-color: #5b57a6;} #simple-page-intro-section h1.page-title{color:#fff; font-size: 48px; text-transform: uppercase; padding: .5em .75em;} #page-intro-section a.button{background-color:#000;} #page-intro-section a.button:hover{background-color: #8E6F3E;} /*-------------------------------------------------------------- 12.3 Content Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.4 Sidebar Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.5 Footer --------------------------------------------------------------*/ footer.site-footer {font-size: 15px; line-height: 1.6; flex-shrink: 0;} footer .footer-logo-section{background-color: #000; border-bottom:2px solid #cfb991; } footer .footer-info-section{background-color: #000; color:#c4bfc0;} footer .footer-info-section a{color: #c4bfc0; text-decoration: none;} footer .footer-info-section a:hover{color: #fff; text-decoration: underline;} footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{color:#cfb991; font-weight: 600; text-transform: uppercase; font-family: United Sans, Impact, Arial Black, "sans serif";} footer h3{font-size: 19px; padding-bottom:.3em; } footer h4{font-size: 14px; font-family: acumin-pro, Franklin Gothic, sans-serif; margin-bottom: .25em;} footer .footnote{font-size: 12px; font-style: italic;} footer #purdue-resources ul{list-style: none; margin: 0; padding: 0;} footer #purdue-resources ul li{margin-bottom: .3em;} footer .contact-area{border-top: 1px #2B2B2B solid;} footer .footer-contact{line-height: 1.85;} footer .foot-title{text-transform: uppercase; font-weight: 600; font-size: 14px; color:#011e41;} footer .footer-address{line-height: 1.5;} footer .footer-address p{margin-bottom: 1.2em;} footer.site-footer .footer-social{font-size: 22px;} footer .footer-bottom-section{font-size: 15px; color: #c4bfc0; background-color: #2B2B2B;} footer .footer-bottom-section a{color:#c4bfc0; text-decoration: underline;} footer .footer-bottom-section a:hover{color:#fff; text-decoration: underline;} footer .modified{font-size: 16px;} footer.site-footer .add-links a{text-decoration: none; text-transform: uppercase; font-weight: 700;} /*-------------------------------------------------------------- 12.6 Home Page --------------------------------------------------------------*/ .home #site-header{background-color: transparent;} .home #site-header.shrink{background-color:#fff;} /**** Banner ****/ .home-banner-content-background{padding-bottom: 55%;} #home-banner{color: #cfb991;} #home-banner .container{background-size: contain; background-repeat: no-repeat; background-position: right bottom;} #home-banner h1{color:#fff; font-size: 48px; font-family: "United Sans Condensed", Impact, "Arial Black", "sans serif"; line-height: 1;} #home-banner .banner-content{font-weight: 500; font-size: 18px;} #home-banner a.link-block{position: relative; } #home-banner a.link-block:hover{background-color:#8E6F3E;} #home-banner a.link-block::after{content: '\f0a9'; position: absolute; right:20px; top:10px; font-family: 'Font Awesome 6 Pro'; font-size: 36px; font-weight: 300;} #home-banner a.link-block .banner-link{font-size: 14px; font-family: "United Sans Extended", Impact, "Arial Black"; text-transform: uppercase; font-weight: 700; } #home-banner a.link-block .link-description{font-size: 14px;} #home-banner a.link-block{text-decoration: none; padding: 1em; background-color: rgba(0,0,0,.80); color: #fff; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #home-page .embed-container{border-radius: 15px;} #home-page h2.section-title{font-size: 32px; font-family: "United Sans Condensed", Impact, "Arial Black", "sans serif"; margin-bottom: .25em; text-transform: uppercase;} /*-------------------------------------------------------------- 12.7 Interior Pages --------------------------------------------------------------*/ /**** Padding Options****/ .v-margin-both{padding-top: 1em; padding-bottom: 1em;} .v-margin-top{padding-top: 1em; padding-bottom: 0;} .v-margin-bottom{padding-top: 0; padding-bottom: 1em;} .v-margin-none{padding-top: 0; padding-bottom: 0;} /**** 404 ****/ #searchform #s{max-width: 450px; width: 100%; margin-bottom: .8em;} /*** Search Results ***/ .search-results .smalltext p:last-of-type{margin-bottom: 0} /*-------------------------------------------------------------- 12.8 Page Sections --------------------------------------------------------------*/ /***** Accordion Section ******/ .accordion-background {background-color:#fff; font-weight: 400;} .accordion-background.background-white{background-color: #fff;} .accordion-background.background-grey{background-color: #efefef;} .accordion .card{border-radius: 0; border: 0 none; padding-bottom: 6px; background-color: transparent;} .accordion .card .card-header{padding: 0; border-bottom: 0 none;} .accordion .card button.btn{border-radius: 0; margin: 0; font-size: 16px; background-color:#8e6f3e; color:#fff; font-weight: 600 !important; padding: .75em 1.85em .75em .9em; text-transform: none; letter-spacing: .03em;} .accordion .card button.btn:hover{background-color:#000;} .accordion .card button.btn::after{content: '-'; position: absolute; right: .75em; top:.75em; font-weight: 600; background: none; width: auto; height: auto; transition: none;} .accordion .card button.btn.collapsed::after{content: '+';} .accordion .card .card-body{background-color: #fff; padding-top: 1.75rem; padding-bottom: 1.75rem;} .accordion-layout.background-white .card .card-body{background-color: #dcd8d9;} #site-content .accordion .card .card-body p:last-of-type{margin-bottom: 0;} .accordion .btn:focus{box-shadow: none;} /***** Callout *****/ .callout{font-size: 117%; font-weight: 300;} .callout h2{font-family: "United Sans Condensed", Impact, "Arial Black", "sans serif";} /**** Featured Callout Box *****/ .cb-background-image{background-size:cover;} /***** Featured Area - Full Width *****/ .content-box{background-color: #fff; border-radius: 20px;} .featured-area h3{font-size: 250%;} /***** ---- BACKGROUND OPTIONS *****/ .background-shape{ background: url('data:image/svg+xml,') no-repeat center top; } .background-grey{background-color:#f0f0f0; } /**** Grey Background *****/ .background-grey{background-color:#efefef; } /**** Green Background *****/ .background-green{background-color:#8ac542; color:#fff;} .background-green h1, .background-green h2, .background-green h3, .background-green h4, .background-green h5, .background-green h6{color: #fff;} .background-green a{color: #fff; text-decoration: underline;} .background-green a:hover{color: #524e95; text-decoration: underline;} .background-green a.button{color: #fff;} /**** Black Background *****/ .background-only-black{background-color:#000;} .background-black{background-color:#000; color:#fff;} .content-black{color:#fff;} .background-black h1, .background-black h2, .background-black h3, .background-black h4, .background-black h5, .background-black h6, .content-black h1, .content-black h2, .content-black h3, .content-black h4, .content-black h5, .content-blackk h6{color: #fff;} .background-black a, .content-black a{text-decoration: underline;} .background-black a:hover, .content-black a:hover{text-decoration: underline;} .background-black a.button{} .background-black a.button:hover{background-color: #CFB991; color: #000; } /**** Light Gold Background *****/ .background-only-light-gold{background-color:#cfb991;} .background-light-gold{background-color:#cfb991; color:#000;} .background-light-gold h1, .background-light-gold h2, .background-light-gold h3, .background-light-gold h4, .background-light-gold h5, .background-light-gold h6{color: #000;} .background-light-gold a{text-decoration: underline; color: #000;} .background-light-gold a:hover{text-decoration: underline;} .background-light-gold a.button{color: #fff;} .background-light-gold a.button:hover{ } /**** Dark Gold Background *****/ .background-only-dark-gold{background-color:#8e6f3e;} .background-dark-gold{background-color:#8e6f3e; color:#fff;} .background-dark-gold h1, .background-dark-gold h2, .background-dark-gold h3, .background-dark-gold h4, .background-dark-gold h5, .background-dark-gold h6{color: #fff;} .background-dark-gold a{text-decoration: underline; color:#fff;} .background-dark-gold a:hover{text-decoration: underline;} .background-dark-gold a.button{background-color: #000; color:#fff;} .background-dark-gold a.button:hover{ background-color: #cfb991; color:#000; } /**** Dark Gray Background *****/ .background-only-dark-gray{background-color:#555960;} .background-dark-gray{background-color:#555960; color:#fff;} .background-dark-gray h1, .background-dark-gray h2, .background-dark-gray h3, .background-dark-gray h4, .background-dark-gray h5, .background-dark-gray h6{color: #fff;} .background-dark-gray a{text-decoration: underline; color:#fff;} .background-dark-gray a:hover{text-decoration: underline;} .background-dark-gray a.button{background-color: #000; color:#fff;} .background-dark-gray a.button:hover{ background-color: #cfb991; color:#000; } /**** Medium Gray Background *****/ .background-only-medium-gray{background-color:#6f727b;} .background-medium-gray{background-color:#6f727b; color:#fff;} .background-medium-gray h1, .background-medium-gray h2, .background-medium-gray h3, .background-medium-gray h4, .background-medium-gray h5, .background-medium-gray h6{color: #fff;} .background-medium-gray a{text-decoration: underline; color:#fff;} .background-medium-gray a:hover{text-decoration: underline;} .background-medium-gray a.button{background-color: #000; color:#fff;} .background-medium-gray a.button:hover{ background-color: #cfb991; color:#000; } /**** Light Gray Background *****/ .background-only-light-gray{background-color:#c4bfc0;} .background-light-gray{background-color:#c4bfc0; color:#000;} .background-light-gray h1, .background-light-gray h2, .background-light-gray h3, .background-light-gray h4, .background-light-gray h5, .background-light-gray h6{color: #000;} .background-light-gray a{text-decoration: underline;} .background-light-gray a:hover{text-decoration: underline;} .background-light-gray a.button{} .background-light-gray a.button:hover{ } /**** Texture Background *****/ .background-only-texture-black{background-image:url("assets/images/background/texture_web-black.jpg"); background-size: cover; background-repeat: no-repeat;} .background-only-texture-gold{background-image:url("assets/images/background/texture_web-gold.jpg"); background-size: cover; background-repeat: no-repeat;} /****** Image Only Section *****/ .embed-image img{width: 100%; height: auto;} /******* Logo Grid ******/ .square { position: relative; flex-basis: 100%; margin: 5px; box-sizing: border-box; } .square img{max-height: 100%;} .square::before { content: ''; display: block; padding-top: 100%; } .square .content { border: 1px solid #EFEFEF; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; /* added for centered text */ justify-content: center; /* added for centered text */ align-items: center; /* added for centered text */ border-radius: 10px; background-color: #fff; } .square a .content {border: 1px solid #EFEFEF; background-color: #fff; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .square a:hover .content {border: 3px solid #8AC641;} /****** People Bios *****/ .people-list .people_item:last-of-type hr.staff_hr{display: none;} /***** People Grid *******/ .team .box{background:#E6E7E8;} .team .hs-box{font-size: 12px; line-height: 1.3; } .team .hs-name{font-size: 16px; font-weight: 700;} /*-------------------------------------------------------------- 12.9 Posts --------------------------------------------------------------*/ #post-list a.news-card-link{text-decoration: none;} #post-list a.news-card-link:hover{text-decoration: none;} #post-list a.news-card-link .card-news{background-color:#eee; position: relative; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #post-list a.news-card-link:hover .card-news{background-color:#ddd; position: relative; } #post-list .card-news img{} #post-list .card-news .post-content{} #post-list .card-news h4{font-size: 18px; text-transform: none;} #post-list .card-news h4 a{color:#5B57A6; font-weight: 700; } #post-list .card-news .post-info{font-weight: 600; color:#7f7f7f; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 8px} .card-news .news-image-holder{padding-bottom: 66.666666667%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .card-news {text-decoration: none;} a.news-card-link .card-news .news-card-background{position: relative; padding-bottom: 30px; } a.news-card-link .card-news h4{font-size: 18px; color: #5a56a6; font-weight: 700; text-transform: none;} a.news-card-link .card-news .post-site{text-transform: uppercase; font-weight: 700; color:#f36f25; position: absolute; bottom: 8px; font-size: 14px;} a.news-card-link .card-news .post-info{text-transform: uppercase; font-weight: 600; color:#7f7f7f; position: absolute; bottom: 8px; right: 1.25em; font-size: 14px;} #post-title h1{font-size: 54px;} #post-title h1 a{text-decoration: none;} #post-title h1 a:hover{text-decoration: underline;} #content-post{font-size: 18px;} #paging-bottom{width:100%; display:block; clear:both;} #paging-bottom .alignleft, #paging-bottom .alignright{ display: block; width: 32%; } #paging-bottom .alignleft a, #paging-bottom .alignright a{ display: block; width: 100%; } #paging-bottom .alignleft { float: left; } #paging-bottom .alignright { float: right; } #paging-bottom .alignleft a, #paging-bottom .alignright a { font-family: "United Sans Extended", Impact, "Arial Black"; text-transform:uppercase; background-color: #8e6f3e; color: #fff; text-decoration: none; font-weight: 500; display: block; width: 100%; text-align: center; text-transform: uppercase; padding: 10px 0; font-size: 16px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } #paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover { color:#fff; background-color:#000; } ul.pagination.make-pag{justify-content: center;} ul.pagination.make-pag .page-item:first-child .page-link, ul.pagination.make-pag .page-item:last-child .page-link{border-radius: 0;} ul.pagination.make-pag .page-link.active{ background-color: #8AC641; border-color: #8ac641; color:#fff;} ul.pagination.make-pag a.page-link{color:#8AC641;} /******************* Blog Single ************************/ /********************* WordPress Styles *********************/ #postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;} #paging { display: block; text-align: center; margin-top: 60px; padding-bottom: 60px; font-weight:bold; font-size:14px; text-transform:uppercase; } #paging a{text-decoration: none;} #paging a:hover{text-decoration: underline;} /*-------------------------------------------------------------- 12.10 MISC Universal Styles --------------------------------------------------------------*/ ul.fancy-list{list-style: none;} ul.fancy-list li{padding-left:1.5em; position: relative;} ul.fancy-list li::before{ content: "\f058"; /* FontAwesome Unicode */ font-family: 'Font Awesome 6 Pro'; display: inline-block; margin-left: -1.5em; width: 1.5em; position: absolute;} #site-content ul.link-list{list-style: none; margin-left: 0; padding-left: 0; font-family: United Sans, Impact, Arial Black, "sans serif";} #site-content ul.link-list li{margin-bottom: .25em;} #site-content ul.link-list li a{text-transform: uppercase; font-weight: 600; text-decoration: underline;} #site-content ul.link-list li a:hover{text-decoration: none;} ol.fancy-list { margin: 0 0 2em .2em !important; counter-reset: li; list-style-type: none; } ol.fancy-list li { position: relative; padding-left: 2em ; font-size: 1.25em; font-weight: 400; line-height: 1.5; margin-bottom: 1em; } ol.fancy-list li:before { content: counter(li); counter-increment: li; height: 1.5em; width: 1.5em; border: 2px solid #0C4E97; border-radius: 50%; text-align: center; position: absolute; left: 0; color:#0C4E97; line-height: 1.3em; } .text-enlarged{font-size: 115%;} .text-enlarged-133{font-size: 110%;} .center{text-align: center;} .bold{font-weight: 700;} .extrabold{font-weight: 800;} .credit{color: #2d2d2d; font-weight: 700; font-size: 12px;} .smalltext{font-size: 12px;} .grey{color:#6f727b;} .centerBtn{text-align:center; display:block; width:100%;} .noPad{padding: 0;} .moreLink{text-transform: uppercase; font-weight: 800;} hr.hr-small-center{width: 90px; margin-left: auto !important; margin-right: auto !important;} .trans-2{-o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .circle-center{display: flex; border: 2px solid #5b57a6; border-radius: 50%; width:100%; justify-content: center; align-items: center; background-color:#fff; padding: 5%; } .circle-center:before{content:""; float: left; padding-top: 100%;} .extra-large-text{} .word-wrap { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .rounded-corners{border-radius: 15px;} /*-------------------------------------------------------------- 13 Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- 14 Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 15 Media --------------------------------------------------------------*/ img {vertical-align: middle; max-width:100%; height:auto;} img.pic-full-width{width: 100%; height: auto;} img.alignleft {float:left; display:inline; margin:5px 30px 25px 0; max-width:50%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 25px 30px; max-width:50%; height:auto;} img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;} img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:50%; height:auto;} .wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:50%; height:auto;} .alignright {float: right; margin: 0 0 30px 25px; display:inline;} .alignleft {float: left; margin: 0 30px 25px 0; display:inline;} .center{text-align:center;} .wp-caption.alignright img{ width:100%; height:auto;} p.wp-caption-text {margin:.5em 0 1.8em; font-size:14px; color:#5e6a71;} .wp-caption img{margin:5px 0 5px 0;} .wp-caption {margin-bottom:2em; font-size:12px; color:#5e6a71; max-width: 100%;} .wp-caption p{margin-bottom:5px;} /******* Video ******/ .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 1.25em; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-holder { position: relative; padding-bottom: 55.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 1.25em; } .embed-holder iframe, .embed-holder object, .embed-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- 15.1 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16 Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16.1 Query sm - Over 576px --------------------------------------------------------------*/ @media only screen and (min-width : 576px) { body, input, select, textarea{} button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"] {font-size:14px} /*----- Typography -------*/ #site-content, #content {font-size: 18px;} h1, .intro-large{font-size: 32px;} h2{font-size:28px;} h3{ font-size:26px;} h4{ font-size:24px;} h5{ font-size: 22px;} h6{ font-size:20px;} h2.callout, .callout h2{font-size:36px;} blockquote {font-size: 1.5rem;} hr {margin-top: 1.5em; margin-bottom: 1.5em;} /************* Buttons **********/ button,.button, .buttonAlt, a.button, #main .gform_wrapper .gform_footer input[type="submit"].gform_button, input[type="button"], input[type="submit"]{font-size:14px;} /*------ Header ---------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ /**** Hero Section *****/ #home-page h2.section-title{font-size: 42px;} .home #home-oca h2{font-size: 48px; } .home-banner-content-background{padding-bottom: 275px;} .quote-with-break{font-size: 21px; font-weight: 300;} /*------ Interior Pages ------*/ /***** Intro Banner Section ****/ #intro-banner-section button, #intro-banner-section .button, #intro-banner-section .buttonAlt, #intro-banner-section a.button{font-size: 24px;} #page-intro-section .intro-content-section, .intro-content{font-size: 1.1rem;} /**** Page Banner *****/ /*----- Page Sections ------*/ /*----- MISC ------*/ .smalltext{font-size: 14px;} .text-enlarged-133{font-size: 115%;} .text-enlarged{font-size:120%;} .extra-large-text{font-size: 50px;} img.alignleft {float:left; display:inline; margin:5px 35px 25px 0; max-width:60%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 25px 35px; max-width:60%; height:auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:60%; height:auto;} .wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:60%; height:auto;} } /*-------------------------------------------------------------- 16.2 Query md - Over 768px --------------------------------------------------------------*/ @media only screen and (min-width : 768px) { /*----- Typography -------*/ body, input, select, textarea{} #site-content, #content {} h1, .intro-large{font-size: 38px;} .page-builder h1{font-size: 38px;} h2{ font-size:34px;} h3{ font-size:28px; padding-top: 0;} h4{ font-size:24px;} h5{ font-size:22px;} h6{ font-size:20px;} h2.callout, .callout h2{font-size:48px;} blockquote {font-size: 2.25rem;} hr {margin-top: 1.75em; margin-bottom: 1.75em;} /************* Buttons **********/ button,.button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{font-size: 14px; padding: 1.15em 1.4em;} /*------ Header ---------*/ /**** Page Banner ****/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ /***** Banner ****/ .home .icon-title h4{font-size: 24px;} .home .icon-content{font-size: 18px;} #home-page h2.section-title{font-size: 54px;} .home #home-oca h2{font-size: 58px; } .quote-with-break{font-size: 24px;} /*----- Interior Pages -------*/ #page-intro-section .intro-content-section, .intro-content{font-size: 1.3rem;} /**** Events ******/ #content .tribe-events-content ol, #content .tribe-events-content p, #content .tribe-events-content ul{font-size: 21px !important;} /*----- Page Sections ------*/ /*** Accordion Section ***/ .accordion .card button.btn{font-size:18px;} /*----- MISC ------*/ .extra-large-text{font-size: 60px;} .text-enlarged{font-size: 135%;} .text-enlarged-133{font-size: 133.333333%;} img.alignleft {float:left; display:inline; margin:5px 35px 25px 0; max-width:65%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 25px 35px; max-width:65%; height:auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 3%; max-width:65%; height:auto;} .wp-caption.alignleft{float:left; margin:5px 3% 15px 0; max-width:65%; height:auto;} } /*-------------------------------------------------------------- 16.3 Query lg - Over 992px --------------------------------------------------------------*/ @media only screen and (min-width : 992px) { /*----- Typography -------*/ #page-intro-section h1.page-title, #simple-page-intro-section h1.page-title, .page-title h1{} .page-builder h1{font-size: 44px;} #content h1{font-size: 48px;} h2{ font-size:36px;} h3{ font-size:32px;} h4{ font-size:24px;} h5{ font-size:24px;} h6{ font-size:21px;} h2.callout, .callout h2{font-size:72px;} hr {margin-top: 2em; margin-bottom: 2em;} /*------ Header ---------*/ #site-header{border-bottom: 10px solid #000;} #site-header.shrink{border-bottom: 10px solid #000;} #site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{ display: none;} /*------ Navigation ------*/ #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item a.mega-menu-link:before, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{display: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height: 39px;} /*----- Buttons -----*/ button,.button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{font-size: 15px; padding: 1.2em 1.6em;} /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ footer .contact-area{border-left: 1px #2B2B2B solid; border-top: 0 none;} /*------------ Home Page ---------*/ /**** Banner ***/ #home-page h2.section-title{font-size: 72px;} #home-banner .container{background-position: right top;} .home-banner-content-background{background-color: rgba(0,0,0,.80)} #home-banner .banner-content{font-weight: 500; font-size: 21px;} #home-banner h1{font-size: 58px;} .home #home-oca h2{font-size: 62px; } #home-banner a.link-block{background-color: #000;} .quote-with-break{font-size: 28px;} /*----- Interior Pages -------*/ #page-intro-section .intro-content-section, .intro-content{font-size: 1.4rem;} /**** Slider Section *****/ #carouselExampleIndicators{margin-top: -5em;} /*----- Interior Pages -------*/ /*----- Page Sections ------*/ .featured-stories h2{font-size: 40px;} /**** Featured Callout Box *****/ .cb-background-image{background-size:contain;} /******** Misc ********/ .text-enlarged{font-size: 150%;} .extra-large-text{font-size: 72px;} } /*-------------------------------------------------------------- 16.4 Query xl - Over 1200px --------------------------------------------------------------*/ @media only screen and (min-width : 1200px) { /*----- Typography -------*/ h1{font-size: 96px;} .page-builder h1{font-size: 48px;} h2 { } h3{ } h4{ } h5{ } h6{ } hr {margin-top: 2.2em; margin-bottom: 2.2em;} /*------ Navigation ------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ /*** Banner ***/ #home-banner h1{font-size: 65px;} .home .icon-content{font-size: 21px;} /**** Home OCA ******/ .home #home-oca h2{font-size: 72px; } .quote-with-break{font-size: 36px;} /*----- Interior Pages -------*/ .pad-w-subhead{padding-top: 29px; padding-bottom: 54px;} .pad-no-subhead{padding-top: 48px; padding-bottom: 54px;} #page-intro-section h1.page-title{} #simple-page-intro-section h1.page-title{font-size: 48px;} /*----- Page Sections ------*/ #page-intro-section .intro-content-section, .intro-content{font-size: 27px;} #intro-banner-section .intro-content{font-size: 18px;} } /*-------------------------------------------------------------- 16.4 Query xxl - Over 1400px --------------------------------------------------------------*/ @media only screen and (min-width : 1400px) { /*----- Typography -------*/ h1{} h2{} h3{} h4{} h5{} h6{} /*------ Navigation ------*/ /*#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size: 16px;} /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ #home-banner h1{font-size: 72px;} .home-banner-content-background{background-color: transparent;} /*** Banner Buttons ***/ /*----- Interior Pages -------*/ /*----- Page Sections ------*/ } /*-------------------------------------------------------------- 17 Print --------------------------------------------------------------*/ /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }