/* Theme Name: GeneratePress-ZLP Description: My changes to the Generate Press theme Author: Zach Poff Template: generatepress (optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain) */ /* LOCAL GOOGLE FONTS */ /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* titillium-web-regular - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-600 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */ src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 400; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-600italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 600; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-700 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-700italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 700; src: url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.zachpoff.com/site/wp-content/themes/generatepress-zlp/fonts/titillium-web-v6-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /*Hide certain content unless logged-in (not secure)*/ .non-public { display: none; } .logged-in .non-public { display: block; outline: 1px solid #b3b3b3; padding: 10px; margin: 5px; } /*Make links slightly bold*/ a { font-weight: 600; } /*Add some vertical space between list items*/ li { padding-bottom: 0.4em; } .page-header h1 { font-size: 35px; text-align: center; } /*Add some vertical space after html5 audio player*/ .mejs-container { margin-bottom: 0.5em; } /* Make page header hug the nav bar even when layout set to separate containers .separate-containers .page-header-contained { margin-top: 0px; } */ /* Center page header filter buttons, paging nav buttons, load more button */ .separate-containers .generate-columns-container > .paging-navigation, .filter-navigation, .masonry-load-more, .load-more { text-align: center; } /* Remove background color and padding from page header and paging nav button area */ .separate-containers .page-header, .separate-containers .paging-navigation { padding-top: 0px; padding-bottom: 0px; background-color: rgba(255, 255, 255, 0); } /* Move main navigation down a little on unstuck desktop view*/ .main-navigation:not(#sticky-navigation) { padding-top: 10px; } /* Mobile Header - change order of items so icon goes left of site title + customize mobile logo size */ #mobile-header .site-logo { margin-right: 0 !important; } .mobile-header-content { order: 2; margin-right: auto; padding: 5px; } #mobile-header .mobile-bar-items { order: 3 !important; } .mobile-header-content h2 { margin-bottom:0px; color: #d6d6d6; } .site-logo.mobile-header-logo img { height: 38px !important; /* default is a little too small, so this helps */ padding-top: 8px !important; padding-right: 8px !important; } /* Customize Sticky navigation logo */ .main-navigation .navigation-logo img { height: 45px; /* default is a little too small, so this helps */ padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 10px; } /* Custom Sticky Nav tweak to add site title beside logo */ .logo-headline { /* turn it off for normal nav */ display: none; } .navigation-stick .logo-headline { /* turn it on for sticky nav */ display: block; float: left; padding: 5px; } .logo-headline h2 { margin-bottom:0px; color: #d6d6d6; } /* Add drop shadow to index grids & WP Show posts plugin loops */ .generate-columns .inside-article, .wp-show-posts-single { box-shadow: 2px 2px 5px #888888; } /* Kill BG color on single pages that use the "single-noBG-template" page template (which inserts "noBG-wrapper" container around "inside-article" */ .noBG-wrapper .inside-article { background-color: transparent; padding: 0px; margin: -10px; } /* Customize "WP Show Posts" loops on front page to match rest of site */ .wp-show-posts-single { background-color: white; padding: 30px; } .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { margin-bottom: 20px; } .wp-show-posts-image { margin: -30px -30px 30px -30px; /* make images full bleed */ padding: 0px; } .wp-show-posts .wp-show-posts-entry-title { line-height: 1em; } .wp-show-posts .wp-show-posts-entry-title a { color: #565656; font-size: 24px; } /* To make iframe-embedded videos responsive in height as well as width * Works better than the built-in styles added in Feb 2019 update */ .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 10px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* style syllabus "further research" column */ .syllabus-research { font-size: 0.8em; } /* Button styles for front page links above columns */ .button-wide, .button-wide:visited, .button-wide a { background-color: #424242 !important; color:white; width: 100%; padding: 5px 0px 5px 0px; margin-bottom: 20px; text-align: center; font-size: 25px; } .button-wide:hover { background: transparent !important; outline: 2px solid #424242; color: #424242 !important; } /* Button styles for WP Show Posts "Read More" */ .wpsp-read-more { width: 50%; margin: auto; display: block; } .wp-show-posts-read-more { background-color: #424242 !important; border:none !important; color:white !important; text-align: center; } .wp-show-posts-read-more:hover { background: transparent !important; outline: 2px solid #424242; color: #424242 !important; } /* Button styles for CPT filters and next-prev post nav*/ .page-numbers, .page-numbers:visited, .button.ghost, .button.ghost:visited { display: inline-block; background: transparent; color: #424242 !important; border: 2px solid #737373; border-radius: 10px; padding: 5px; margin: 3px; min-width: 30px; text-align: center; } .button.ghost a { color: #424242 !important; } block-button { display: block !important; } .page-numbers:hover, .page-numbers:active, .page-numbers.current, .page-numbers.current:hover, .button.ghost:hover, .button.ghost:active, .button.ghost.current, .button.ghost.current:hover { background: #424242; border: 2px solid transparent; color: #FFFFFF !important; } .button.ghost a:hover { color: #FFFFFF !important; } @media (max-width: 768px) { /* shrink buttons on mobile */ .page-numbers, .page-numbers:visited, .button.ghost, .button.ghost:visited { font-size: .85em; padding: 3px; margin: 2px; border-radius: 7px; } } /* Bright Button*/ .button.bright, .button.bright:visited { background: #1182f4; color: #FFFFFF; border: 2px solid #FFFFFF; padding: 7px; margin: 3px; } .button.bright:hover, .button.bright:active { background: #a6a6a6; border: 2px solid transparent; color: #FFFFFF; } /* reduce padding on form text inputs */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], textarea { padding: 5px 5px; } /* Add horizontal rule to the right of text */ .hr-after { display: flex; flex-direction: row; } .hr-after:after { content: ""; flex: 1 1; border-bottom: 2px solid #000; margin: 20px; } /* Footer Styles */ .footer-summary { font-size: 1.1em; font-style: italic; } .site-info { padding:7px; } .smu-widget { text-align:center; } .center { text-align:center; } .alignleft, .alignright, .alignnone { margin-bottom: 1.5em; } .attention { background:#FFFFAD; padding:10px; margin-bottom:10px; } .assignment { background:#FFFFAD; padding:10px; margin-bottom:10px; } ol, ul { margin: 0 0 1.5em 1.5em; } /* Accordion Styles */ .accordion { margin-bottom: 0px; } .accordion-title { background-color:#E6E6E6; margin-top: 0px; padding: 10px 0px 10px 10px; cursor: pointer; } .accordion-title:after { content: "\25BE"; float: right; margin-right: 10px; transition: 0.2s; } .accordion-title.open:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion-content { padding-left:10px; padding-bottom:20px; } .accordion-title:hover {} .accordion-title:first-child {border: none;} .accordion-title.open {cursor: default;} .accordion-assignment { background-color:#FFFFAD; } .accordion-assignment-due { background-color:#FFCCCC; } .accordion-no-assignment { background-color:#E6E6E6; } /* .entry-header .entry-title a { background-color:#FFCCCC; } */ /* Make entire blog grid div clickable*/ .inside-article { position: relative; } div.generate-columns-container > article > .inside-article:hover { background-color: #ffffcc; } a.post-block-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* Makes sure the link doesn't get underlined */ z-index: 10; /* raises anchor tag above everything else in div */ background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE */ } /* Lightbox plugin font fixes */ #slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-family: "Titillium Web", sans-serif !important; font-size: 18px !important; } #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-size: 14px !important; } /* MAKE NATIVE GALLERY RESPONSIVE */ /* 3 gallery cols on tablet */ @media only screen and (max-width: 1024px) { .gallery-columns-6 .gallery-item { max-width: 33%; } .gallery-columns-5 .gallery-item { max-width: 33%; } .gallery-columns-4 .gallery-item { max-width: 33%; } } /* 1 gallery col on mobile */ @media only screen and (max-width: 768px) { .gallery-columns-6 .gallery-item { max-width: 100%; } .gallery-columns-5 .gallery-item { max-width: 100%; } .gallery-columns-4 .gallery-item { max-width: 100%; } .gallery-columns-3 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 100%; } } .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: none; } .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: none; } .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: none; } .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: none; } /* PRINT CSS */ @page { margin: 5mm } @media print { body { font-size: 9pt !important; color: black !important; } h1 {font-size: 16pt !important;} h2 {font-size: 14pt !important;} h3 {font-size: 12pt !important;} h4 {font-size: 10pt !important;} .main-navigation {display: none !important;} .footer-widgets {display: none !important;} .generate-back-to-top {display: none !important;} .site-info {display: none !important;} .accordion {page-break-inside: avoid;} }