/* Theme Name: UW WordPress Theme - Child Theme Theme URI: https://github.com/uweb/uw_wp_theme_child GitHub Theme URI: https://github.com/uweb/uw_wp_theme_child Author: UW Web Team Author URI: https://github.com/uweb Description: A child theme based on the UW WordPress Theme Template: uw_wp_theme Version: 1.0 License: GNU General Public License v2 or later. License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: uw_wp_theme_child */ /* .jumbotron.img-background.overlay .transparent-overlay-slant {background: #444;} */ @import url('assets/fontie_DIN/DIN-RegularAlternate.css'); @import url('assets/DIN_Bold/DINOT-Bold.css'); body.page-template .post-thumbnail {display: none;} h1, h2, h3, h4 {color: #444;} .navbar.secondary-nav .navbar-nav .nav-item a.nav-link, .navbar.white-bar .navbar-nav .nav-item a.nav-link, .navbar.secondary-nav .navbar-nav .nav-item.current-menu-item a.nav-link, .navbar.white-bar .navbar-nav .nav-item.current-menu-item a.nav-link {color: #444 ;} .hero-blank, .no-uw-hero-image {display: none;} .fullwidthwidhet .jumbotron, .fullwidthwidhet #custom_html-2 {margin-bottom: 0px;} .uw-body-copy ul.shortcode-blogroll>li .wp-post-image {width: 180px; height: auto;} body.home .uw-body { #background-image: url(https://be.uw.edu/wp-content/uploads/2017/10/28901327812_cd878b0b11_o-1-copy.jpg); background: #efefef; } header.site-header nav.navbar .site-branding .uw-wordmark { background: url(https://be.uw.edu/wp-content/themes/uw_wp_theme_child/CBEwordmark.svg) no-repeat transparent; background-size: 500px; } header.site-header nav.navbar .site-branding .uw-wordmark{ height: 40px; width: 500px; margin-left: -10px; } #colophon > a:nth-child(2), #colophon > h4, #colophon > nav:nth-child(4) { display: none; } footer.site-footer {background: #444;} footer.site-footer .footer-wordmark, footer.site-footer .footer-wordmark:hover { background: url(https://webdev.be.uw.edu/wp-content/themes/uw_wp_theme_child/CBEwordmark.svg) no-repeat transparent; margin-left: 80px; } .overlap {min-height: 0px;} .twocolumn-left {width: 50%; float: left;} .twocolumn-right {width: 50%; float: right;} overlap:after { content: ""; display: table; clear: both; } #person { margin-left: 259px; } #person #personcontent { float: right; width: 100%; padding-left: 30px; padding-top:25px; } #person #sidebar { float: left; width: 259px; margin-top:30px; margin-left: -259px; background: #efefef; border: none; } #person #sidebar p { padding-left: 15px; padding-right: 15px; font-size: 14px; } .page-template-template-small-hero h1.entry-title {display: none;} @media only screen and (min-width: 601px) { .overlap .twocolumn-left {padding-right: 15px;} .overlap .twocolumn-right {padding-left: 15px;} } .masonry-entry{ width:16.666666666%; margin-bottom: 15px; margin-right: 5px;} article.masonry-entry {position:relative; } article.masonry-entry span { position:absolute; bottom:0px; } .peopledir .peopleCard img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .peopledir .peopleCard img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } @media only screen and (max-width: 767px) { .overlap .column-center {display: inline-block; width: 100% !important; } .overlap .column-left { width: 100% !important; display: inline-block;} .overlap .column-right { width: 100% !important; display: inline-block;} header.site-header nav.navbar .site-branding .uw-wordmark {background-size: 400px;} header.site-header nav.navbar .site-branding .uw-wordmark{ width: 400px;} #person { padding: 0; margin-left: 0; } #person #sidebar { float: none; width: 100%!important; margin-left: 0; display: block; background: #efefef; } #person #personcontent { float: none; width: 100%; margin: 0; padding: 0; display: block;} } @media only screen and (min-width: 768px) { .overlap {clear: both; margin: auto; overflow: auto; } .overlap .column-center { display: inline-block; padding: 20px; width: 33%; } .overlap .column-left { display: inline-block; float: right; padding: 20px; width: 34%} .overlap .column-right { float: right; display: inline-block; padding: 20px; width: 33%; } } // OLD CHILD THEME CSS /*.uw-story-header .w-50 {background:rgba(55, 55, 55, 0.6);}*/ body.page-id-319 .uw-breadcrumbs {display: none !important;} .uw-story-body figure.quote-block div figcaption {color: inherit;} .single-uw_stories .uw-footer {background: #444;} .landingpage {padding-bottom: 0;} .cards-widget {margin-top: 0px;} #main_content .widget {padding:2px; padding-top: 25px;} .soliloquy-caption a { text-decoration: none;} .content-column.one_half h1 {font-size: 1.5em;} .content-column.one_half .su-post img.wp-post-image {max-width: 100% !important; padding: none; margin: none ; max-height: none; } .blog h1 {font-size: 1.5em;} .blog a.more {display: inline;} @media only screen and (min-width: 601px) { .overlap .twocolumn-left {padding-right: 15px;} .overlap .twocolumn-right {padding-left: 15px;} } @media only screen and (min-width: 768px) { .single-people .uw-sidebar { clear: both; } } @media only screen and (min-width: 1000px) { .single-people .uw-sidebar { clear: none; } } @media only screen and (min-width: 1200px) { .uw-story-body .flexible-content.foreground-image .image-caption, .uw-story-body .flexible-content.foreground-image .captions-simple, .uw-story-body .flexible-content.foreground-image .image-caption, .uw-story-body .flexible-content.foreground-image .captions-simple {background: none !important; } } .soliloquy-container .soliloquy-caption-bottom { padding-bottom: none; width:30%; height: 100%; } .soliloquy-outer-container p {margin-bottom: 0px !important;} div.soliloquy-caption div.soliloquy-caption-inside { font-size: 2em !important; font-weight: bold !important; text-align: left !important; color: white !important; padding-left: 50px !important; text-transform: uppercase !important; } a.more { display:none; } img.attachment-post-thumbnail.wp-post-image, .archive .uw-body-copy img.attachment-thumbnail.wp-post-image { float: right; margin: 0 0 10px 40px; max-height: 300px; max-width: 450px; } img.attachment-post-thumbnail.wp-post-image, .archive .uw-body-copy img.attachment-thumbnail.wp-post-image { height: auto; width: auto; } div.uw-footer nav, uw.footer-so {display: none;} /* NEW SLIDESHOW CAPTION STYLES */ .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {background: none;} div.soliloquy-caption { height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b2e83+33,7db9e8+100&1+0,0+100 */ /* background: -moz-linear-gradient(left, rgba(75,46,131,1) 0%, rgba(75,46,131,0.67) 33%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ /* background: -webkit-linear-gradient(left, rgba(75,46,131,1) 0%,rgba(75,46,131,0.67) 33%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(to right, rgba(75,46,131,1) 0%,rgba(75,46,131,0.67) 33%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2e83', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } .captiondark.gradient .soliloquy-caption { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+1,7db9e8+100&1+1,0+70 */ background: -moz-linear-gradient(left, rgba(68,68,68,1) 1%, rgba(108,150,182,0) 70%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(68,68,68,1) 1%,rgba(108,150,182,0) 70%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(68,68,68,1) 1%,rgba(108,150,182,0) 70%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ /*background: -moz-linear-gradient(left, rgba(75,46,131,1) 0%, rgba(77,50,134,1) 3%, rgba(93,95,166,0) 35%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, rgba(75,46,131,1) 0%,rgba(77,50,134,1) 3%,rgba(93,95,166,0) 35%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to right, rgba(75,46,131,1) 0%,rgba(77,50,134,1) 3%,rgba(93,95,166,0) 35%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2e83', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } .captionlight.gradient .soliloquy-caption { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,7db9e8+100&1+1,0+70 */ background: -moz-linear-gradient(left, rgba(217,217,217,1) 0%, rgba(216,217,217,1) 1%, rgba(153,195,227,0) 70%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(217,217,217,1) 0%,rgba(216,217,217,1) 1%,rgba(153,195,227,0) 70%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(217,217,217,1) 0%,rgba(216,217,217,1) 1%,rgba(153,195,227,0) 70%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } div.soliloquy-caption div.soliloquy-caption-inside { /*background: rgba(0, 0, 0, 0.33) !important;*/ font-size: 2em !important; font-weight: bold !important; text-align: left !important; color: white !important; padding: 0px 50px 100px 50px; text-transform: uppercase !important; width: 60%; margin-left: 30px; margin-top: 100px; } .soliloquy-caption-inside h1 { text-transform: uppercase !important; text-decoration: none; color: #4b2e83 ; font-family: "Encode Sans Normal",sans-serif!important; font-size: 40px font-weight: bold } .soliloquy-caption-inside .udub-slant {display: block; overflow: hidden; padding-top: 10px;} .soliloquy-caption-inside .udub-slant span { -webkit-transform: skewX(-25deg) skewY(0); -o-transform: skewX(-25deg) skewY(0); transform: skewX(-25deg) skewY(0); -webkit-transform: skew(-25deg, 0); -ms-transform: skewX(-25deg) skewY(0); transform: skew(-25deg, 0); display: block; height: 11px; width: 210px; background-color: #4b2e83; margin: 0 0 0 -5px; } .captiondark .soliloquy-caption-inside .udub-slant span { background-color: #e8e3d3;} .captionlight .soliloquy-caption-inside .udub-slant span { background-color: #444;} .soliloquy-caption-inside p { font-size: 16px; padding-top: 20px; line-height: 160%; font-family: "Open Sans",sans-serif; } .captionlight .soliloquy-caption-inside p { color: #444; font-family: "Open Sans",sans-serif; } .captionlight .soliloquy-caption-inside h1 {/*text-shadow: 2px 2px #444;*/ color: #4b2e83e; padding-bottom: 8px;} .captiondark .soliloquy-caption-inside p { color: #fff; font-family: "Open Sans",sans-serif; } .captiondark .soliloquy-caption-inside h1 {/*text-shadow: 2px 2px #444;*/ color: #fff !important;} div.soliloquy-caption div.soliloquy-caption-inside a, div.soliloquy-caption div.soliloquy-caption-inside a:hover{ } @media only screen and (max-width: 1200px) { div.soliloquy-caption div.soliloquy-caption-inside {width: 70% !important; margin-top:50px !important; padding: 0px ;} } @media only screen and (max-width: 991px) { .soliloquy-caption-inside h1 {font-size: 30px !important;} .soliloquy-caption-inside p {font-size: 14px !important;} div.soliloquy-caption div.soliloquy-caption-inside {margin-top:20px !important; padding: 0px ;} } @media only screen and (max-width: 768px) { #mobile-relative.frontpage {top: 30px;} .soliloquy-caption-inside h1 {font-size: 24px!important ; margin-bottom: 5px !important;} .soliloquy-caption-inside p {font-size: 12px !important;} div.soliloquy-caption div.soliloquy-caption-inside {width: 80% !important; margin-top:20px !important; padding: 0px ;} .soliloquy-caption {margin:0px; padding: 0px ;} .content-column.one_sixth h5 a {font-size: 14px;} } @media only screen and (max-width: 600px) { .soliloquy-caption-inside h1 {font-size: 20px !important; margin-right: 25px !important; margin-bottom: 5px !important;} .soliloquy-caption-inside p {display: none !important;} div.soliloquy-caption-inside {margin-top: 25px!important;} .soliloquy-container .soliloquy-caption {display: block !important;} div.soliloquy-caption div.soliloquy-caption-inside {width: 90% !important; margin:0px ; padding: 0px;} .soliloquy-caption {margin:0px; padding: 0px ;} .soliloquy-caption-inside .udub-slant {display: block; overflow: hidden; padding-top: 6px;} .soliloquy-caption-inside .udub-slant span { -webkit-transform: skewX(-25deg) skewY(0); -o-transform: skewX(-25deg) skewY(0); transform: skewX(-25deg) skewY(0); -webkit-transform: skew(-25deg, 0); -ms-transform: skewX(-25deg) skewY(0); transform: skew(-25deg, 0); display: block; height: 7px; width: 160px; background-color: #4b2e83; margin: 0 0 0 -5px; } } /* NEW SLIDESHOW CAPTION STYLES */