/*.dcf-main-content .wdn-band { display:inline-block; }*/ /* 2018/12/19 James added */
/*.dcf-main-content .wdn-band { width:100vw; }*/ /* 2018/12/19 James added */
/*.dcf-main-content #hero { padding:10% 1% 2%!important;}*/
input, textarea, input[type=checkbox] { background-color:#fff; color:#000; }
.cob-bg-gray { background-color: rgb(221,221,221); }
select { background-color:#fff; color:#000; } /*did not work to put this in with the rest of the tags above.*/
.cob-moving-box { color: rgb(66,66,64); background-color: rgba(246,246,245,0.9); }
.cob-text-light-or-dark-mode { background-color: #fefdfa;}
@media (prefers-color-scheme: dark) {
input, textarea, input[type=checkbox] { background-color:rgb(59,59,59); color:#ddd; }
.cob-bg-gray {background-color: rgb(59,59,59); }
select { background-color:rgb(59,59,59); color:#ddd; }
.cob-moving-box { color: rgb(246,246,245); background-color: rgba(66,66,64,0.9); }
.cob-text-light-or-dark-mode {background-color:#242423;}
}
.unl .dcf-page-title, .unl .dcf-hero, .unl .dcf-hero-default .dcf-page-title { padding-top:.1px;padding-bottom:.1px;}
.dcf-breadcrumbs ol { margin-bottom:3px; margin-top:3px; }
.dcf-main-content .wdn-inner-padding-none {padding-top:7px; }
.dcf-main-content .wdn-promo-content a { margin-top:1em;} /*for buttons like on /academic-programs/prep-program/*/
.dcf-hero, .dcf-hero-default { margin-bottom:0 !important;}
.cob-thumbnail img { display: block; }
/*.unl .dcf-main>:last-child { margin-bottom:.1em !important;}*/
.unl .dcf-main-content>:last-child:not(.dcf-bleed) { margin-bottom: 0; } /*This is to stop mixins.margins.scss line 61 */
.cba-dark-cream-band {
background-color: rgba(249, 239, 212, 0.6);
/*border-width: 6px 0px;
border-style: solid;
border-color: rgba(196, 184, 140, 0.6);*/
}
.dcf-main-content .gothem { font-family: Work Sans,Verdana,sans-serif }
.dcf-main-content .cob-black-background { color:#ffffff!important; background-color:#000000; }
.dcf-main-content .cba-black-band .cob-button-white, .dcf-main-content a.cob-button-white {
color:#000000 !important;
background-color:#ffffff;
border: none;
border-radius: 3px;
color: #000;
padding: 1.069em 1.333em 1em;
display: inline-block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: Work Sans,Verdana,sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
font-size: .74rem;
transition: background-color .3s ease-out;
margin: .5rem .5rem;
}
.dcf-main-content .cob-button-white:hover { background-color: #dedede; }
a.wdn-button-white {background-color:#f0f0f0 !important; color:#000000 !important; border-radius:5px; font-weight:400;}
.cob-button-text-black { color:#000000; }
.cob-after-space::after { content:"."; background-color:#ffffff; color:#ffffff; font-weight:bold; font-size:2em; display:block; }
.dcf-main-content .feed-container .main-feed-link { display: block; clear:both; float: right; padding: 0 5px 5px 0; font-size: 0.8em; }
/*a { text-decoration-line:none; }*/
.wdn-band.admissions {
background: #cc0000;
/* background: #cc0000 url(images/red_wave.png) 0 0 repeat; */
color: #fff;
}
@media print
{
.no-print, .no-print *
{
display: none !important;
}
}
@media screen
{
.for-print-only, .for-print-only *
{
display: none !important;
}
}
/*
.news-image { border: 1px solid #eae9e6; transition: border .5s ease-out; display:block; }
.news-image img { display:block;}
.news-image a:hover {border: 1px solid #d00000; transition: border .3s ease-out;}
*/
/*Below is from JF-4.1, which was from 4.0, which was from...*/
/* I like the frame border more defined. Not sure it is acceptable by the group. */
/* Especially for where the band is colored like wdn-light-neutral-band */
.frame
{
border: 3px solid rgba(159,156,122,.5);
border-radius: 6px;
}
/* used this on the honors main page. The image spans the width of tablets(vertical) and phones, but not laptops or desktops (or tablets horizontal) */
.cba-banner-band-image
{
width: 100%;
/*height: 210px !important;*/
}
@media (min-width: 960px)
{
.cba-banner-band-image
{
width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
}
}
/* h2 in main-3.1.css has the following attributes. I thought it would be better as a class seperate from h2, but we'll see... */
.under-line
{
/*color: #777;
font-size: 2.4em;*/
border-bottom: 1px solid; /* #999;*/
padding-bottom: 0;
margin-bottom: 0.3em;
}
.margin-small
{
margin-top:5px;
margin-bottom:5px;
}
/*for the BIG image in the upper right*/
.short-splash
{
display: block;
position: absolute;
top: -86px;
right: 22%;
}
.img-splash
{
display: block;
width: 210px;
height: 80px;
}
@media (max-width: 960px)
{
.short-splash
{
/*display: none;*/
top: -86px;
right: 0px;
}
}
@media (max-width: 480px)
{
.short-splash
{
display: none;
/* could look into using a smaller image*/
}
}
/*end of for the BIG image in the upper right*/
/* the new all.css has the color of h1 being gray - #454542 It doesn't work well with a black background like we're using as page titles*/
h1
{
/* color:#ffffff;*/
}
/* the distinction between h4 & h5 is so little in WDN So I'm adding a little emphasis here...
h5
{
color: #7d5d46;
}
*/
h6, li+h6, ul+h6
{
/*margin-top:23;
margin-bottom:16;*/
margin-top:1em;
margin-bottom:0.25em;
}
.second-quarter
{
margin-left: 25%;
}
form ol
{
list-style-type:decimal;
padding-left:1.25em;
}
/* Tables - this started with /people/itservices/employment/default.aspx. Not sure if other tables need changed or not. */
/* There is lib/css/forms.css with a class called tableform. I didn't think it was asthetically pleasing. I am overwriting for now anyway.*/
.dcf-main-content table.tableform40
{
width:100%;
margin-top: 18px;
position: relative;
display: table;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ededed;
border-collapse: separate;
position: relative;
padding: 5px;
margin-bottom: 1em;
background: #f7f7f7;
}
/* this would be for using a svg image */
.svg-icon-placement
{
display:inline;
background-color: Yellow;
transform: translate(74px,0px);
-ms-transform: translate(74px,0px); /* IE 9 */
-webkit-transform: translate(74px,0px); /* Safari and Chrome */
-o-transform: translate(74px,0px); /* Opera */
-transform: translate(74px,0px); /* Firefox */
}
/*form label removed 1/15/2019 as was making font too large - James*/
/*tbody>tr>th>label, tbody>tr>th>div>label, .label
{
font-weight:bold;
font-size:1.125rem;
color: #4a3b13;
}*/
.div-denote40
{
background-color: rgb(255, 255, 255);
border-color:rgb(188, 188, 188);
border-style: solid;
border-width: 0.6666666865348816px;
border-radius: 5px;
line-height: 20.850133895874023px;
padding: 5px;
position: absolute;
right: 8px;
top: 25px;
white-space: nowrap;
width: 139.3333282470703px;
}
td.sweetend
{
background: rgba(229,218,184,.8);
width:10%;
}
form span.required, form label.required
{
/*font-size:1em;
font-style:normal;
font-weight:700;
text-indent: inherit;
width:auto;
color: #4a3b13;*/
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAAGn5h7fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY5QkQ4OUVENzg1MTFFMjgwQzNEMTQ0RTAxQUNDNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY5QkQ4OUZENzg1MTFFMjgwQzNEMTQ0RTAxQUNDNTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMUI5MDA2MUQ2QzUxMUUyODBDM0QxNDRFMDFBQ0M1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMUI5MDA2MkQ2QzUxMUUyODBDM0QxNDRFMDFBQ0M1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcumVQAAAI2SURBVHjaYlzDzMQAAkzfLM3uc8nJ/QcIIAawyH8gAAggxqlSos/FX76VAMmzHLI2lCzhlvz/VEqMASCAwGrCQ93qwGqBxP9XBw/8B9Fgw0Tt7CFm3kyNeb7P3JxhdZBLEEAAMQLV8yg8fPbI9Ow1QZDsT3Y2hh2ulo0Mi2ws7l9ravqPDEBmsfBqajBca2xgeLZhA8OHixcYxN3dGbiVlBhARjFAATMQGwDxWRAHIIAYYb4BWhgIpPaFrtvzESwB1JHjuvfkZIGPn8EKLuipfb+tIicJ0vEfJGB/8CDDQXuIu1+KC79gATGC//xlgNEgh3zbs/MH2IKdGuowBzBcb24G0yycMjIM3MrKDGtZmBkE9A3AgnzaWgzMf93MH5oYmQf8u32HQdLPl2GPhtyVQx9eqiP7IwqIl8E4AAHGCAwBMCMizJ0NJCn97FWz2u1HMrxfvjHcUJP/8UBBqu8XK2vXilU7If6rMtY6pH77oS331+9wh0l4eTH8//uX4eXOnXCx75zsDDfVFI6wKLBwqP7n4GBgNTJi4JVXYOBXUWUwqqkFKzpTX8vw8fZthq/PnzF8vnyZQY6VU4WJg5XtB8/b9wy/Dx9lEBYVgysGAZPGZgYhIWGwHO+HTwwgtUwMSODbo0dg+sG8eWCMLAb3dGtG3CYrCXlfngePGF7u3cvw49kzFAV82joMovZ2DK8E+RhOvny8Dj0ZxOoKS3TYSiqIP//2meH0yyfHnnz9WAUUPwhTBAAi/NkF5K4fUgAAAABJRU5ErkJggg==') no-repeat 0 0;
background-repeat: no-repeat;
background-position: left top;
padding-left: 16px;
}
@media(max-width: 480px)
{
form span.required
{
width: inherit;
}
}
form label.not-required
{
/*font-size: 1em;
font-weight:700;
color: #4a3b13;*/
}
form div.denote
{
padding-left: 16px;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAAGn5h7fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY5QkQ4OUVENzg1MTFFMjgwQzNEMTQ0RTAxQUNDNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY5QkQ4OUZENzg1MTFFMjgwQzNEMTQ0RTAxQUNDNTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMUI5MDA2MUQ2QzUxMUUyODBDM0QxNDRFMDFBQ0M1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMUI5MDA2MkQ2QzUxMUUyODBDM0QxNDRFMDFBQ0M1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcumVQAAAI2SURBVHjaYlzDzMQAAkzfLM3uc8nJ/QcIIAawyH8gAAggxqlSos/FX76VAMmzHLI2lCzhlvz/VEqMASCAwGrCQ93qwGqBxP9XBw/8B9Fgw0Tt7CFm3kyNeb7P3JxhdZBLEEAAMQLV8yg8fPbI9Ow1QZDsT3Y2hh2ulo0Mi2ws7l9ravqPDEBmsfBqajBca2xgeLZhA8OHixcYxN3dGbiVlBhARjFAATMQGwDxWRAHIIAYYb4BWhgIpPaFrtvzESwB1JHjuvfkZIGPn8EKLuipfb+tIicJ0vEfJGB/8CDDQXuIu1+KC79gATGC//xlgNEgh3zbs/MH2IKdGuowBzBcb24G0yycMjIM3MrKDGtZmBkE9A3AgnzaWgzMf93MH5oYmQf8u32HQdLPl2GPhtyVQx9eqiP7IwqIl8E4AAHGCAwBMCMizJ0NJCn97FWz2u1HMrxfvjHcUJP/8UBBqu8XK2vXilU7If6rMtY6pH77oS331+9wh0l4eTH8//uX4eXOnXCx75zsDDfVFI6wKLBwqP7n4GBgNTJi4JVXYOBXUWUwqqkFKzpTX8vw8fZthq/PnzF8vnyZQY6VU4WJg5XtB8/b9wy/Dx9lEBYVgysGAZPGZgYhIWGwHO+HTwwgtUwMSODbo0dg+sG8eWCMLAb3dGtG3CYrCXlfngePGF7u3cvw49kzFAV82joMovZ2DK8E+RhOvny8Dj0ZxOoKS3TYSiqIP//2meH0yyfHnnz9WAUUPwhTBAAi/NkF5K4fUgAAAABJRU5ErkJggg==') no-repeat 0 0;
line-height:1;
/*vertical-align:middle;*/
margin-top:5px;
margin-bottom:5px;
}
tbody>tr>td>input[type=text], .dcf-main-content .uses-error-mark, tbody>tr>td>input[type=file]
{
margin-bottom: 0;
width: 95%; /* so that the error exclamation point will fit on the line */
padding: .25em;
}
tbody>tr>td>select
{
margin-bottom: 0;
}
/* will need from main-3.1 - added star so everything [,
] gets selected! */
.dcf-main-content .error-text, .dcf-main-content .error-text *, .dcf-main-content .error-mark
{
color: #a52a2a;
}
.info-request-container .error-text span {font-size:1em!important}
.unl-bg-scarlet .info-request-container .error-text ul li {color:#fff!important}
.dcf-main-content .error-mark
{
font-family: Wide Latin;
}
/***********************************************************************************************************************************************************************************/
/* Transitioning to cob-info-table (below this section), but this section for James Admin Forms & Detail pages*/
.button-blue { background-color: #b5cfd2; color:#000; padding:0 4px; position:relative; text-transform:none; }
.button-blue:focus { border: 3px solid #007197; }
.imagetable-header { background-color:#ddd; }
table.imagetable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
margin-top:8px;
margin-left:13px;
margin-bottom:20px;
width:98%;
}
table.imagetable th {
background:#b5cfd2;
border-width: 1px;
padding: 2px 5px 2px 2px;
border-style: solid;
border-color: #999999;
}
table.imagetable th:hover {cursor:pointer;}
table.imagetable td {
background:#dcddc0;
border-width: 1px;
padding: 2px !important;
border-style: solid;
border-color: #999999;
}
table.imagetable tbody{
display:inline-block;
overflow:auto;
max-height:400px;
}
table.imagetable thead tr{
display:block;
}
@media (prefers-color-scheme: dark) {
.button-blue { background-color:rgb(59,59,59); color:var(--link); }
.imagetable-header { color: #bbb; background-color:#444; }
table.imagetable { color:#ccc; }
table.imagetable th { background-color:#4a302d; }
table.imagetable td { background-color:#23223f; }
}
/***********************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************/
/* This section for James Admin Forms & Detail pages*/
.cob-refresh-btn { background-color: #b5cfd2; color:#000; padding:0 4px; position:relative; text-transform:none; }
.cob-refresh-btn:focus { border: 3px solid #007197; }
.cob-info-table-header { background-color:#ddd; margin-left:13px; padding:5px; padding-left:15px; font-size:smaller; }
table.cob-info-table {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
margin-top:8px;
margin-left:13px;
margin-bottom:20px;
width:98%;
}
table.cob-info-table th {
background:#b5cfd2;
border-width: 1px;
padding: 2px 5px 2px 2px;
border-style: solid;
border-color: #999999;
}
table.cob-info-table th:hover {cursor:pointer;}
table.cob-info-table td {
background:#dcddc0;
border-width: 1px;
padding: 2px !important;
border-style: solid;
border-color: #999999;
}
table.cob-info-table tbody{
display:inline-block;
overflow:auto;
max-height:400px;
}
table.cob-info-table thead tr{
display:block;
}
.w40 { width:40px; min-width:40px; }
.w50 { width:50px; min-width:50px; }
.w60 { width:60px; min-width:60px; }
.w75 { width:75px; min-width:75px; }
.w80 { width:80px; min-width:80px; }
.w90 { width:90px; min-width:90px; }
.w100 { width:100px; min-width:100px; }
.w125 { width:125px; min-width:125px; }
.w150 { width:150px; min-width:150px; }
.w175 { width:175px; min-width:175px; }
.w200 { width:200px; min-width:200px; }
.w250 { width:250px; min-width:250px; }
.w300 { width:300px; min-width:300px; }
.w350 { width:350px; min-width:350px; }
.w400 { width:400px; min-width:400px; }
.w500 { width:500px; min-width:500px; }
.w600 { width:600px; min-width:600px; }
.w700 { width:700px; min-width:700px; }
.w800 { width:800px; min-width:800px; }
.w40, .w50, .w60, .w80, .w90, .w75, .w100, .w125, .w150, .w175, .w200, .w250, .w300, .w350, .w400, .w500, .w600, .w700, .w800 { overflow-wrap:anywhere; }
@media (prefers-color-scheme: dark) {
.cob-refresh-btn { background-color:rgb(59,59,59); color:#71bdd3; /*color:#f55;*/}
.cob-info-table-header { color: #bbb; background-color:#444; }
table.cob-info-table { color:#ccc; }
table.cob-info-table th { background-color:#4a302d; }
table.cob-info-table td { background-color:#23223f; }
}
/***********************************************************************************************************************************************************************************/
/* Detail pages */
.nomTable { border:2px solid #ccc;}
.nomTable tr td, .nomTable tr th { padding: 2px 10px; border: 1px solid #dedeef;
font-family: Work Sans,"Sans Serif Fallback",sans-serif;
}
.nomTable tr th {font-weight:bold; text-transform:none; letter-spacing:.02em; font-size:1.0em;}
.nomTable .current { color:#000000; background-color:#caf1c1; }
.nomTable .current-nomination-cycle { border:1px solid black; color:#000000; background-color:#caf1c1; padding:2px; margin-left:5px; }
.nomTable .previous { color:#000000; background-color:#faf1cf; }
.nomTable .previous-nomination-cycle { border:1px solid black; color:#000000; background-color:#faf1cf; padding:2px; margin-left:5px; }
.extra-data { color:#000000; background-color: #efeae1; }
.extra-label { color:#000000; background-color: #faf1cf; }
.dither {
background-color: transparent;
background: -webkit-radial-gradient(transparent, rgba(0,0,0,.04));
background: -o-radial-gradient(transparent, rgba(0,0,0,.04));
background: -moz-radial-gradient(transparent, rgba(0,0,0,.04));
background: radial-gradient(transparent, rgba(0,0,0,.08));
}
@media (prefers-color-scheme: dark) {
.nomTable .current { color:#ccc; background-color:#114411; }
.nomTable .current-nomination-cycle { border:1px solid black; color:#ccc; background-color:#114411; padding:2px; margin-left:5px; }
.nomTable .previous { color:#ccc; background-color:#420; }
.nomTable .previous-nomination-cycle { border:1px solid black; color:#ccc; background-color:#420; padding:2px; margin-left:5px; }
.extra-data { color:#ccc; background-color: #222222; }
.extra-label { color:#ccc; background-color: #420; }
.dither {
background-color: #000;
background: -webkit-radial-gradient(transparent, rgba(0,0,140,.7));
background: -o-radial-gradient(transparent, rgba(0,0,140,.07));
background: -moz-radial-gradient(transparent, rgba(0,0,140,.7));
background: radial-gradient(transparent, rgba(0,0,140,.7));
}
}
/***********************************************************************************************************************************************************************************/
/* The below was added for Roger 9-11-2018 for a red box around hero text */
/* .tl-home-hero-heading {
-ms-flex-order: 2;
order: 2;
margin: .24em 0;
font-size: 3.157rem !important;
color: #fff !important;
}
.tl-home-hero-text {
margin-bottom:20px;
}
@media (min-width: 80em) {
.tl-home-hero-text { max-width: 75%; }
}
@media (min-width: 48em) {
.tl-home-hero-text {
padding: 1.777em 2.369em;
background: linear-gradient(302.3deg,rgba(183,0,0,.85) 0,rgba(208,0,0,.9) 100%);
transform: translateY(1em);
}
}
@media (min-width: 48em) {
.tl-home-hero-text-container {
-ms-flex-align: end;
align-items: flex-end;
padding-top: 0;
padding-bottom: 0;
}
}
*/
/* End added for Roger 9-11-2018 for a red box around hero text */
/* Moved from JF-cba-controls.css because our list types are used in stories, and this file is included in the master file.*/
.dcf-main-content .disc li
{
list-style-type:disc;
list-style-position:inside;
}
.dcf-main-content .puffball li
{
list-style-type:disc;
list-style-position:outside;
font-size: 1rem;
line-height: 28.431px;
margin-left:20px;
}
.dcf-main-content .puffball li ul li
{
list-style-type:circle;
}
.dcf-main-content .portabella li
{
list-style-type:disc;
list-style-position:outside;
font-size: 1rem;
line-height: 24px;
margin:8px 20px;
}
.dcf-main-content .portabella li ul li
{
list-style-type:circle;
}
.dcf-main-content .square li { list-style-type:square; }
.dcf-main-content .morel li
{
list-style-type:square;
list-style-position:outside;
font-size: 1rem;
line-height: 28.431px;
margin-left:20px;
}
.dcf-main-content .amanita li
{
list-style-type:circle;
list-style-position:outside;
font-size: 1rem;
font-family: Work Sans,"Sans Serif Fallback",sans-serif;
line-height: 28.431px;
margin-left:20px;
}
.dcf-main-content .quote {
position: relative;
font-family: Work Sans,"Sans Serif Fallback",sans-serif;
font-weight: 400;
font-style: normal;
padding-bottom: 2rem;
background: url('images/quote-band.png') 25px bottom no-repeat;
margin: 0;
margin-bottom: .5rem !important;
z-index: 10;
}
.dcf-main-content .quote:before,
.dcf-main-content .quote:after {
/*content: '';
color: #94bbe3;
font-size: 125px;
display: block;
position: absolute;
width: 41px;
height: 34px;
z-index: -1;*/
}
.dcf-main-content .quote:before {
/*background: url('images/begin-quote.png') center center no-repeat;
top: -1rem;
left: -1.75rem;*/
}
.dcf-main-content .quote:after {
/*background: url('images/end-quote.png') center center no-repeat;
bottom: 1.75rem;
right: -0.75rem;*/
}
.filter-black { filter:brightness(0) invert(.2);}
.filter-white { filter:brightness(0) invert(1);}
.dcf-main-content .quote .doublequotes {
display: none !important;
}
.dcf-main-content .quote-name {
font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
text-transform: uppercase;
color: #41708d;
font-size: 1.1rem;
}
.dcf-main-content .quote-name span {
padding-left: .5rem;
font-family:Work Sans,"Sans Serif Fallback",sans-serif;
font-weight: 400;
font-style: normal;
font-size: .75rem;
font-style: italic;
text-transform: none;
}
/*=============quote with img================*/
.quoteimg {width:200px;float:left;padding-right:20px;box-sizing:border-box;}
.quoteimg img {width:100%;float:left;}
.quoteright {width:calc(100% - 200px);float:left;box-sizing:border-box;}
.quote_name {padding-left:71px;}
.quote_name p {margin-bottom:0;font-family:Work Sans,Verdana,sans-serif;font-size:20px;}
.flexy {display:flex;}
@media screen and (max-width: 700px) {
.quoteimg {width:100%;padding-right:0;margin-bottom:20px;}
.quoteright {width:100%;padding-left:0;}
.quote_name p {margin-bottom:10px!important;}
.flexy {display:block;}
.cba-intro-p {margin:0!important;}
.dcf-main-content .quote {background-position:bottom left}
.quote_name {padding-left:0;}
}
.wdn-band.video iframe {
margin: 2rem auto 0 auto;
border: 3px solid #554c45;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.6);
width: 320px;
height: 180px;
display: block;
}
@media (min-width: 480px) {
.wdn-band.video iframe {
width: 480px;
height: 270px;
}
}
@media (min-width: 600px) {
.wdn-band.video iframe {
width: 600px;
height: 338px;
}
}
@media (min-width: 768px) {
.wdn-band.video iframe {
width: 768px;
height: 432px;
}
}
@media (min-width: 960px) {
.wdn-band.video iframe {
width: 814px;
height: 458px;
}
}
.dcf-main-content .wdn-pull-right { float: right; }
.dcf-main-content .wdn-pull-left { float: left; }
.dcf-main-content .wdn-center{ text-align:center; }