/* CoB global CSS styles for the DCF template beginning 2020 */

#dcf-page-title { display:none; }
.clear {clear:both;}

.unl .dcf-btn {font-family:Work Sans,"Sans Serif Fallback",sans-serif}


tbody td, tbody th {padding-bottom:.7500000002em;padding-top:.7500000002em;padding-left:1em;padding-right:1em;}


#events-band {min-height:330px!important;background:url(/images/home-page/what-the-hex.png)repeat!important;}

.story-text h5 {margin-bottom:0!important;}


/*==========DOTS for mag============*/
.magdots {background:url(/images/bg-dots-gray.svg);background-size:1.5%;background-repeat:repeat;margin-right:20px;width:calc(100% - 20px);margin-bottom:20px;}
.magdotswhite {background:url(/images/bg-dots-white.svg);background-size:8px;background-repeat:repeat;margin-right:20px;width:calc(100% - 20px);margin-bottom:20px;}
.insidemagdots {float:right;margin-bottom:-20px;margin-right:-20px;margin-top:20px;margin-left:20px;width:100%;height:100%;}
		
.dot {background:url(/images/bg-dots-gray.svg);background-size:1.5%;background-repeat:repeat;margin-right:25px;width:calc(100% - 25px);margin-bottom:25px;float:left;}
.insidedot {float:right;margin-bottom:-25px;margin-right:-25px;margin-top:25px;margin-left:25px;width:100%;height:100%;}

.je-height {height:379px;}

.contain {width:100%;max-width:1500px;margin:0 auto;}

.dotcontain {width:100%;max-width:1500px;margin:0 auto;}

@media screen and (max-width: 900px) {
	.magdots {background-size:3%!important}
	.magdotswhite {background-size:8px!important}
	.dot {background-size:8px!important}
	.dotcontain {background:#ebebea;padding:15px;}
}

@media screen and (max-width: 900px) and (prefers-color-scheme: dark) {
	.dotcontain {background:#242423}
}
/*======================================*/

@media (prefers-color-scheme: dark) {
#events-band{background:url(/images/home-page/what-the-hex-dark2.png)repeat!important;}
.unl-event-day {background:#fff!important;color:#000!important}
.unl-event-title .dcf-lh-3 a {color:#fff!important;}
.dcf-absolute .unl-ls-2 {color:#fff!important}

	.drkbtn {background:#fff!important;}
	
}

.whitecal {width:100%;max-width:40px;margin:0 auto;height:40px;background-image:url(/images/calendar-white.png);background-size:contain;background-repeat:no-repeat;background-position:center;}

.changingcal {width:100%;max-width:40px;margin:0 auto;height:40px;background-image:url(/images/calendar.png);background-size:contain;background-repeat:no-repeat;background-position:center;}

@media (prefers-color-scheme: dark) {
	.changingcal {background-image:url(/images/calendar-white.png)}
}
/*===========Background Images============*/

.floris {background-image:url("/images/bg-floris.jpg");background-size:cover;}
.red-floris {background-image:url("/images/bg-top-links.jpg");background-size:cover;}
.popov {background-image:url(/images/bg-popov.jpg);background-size:cover;}
.zeller {background-image:url(/images/bg-zeller.jpg);background-size:cover;}
.gabriel {background-image:url(/images/bg-gabriel.jpg);background-size:cover;}
.dots {background-image:url(/images/bg-dots.jpg);background-size:cover;}
.bluebg {background-image:url(/images/blue-white-bg.jpg);background-size:cover;}

/*==Fixed Background Images*/
.floris-fixed {background-image:url(/images/bg-floris.jpg);background-size:cover;background-attachment:fixed;}
.red-floris-fixed {background-image:url(/images/bg-top-links.jpg);background-size:cover;background-attachment:fixed;}
.popov-fixed {background-image:url(/images/bg-popov.jpg);background-size:cover;background-attachment:fixed;}
.zeller-fixed {background-image:url(/images/bg-zeller.jpg);background-size:cover;background-attachment:fixed;}
.gabriel-fixed {background-image:url(/images/bg-gabriel.jpg);background-size:cover;background-attachment:fixed;}
.bluebg-fixed {background-image:url(/images/blue-white-bg.jpg);background-size:cover;background-attachment:fixed;}

/*========BACKGROUND IMAGES IN DARK MODE==========*/


@media (prefers-color-scheme: dark) {
.floris {background-image:url("/images/bg-dark-floris.jpg");background-size:cover;}
.popov {background-image:url(/images/bg-popov-dark.jpg);background-size:cover;}
.zeller {background-image:url(/images/bg-zeller-dark.jpg);background-size:cover;}
.gabriel {background-image:url(/images/bg-gabriel-dark.jpg);background-size:cover;}
.dots {background-image:url(/images/bg-dots-dark.jpg);background-size:cover;}

.floris-fixed {background-image:url(/images/bg-dark-floris.jpg);background-size:cover;background-attachment:fixed;}
.popov-fixed {background-image:url(/images/bg-popov-dark.jpg);background-size:cover;background-attachment:fixed;}
.zeller-fixed {background-image:url(/images/bg-zeller-dark.jpg);background-size:cover;background-attachment:fixed;}
.gabriel-fixed {background-image:url(/images/bg-gabriel-dark.jpg);background-size:cover;background-attachment:fixed;}
	
	.quick-facts h3 .dcf-subhead, .quick-facts p {color:#fff!important}
	.quick-facts h3 {color:#fff!important;}
}


/*================================================*/



/*==============Paralax Band==============*/
.framed-text-box {
    position: relative;
    background-color: rgba(255,255,255,.96);
    z-index: 1;
    margin: 0 5%;
    padding: 30px;
    }

    .framed-text-box:before {
        content: '';
        position: absolute;
        display: block;
        top: -10px;
        left: -10px;
        width: 100%;
        height: 100%;
        padding: 5px;
        z-index: -1;
    }

    .framed-text-box p:last-child {
        margin-bottom: 0;
    }

@media (prefers-color-scheme: dark) {
	.framed-text-box {
	background-color:#242423!important
}
}

/*====SOCIAL MEDIA=====*/
	.leftsocial {width:calc(70% - 100px);float:left;background:#242423;color:#fff;padding:40px 5% 0 5%;height:100px;margin-bottom:0;}
	.lefttriangle {width:0;height:0; border-top:100px solid #242423;border-right:100px solid transparent;float:left;}
	.socialside {width:30%;float:left;height:100px;padding-top:30px;}

	@media screen and (max-width: 900px) {
		.leftsocial {width:100%;text-align:center!important;padding:30px 5%;height:auto;}
		.lefttriangle {display:none;}
		.socialside {width:100%;height:auto;padding:20px 5%;}
	}

/*====POINTS OF PRIDE=====*/
.quick-facts {
            position: relative;
            width: 100%;
            text-align: center;
            cursor: pointer;
            margin-bottom:20px;
        }

        .quick-facts h3 {
           
            margin: 0;
            color: #d00000;
        }
        .quick-facts h3 .dcf-subhead, .quick-facts p {
            margin: 0;
           
        }
        .dcf-main-content .factoid p { font-family:Work Sans,"Sans Serif Fallback",sans-serif }

        .dcf-subhead, .quick-facts p { color:rgba(91, 91, 90,.9);font-size:16px;}
        .dcf-subhead {margin-bottom:0!important;width:100%;float:left;}
        .factoid {-webkit-transition: all .5s ease; 
        -moz-transition: all .5s ease; 
        -ms-transition: all .5s ease; 
        -o-transition: all .5s ease; 
        transition: all .5s ease;}
.factoid:hover {transform:scale(1.05)}


.liberator {font-family:Liberator Heavy Italic,Arial Narrow,sans-serif!important;font-size:55px;letter-spacing:2px!important}


@media (prefers-color-scheme: dark) {
 .dcf-subhead,  .quick-facts p {color:#fff}
}


/*======RED LINE HALVES=======*/


        .red-pencil { border-right:3px solid #d00000;}
        .red-pencil h2 { font-weight:500;}
        .txt-400 { max-width:400px; }
        .txt-400-r { float:right; }
		
		@media screen and (max-width: 898px) { 
			.red-pencil {text-align:center;border-right:0;padding-right:0!important;margin-bottom:20px;}
			.red-pencil h2 {text-align:left;}
			.txt-400-r {float:left;text-align:left;}
			.no-pad-mobile {padding-left:0!important;}
		}
	
/*=======TABLE=======*/
	@media screen and (max-width: 900px) {
		.dcf-table-responsive tbody td:before {display:none;}
		.dcf-table tr td {max-width:none!important;}
		.dcf-table-responsive td {-webkit-column-gap:normal!important;column-gap:normal!important;grid-template-columns:auto!important;}
		.no-bord-mobile {border-right:none!important;border-bottom:2px solid #fff;padding-bottom:20px;margin-bottom:20px;}
	}

.wdn-pull-right, .dcf-main-content .wdn-pull-right {float:right;}

/*==========VIDEOS==============*/
.cob-aspect16x9 {padding-top:56.25%}
.cob-responsive-embed {overflow:hidden;position:relative;}
.cob-responsive-embed:before {content:"";display:block;width:100%;}
.cob-responsive-embed iframe {bottom:0;left:0;position:absolute;right:0;top:0;border:0;height:100%;width:100%;}

/*==================FORM=====================*/

.form-container2 label {margin-bottom:0;color:#fff}
.form-container2 input, .form-container2 select {border:1px solid #000}