/* Site wide changes */


.containerBorder { border: 0px }

/* Jeff B added these changes to fix broken layout on 5/23/18 */

.thumnbnailExcerptImg {
    max-width: 100%;
}

/* FEATURE IMAGE AND PAGE TITLE */
#featureImage > img {width: 100%; }

#featureImage {
    width: 100%;
    margin: 0px;
    padding: 0px 5px;
    border-bottom: 0px;
    background-color: transparent;
}



/* Move the Page Title above the Feature Image */
#mainColMain h1.pageTitle {
    position: relative;
    text-align: center;
    margin: 0;
    color: #FFF;
    display: block;
    position: absolute;
    width: 100%;
}


/* Extra Large display */
@media (min-width: 1280px) {
	#mainColMain h1.pageTitle { font-size: 4.5em; top: 220px; }
}

/* Large devices (tablet, 992px to 1279px) */
@media (min-width: 992px) and (max-width: 1279px) {
	#mainColMain h1.pageTitle { font-size: 3.4em; top: 165px;}
}


/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	#mainColMain h1.pageTitle { font-size: 2.6em; top: 130px;}
}

/* Small device (phone) */
@media (max-width: 767px) {
	#featureImage { margin: 0px; padding: 0px 15px;}
	#mainColMain h1.pageTitle { font-size: 2em; background-color: #000; padding: 10px 0px; top: 0px; position: relative; }
}



expires {display: none;}
.glyphicon-new-window {margin-left: 2px; margin-right: 2px; font-size: 0.9em; }

/*iframe{width: auto;}*/


#deptBreadcrumbsContainer { display: none; }
#mainColMain {padding: 0px 10px;}
#mainColMain p  { font-size: 1.1em; margin-bottom: 20px; /*padding-right: 15px; padding-left: 15px;*/ }
#mainColMain ul  { margin-bottom: 20px;}
#mainColMain li { font-size: 1.1em; margin-bottom: 2px;}
#mainColMain .row { border-bottom: 0px none; }

#mainColMain a { font-weight:bold; color: #232ec1; }
#mainColMain a:hover { color: #e02e16; }


h1,h2,h3,h4,h5,h6,h7, div.h5, div.h6 { font-family: "Seattle Text",Arial; line-height: 100%;  font-weight: bold; }
#mainColMain h1 {font-size: 4em; color: #e02e16; margin: 25px 0 10px 0; text-transform: none; }
/* #mainColMain h2 {font-size: 3em; color: #e02e16;}
#mainColMain h3 {font-size: 2em; color: #e02e16;} */
#mainColMain h4 {font-size: 1.5em; color: #e02e16;}
#mainColMain h2, .MainColumnXHTMLCopyComponent h2, #mainColMain h5, div.h5, .tabListTitle, #mainColMain .mainColumnTax .taxonomyTitle, #mainColMain .MainColumnInsertComponent h2.insertTitle
{font-size: 2.5em; text-align: center; margin: 40px 0 10px 0; color: #e02e16;  }	/* Main Column section header #mainColMain .MainColumnTabListComponent h2*/
#mainColMain h3, #mainColMain h6, div.h6 {font-size: 2em; margin: 30px 0px 10px 0px; color: #e02e16; }    	/* Main body sub header */

#mainColMain .MainColumnAccordionListComponent h2 { font-size: 2.5em; text-align: left; margin: 0px; color: #e02e16;}

/* .MainColumnXHTMLCopyComponent h2 {
    font-size: 2.85em !important;
} */

.titleExcerpt h2 {
    text-align: left !important;
}

#x29495 .titleExcerpt h2 {
    font-size: 1.5em !important;
}


/*#ui-accordion-2-header-0*/

/* Standard link font and sizes */
#mainColMain h2 a, #mainColMain h3 a, #mainColMain h4 a, #tabs li h4 { text-transform: none; font-family: arial; font-weight: bold; }
#mainColMain .h1 {font-size: 2em; color: #000; font-weight: bold;}

/*
.pdf {
	background: url('/../../Images/Departments/Arts/Misc/Adobe_PDF_file_icon_24x24.png') no-repeat scroll 0px 0px transparent;
	height: 24px;
	width: 34px;
	display: inline-block;
	vertical-align: middle;
}

.word {
	background: url('/../../Images/Departments/Arts/Misc/Word-icon-24x24.png') no-repeat scroll 0px 0px transparent;
	height: 24px;
	width: 34px;
	display: inline-block;
	vertical-align: middle;
}

.excel {
	background: url('/../../Images/Departments/Arts/Misc/excel-icon.png') no-repeat scroll 0px 0px transparent;
	height: 24px;
	width: 34px;
	display: inline-block;
	vertical-align: middle;
}
*/

/******************************* Document Icons *****************************/
a[href$=".pdf"] {
    background: url('http://www.seattle.gov/Images/Departments/Arts/Misc/Adobe_PDF_file_icon_24x24.png') no-repeat scroll 0px 0px transparent;
	padding-left: 28px;
    background-size: contain;
}
a[href$=".doc"], a[href$=".docx"] {
	background: url('http://www.seattle.gov/Images/Departments/Arts/Misc/Word-icon-24x24.png') no-repeat scroll 0px 0px transparent;
	padding-left: 28px;
    background-size: contain;
}
a[href$=".xls"], a[href$=".xlsx"] {
	background: url('http://www.seattle.gov/Images/Departments/Arts/Misc/excel-icon.png') no-repeat scroll 0px 0px transparent;
	padding-left: 28px;
    background-size: contain;
}

/* hide from logo tabs */
#x56509 a[href$=".pdf"] {
    background: none;
	padding-left: 0;
}



.image-float-right { float: right; padding: 0px 0px 20px 20px;}


.titleDateContainer { min-height: 0px; }
.feedContainer, .newsContainer { padding: 10px 0px; }





/* REMOVE PADDING */

#x54557, #x54769, #x53408 { padding: 0px; }




/* Cultural Space Handbook */
#x52916 #tabs-3 .accords  h3 a {font-size: 16px;}



/************************************** HOMEPAGE HERO IMAGE ********************************************/

#x28063 #x57021 {padding-left: 0px; padding-right: 0px; padding-top:0px; margin-left: -10px; margin-right: -10px; }

    #hp-hero-container {
        position: relative;
	height: 450px;
    }


    @keyframes slidy {
      /*  0% { left: 0%; }
        20% { left: 0%; }

        25% { left: -100%; }
        45% { left: -100%; }

        50% { left: -200%; }
        70% { left: -200%; }

        75% { left: -300%; }
        95% { left: -300%; }

        100% { left: -400%; }*/

        0% { left: 0%; }
        16% { left: 0%; }

        20% { left: -100%; }
        36% { left: -100%; }

        40% { left: -200%; }
        56% { left: -200%; }

        60% { left: -300%; }
        76% { left: -300%; }

        80% { left: -400%; }
        96% { left: -400%; }

        100% { left: -500%; }
    }

    div#slider { overflow: hidden; }
    div#slider figure img { width: 16.666%; float: left; }
    div#slider figure {
        position: relative;
        width: 600%;
        margin: 0;
        left: 0;
        text-align: left;
        font-size: 0;
        animation: 30s slidy infinite;
        -webkit-animation: 30s slidy ease-in-out infinite;
    }


    #hp-hero-logo {
        position: absolute;
        top: 3%;
        left: 3%;
        width: 180px;
    }



    #hp-hero-headline {
        position: absolute;
        left: 0;
        width:100%;
        font: bold 4em "Seattle Text";
        color: #fff;
        text-align:center;
    }

    #hp-hero-subhead {
        position: absolute;
        left: 0;
        width:100%;
        font: 1.5em "Seattle Text";
        color: #fff;
        text-align:center;
    }


  #hp-hero-overlay {
        position: relative;
        top: -77px;
        left: 0;
        width:100%;
        background: url('/Images/Departments/Arts/Homepage/top_news_background.png') repeat scroll 0% 0% transparent;
        padding: 20px 0;
        text-align: center
    }

    #hp-hero-overlay-call {
        font: bold 1.5em arial;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
    }

    #hp-hero-overlay-select {
        width: 38%;
        margin: 0px 2%;
        display: inline-block;
        background-repeat: no-repeat;
        border: 0px;
        color: #555;
        font-size: 1.5em;
        overflow: hidden;
        padding: 6px 10px 5px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #hp-hero-overlay-button {
        font: bold 1.5em arial;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        background-color: #e02e16;
        padding: 6px 20px;
        display: inline-block;
        cursor: pointer;
    }



    /* Large device (desktop) */
    @media (min-width: 992px) {

        #hp-hero-logo img {
            width: 100%;
        }


    }


    /* Extra Large display */
@media (min-width: 1280px) {
	#hp-hero-headline { top: 230px; font-size: 4.5em; }
        #hp-hero-subhead { top: 305px; font-size: 1.8em; }
}

/* Large devices (tablet, 992px to 1279px) */
@media (min-width: 992px) and (max-width: 1279px) {
	#hp-hero-headline { top: 160px; font-size: 3.5em; }
        #hp-hero-subhead { top: 220px; font-size: 1.5em; }
	#hp-hero-container {
		height: 337px;
	}
}




    /* Medium devices (tablet, 768px to 992px) */
    @media (min-width: 768px) and (max-width: 991px) {

        #hp-hero-logo img {
            width: 90%;
        }

        #hp-hero-headline { top: 110px; font-size: 2.5em; }
        #hp-hero-subhead { top: 150px; font-size: 1.2em; }


        #hp-hero-overlay {
            top: -75px;
        }

        #hp-hero-overlay-call {
           /* font-size: 1.8em;*/
        }


        #hp-hero-overlay-select {
            font-size: 1.4em;
            width: 35%;
        }

        #hp-hero-overlay-button {
            font-size: 1.4em;
        }

	#hp-hero-container {
		height: 263px;
	}
    }


    /* Small device (phone) */
    @media (max-width: 767px) {

        #hp-hero-logo img { width: 70%; }
        #hp-hero-headline { /*font-size: 1.9em;*/ display: none; }
        #hp-hero-subhead { /*font-size: 0.7em;*/ display: none; }
        #hp-hero-overlay { top: 0px; position: relative; background: #000; padding: 10px 0; margin-bottom: 50px; }
        #hp-hero-overlay-call {font-size: 1.2em; padding-bottom: 10px; display: block; }
        #hp-hero-overlay-select { font-size: 1.1em;  width: 30%; }
        #hp-hero-overlay-button { font-size: 1.2em; }
	#hp-hero-container { height: auto; }


    }



/******************************************* TOP MENU **********************************************/

/*
#deptTopNav ul li {
    background-color: #fff;
    width: auto;
    font-family: "Seattle Text",Arial;

}

#deptTopNav ul li > a, #deptTopNav ul li > a:visited {
    background-image: none;
    text-transform: none;
    font-weight: bold;
    font-size: 20px;
    color: #000;

    padding: 8px 20px 35px;
    display: inline-block;
}

#deptTopNav ul li > a:after {
    content:"\e250";
position: relative;
left: 5px;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 16px;

}

#deptTopNav ul li > a:hover:after {

    content:"\e252";
}




#deptTopNav .sublinkTitle {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
}

*/

    #departmentAddressBar { display: none; }
    .department .titleTopNavBreadcrumbWrapper { border-bottom: 0px; }


    .department #deptTopNav a { color: #000;; text-decoration: none; }
    .department #deptTopNav a:hover { color: #000; text-decoration: none; }
    .department #deptTopNav {position: relative; z-index: 99; /*height: 42px;*/  background-image: none; border: 0px; float: none; }
    .department #deptTopNav .topNavSubItem a:hover { text-decoration: underline; }

    #deptTopNav .topNavSubContainer {
        position: absolute;
        left: 0;
        width: 100.5%;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
        background-color: #fff;
        padding: 20px 0px 20px 40px;
    }

    #deptTopNav .topNavSubItem {
        width: 22%;
        display: inline-block;
        vertical-align: top;
        padding: 0 0 4px 0;
    }

    #deptTopNav .topNavSubItem, #deptTopNav div.topNavSubItem:nth-child(2n) {
        background-color: #fff;
    }

    .department #deptTopNav > ul { display: none; }

    .department #deptTopNav ul li > a:hover,
    .department #deptTopNav ul li > a:active {
        background-image: none;
        color: #000;
    }
    .department #deptTopNav ul li > a.activePage {
        background-image: none;
        color: #000;
    }

    #x55307 {display: none;}


    #deptTopNav #my-menu {
        width: 100.2%;
        position: absolute;
	    background-color: #fff;
        /*display:none;*/
    }

    #deptTopNav #my-menu a {
        text-decoration: none;
    }

    #deptTopNav #my-menu ul {

        padding: 0px;
        margin: 0px;
        list-style: outside none none;
    }

    #deptTopNav .my-menu-highlight { padding: 10px 10px 1px 10px; background-color: #f4f4f4; }
    #deptTopNav .my-menu-highlight img { width: 100%; }
    #deptTopNav .my-menu-highlight-header {font-weight: bold; font-size: 1.1em; margin-top: 4px; }



    /* TABS */

    #deptTopNav #my-menu-top-level li {
        float: left;
        position: relative;
        display: block;
        border-right: solid 1px #fff;
        background-color: #fff;
        margin: 0px;
        cursor: pointer;
        text-align: center;



    }

    /* #deptTopNav #my-menu-top-level li:last-child {

    } */

    #deptTopNav #my-menu-top-level a, #my-menu-top-level span.label {
        display: inline-block;
        /*width: 100%;*/
        color: #000;
        padding: 10px 5px 10px 18px;
        font-family: "Seattle Text",Arial;
	font-weight: bold;
	font-size: 1em;


    }

    #deptTopNav #my-menu-top-level .glyphicon {
	font-size: 16px;
	padding-right: 20px;

    }


    /* #deptTopNav #my-menu-top-level li.my-menu-active-tab {
        background: url('nav-arrow.png') 50% bottom no-repeat #f1f1f1;

    } */

    #deptTopNav #my-menu-top-level li.my-menu-active-tab span {
        color: #000;
    }



    /* PANES */

    #deptTopNav #my-menu .my-menu-sub-column {
        float: left;
        width: 20%;
    }



    #deptTopNav submenu {
        display: none;
        width: 100%;
        background-color: rgb(255, 255, 255);
	border-top: 1px solid rgb(204, 204, 204);

    }

    #deptTopNav .my-menu-sub-wrap {
        padding: 20px 10px 30px 10px;
        border-top: solid 1px #fff;
        display: block;
    }

    #deptTopNav .my-menu-active-sub {
        display: block;
        clear: both;

        position: relative;
        left: 0px;
        top: 0px;
        z-index: 1000;
    }

    #deptTopNav .clear:after {
        clear: both;
        content: "";
        display: table;
    }



    /* MENU ITEMS */
    /* #deptTopNav #my-menu .my-menu-item {
        font-family: verdana;
        font-size: 11px;
    } */


    #deptTopNav #my-menu .my-menu-sub-column a
    {
      /*  font-family: verdana;
        font-size: 11px;*/
        color: #000;
        background-image: none;
        margin: 0;
        padding: 0;
        height: auto;
        text-transform: none;
        line-height: 130%;
    }

    #deptTopNav #my-menu .my-menu-sub-column a:hover {
        text-decoration: underline;
        color: #000;
    }

    #deptTopNav #my-menu .my-menu-sub-column li {
        padding: 4px 0px 0px 10px;
        /*height: 22px;*/
        float: none;
        background-color: transparent;
        font-family: arial;
        font-size: 1em;
        padding: 4px 10px;
    }


    #deptTopNav #my-menu li.my-menu-item-bold {
        font-weight: bold;
        font-size: 1.1em;
    }

    #deptTopNav #my-menu .my-menu-sub-column li.my-menu-item-highlight {
        background-color: #fff;
    }

    #deptTopNav .my-menu-item-spacer {
        display: block;
        height: 16px;
    }



/************************************ PRESS RELEASE ***************************************/

#mainColMain #x62546 .feedTitleIconWrapper { display:none; }
#mainColMain #x62546 .rssItem { background-color: #fff; }





/************************************ FOOTER **********************************************/

#x28063 #x52738, #x52738 { padding: 0px; }

#arts-footer {
    width: 100%;
    background-color: #f4f4f4;
    margin-top: 30px;
}

#arts-footer ul {
    list-style: none;
    padding: 0 10px
}

#arts-footer li {
    padding-bottom: 6px;
    font-size: 1em;
    color: #000;
}

#arts-footer li a { color: #000; text-decoration: none; font-weight: normal; }
#arts-footer li a:hover { color: #000; text-decoration: underline; }
#arts-footer li.arts-footer-header a { font-weight: bold; font-size: 1.1em;}

#arts-footer-table { display: table; width: 100% }

.arts-footer-column {
    /*border-right: solid 1px #fff;*/
    width: 20%;
    vertical-align: top;
    display: table-cell;
    height: auto;
}

#arts-footer div:nth-child(6) {
    border-right: 0px;
}

#arts-footer-social {
    padding: 10px 0px 10px 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #fff;
}

#arts-footer-social a {
    font-size: 32px;
    margin-right: 20px;
}

#arts-footer-mission {
    padding:20px 0px;
    margin-top: 20px;
    text-align: center;
    border-top: solid 1px #fff;
    border-bottom: solid 10px #fff;
}

#arts-footer-logo-wrap {
    text-align: center;
    margin-bottom: 30px;
}

#featuredItemCaption { display: none; }

#arts-footer-caption {
    padding: 20px;
    text-align: center;
    text-align: left;
    margin-bottom: 10px;
}


/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Small device (phone) */
@media (max-width: 767px) {

    #arts-footer-table { display: block; }
    .arts-footer-column { display: inline-block; width: 49%;  text-align: center; border: 0px;}

    .arts-footer-menu li { display:none }
    .arts-footer-menu li.arts-footer-header { display:block }

    #arts-footer-contact { display: block; width: 100%;}

}





/********************************************* TO TOP BUTTON ***********************************************/

 .cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 10;
	/* image replacement properties
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap; */
	background-color: #e02e16;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
    }

    .cd-top span {position: relative; top: 15px; font-size: 2em; left: 18px; color: #fff;}
    .cd-top span:hover {color: #fff; text-decoration: none;}


    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
    }

    /* the button becomes visible */
    .cd-top.cd-is-visible { visibility: visible; opacity: 1; }

    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    .cd-top.cd-fade-out { opacity: .5; }
    .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }


    @media (min-width: 992px) {
       .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
    }

    @media (min-width: 768px) and (max-width: 991px) {
	.cd-top { right: 20px; bottom: 20px; }
	.cd-top span { top: 7px; left: 8px; }
    }


    /* Small device (phone) */
    @media (max-width: 767px) {
	.cd-top { display: none;}
    }








/* GENERIC CENTER BUTTON */
.arts-center-button {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #e02e16;
    padding: 6px 0px;
    cursor: pointer;
    margin: 30px auto;
    display: block;
    background-color: #232ec1;
    width: 300px;
}

#mainColMain .arts-center-button a {color: #fff; display: block; }
#mainColMain .arts-center-button a:hover {text-decoration: none;}






/* TOPIC ARCHOR MENU */



#mainColMain #arts-anchor-menu {
	margin-top: 0px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -75px;
}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 60px;
	z-index: 100;
	border-top: 0;
	margin:0px 0px 0px 0px;
}


#mainColMain #arts-anchor-menu-padding { height: 120px; }

#mainColMain #topic-anchor-menu {

	padding: 0px;
	text-align: center;
	width: 100%;

	/*height: 75px;*/
	margin: 0;
	background-color: #fff;
}

#mainColMain #topic-anchor-menu li  {
	display: inline-block;
	vertical-align: top;
	/*background-color: #f4f4f4;*/
	padding: 6px 0px;
	background-color: transparent;
}



#mainColMain #topic-anchor-menu li a {
	display: block;
	width: auto;
	/*padding: 20px 10px 0 10px;
	height: 110px;*/
	padding: 5px 0;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.3em;
	margin-right: 5px;
	font-family: "Seattle Text",Arial;
	font-size: 1.1em;
	font-weight: bold;
}

/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	#mainColMain #topic-anchor-menu li a { font-size: 13px; }
}





#mainColMain #topic-anchor-menu li span.glyphicon-chevron-right { top: 2px; left: 3px; }
#mainColMain #topic-anchor-menu li a.topic-menu-active { background-color: #e02e16; color: #fff; }

.anchor-menu-arrow {
	display: none;
}

.anchor-menu-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

height: 0px;
}

.expand {height: 10px;}




/* CONTACT INFO */
.arts-page-contact {
	background-color: #f4f4f4;
	padding: 10px 0%;
	margin: 20px 0px;
	text-align: center;
}

.arts-page-contact-header {
	line-height: 100%;
	color: #e02e16;
	display: inline-block;
	padding: 0px;
	margin: 0px 40px 0px 0px;
	vertical-align: middle;
	font-family: "Seattle Text",Arial;
	font-weight: bold;
	font-size: 2.8em;

}

.arts-page-contact-info {
	display: inline-block;
	vertical-align: middle;

}

.arts-page-contact-info-item {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	margin: 0px 40px 0px 0px;
	text-align: left;
	vertical-align: top;
}

.arts-page-contact-photo {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}








.arts-social-icon { display: inline-block; margin: 0px 2%;  }
.arts-social-icon div { font-weight: bold; margin-bottom: 15px; }




/* PAGE TOPIC TAGS */
#mainColMain .page-topics {margin: 20px 0; background-color: #f4f4f4; padding: 20px;}
#mainColMain .page-topics h3 {display: inline-block; margin: 3px 10px 0 0;}
#mainColMain .page-topics p {background-color: #ccc; display: inline-block; font-size: 1em; border-radius: 10px; margin: 3px 0px 0px 5px; padding: 3px 15px; vertical-align: top;}




/* ACCORDIONS */
#mainColMain .ui-accordion .ui-accordion-header {  font-size: 1.4em; }/*padding: 0.3em 0 0.2em 1.75em;*/
#mainColMain .ui-accordion .ui-accordion-header button {color: #232ec1; font-weight: bold; padding: 0.3em 0 0.2em .25em; }
#mainColMain .ui-accordion .ui-accordion-header.active:hover, #mainColMain .ui-accordion .ui-accordion-header.ui-state-active { background: #eee; }
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ccc; }*/
#mainColMain .MainColumnAccordionListComponent {margin-bottom: 40px;}
#mainColMain .ui-accordion .ui-accordion-content {padding: 20px;}

.MainColumnAccordionListComponent h2 {
    display: none;
}



/* TABS */
#tabs { border: 1px solid #AAA; padding: 10px; margin-bottom: 40px;}
#tabs li h4 { color: #232ec1; font-size: 1.1em;}
#tabs li.ui-tabs-active {background-color: #fff;}
#tabs li.ui-tabs-active h4 { color: #e02e16;}
#tabs .ui-tabs-panel { padding: 1em 1em 0em 1em;}
#tabs .ui-tabs, #tabs .ui-tabs-nav li { float: none; display: inline-block; }






/* TAXONOMY TOPIC NAV Standard (2 items across) */




#mainColMain div.thumbnailExcerpt img { padding-right: 0px; }
#mainColMain .mainColumnTax { text-align: center; }
.mainColumnTax .titleExcerpt {text-align: left; }
.mainColumnTax .thumnbnailExcerptImg { max-width: 100%; margin-bottom: 20px; }

.mainColumnTax div.thumbnailExcerpt.clearfix {
    /*float: left;
    clear: right;
    padding: 5px 20px 5px 0px;*/

    /*display: inline-block;
    vertical-align: top;

    margin-bottom: 10px;
    */

    width: 49.5%;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
}

#mainColMain .mainColumnTax h2{ font-size: 1.5em; line-height: 1.2em; }
#mainColMain .titleExcerptText{ font-size: 1.1em; margin-top: 8px; }

.seaCarouselItem a { font-size: 1.1em; line-height: 1.2em; }
.carouselExcerpt { margin-top: 8px; }
.slickCarousel .seaCarouselItem { padding: 5px; }

#x55301 .slickCarousel .seaCarouselItem { padding: 50px; }

@media (min-width: 1280px) {
	.mainColumnTax div.thumbnailExcerpt.clearfix { width: 47%; }
}





/* TAXONOMY TOPIC NAV exception (1 item across) */
@media (min-width: 768px) {

	/*#x52813 .thumbnailExcerpt {width: 700px; } #x52813 .mainColumnTax {text-align: center; } 	 Spacefinder */
	/*#x52957 .thumbnailExcerpt {width: 700px; } #x52957 .mainColumnTax {text-align: center; } 	 Arts & Cultural Districts */
	/*#x52825 .thumbnailExcerpt {width: 700px; } #x52825 .mainColumnTax {text-align: center; }	 Inventory */
	/*#x54581 .thumbnailExcerpt {width: 700px; } #x54581 .mainColumnTax {text-align: center; } 	 Creative Advantage

	#x54496 + div .thumbnailExcerpt {width: 700px;}*/


	/* Programs */
	/*#x54996 .thumbnailExcerpt {width: 700px; } #x54996 .mainColumnTax {text-align: center; } 	 Public Art */
	/*#x55000 .thumbnailExcerpt {width: 700px; } #x55000 .mainColumnTax {text-align: center; }	 Equity */
	/*#x54999 .thumbnailExcerpt {width: 700px; } #x54999 .mainColumnTax {text-align: center; }	 Youth */
	/*#x54997 .thumbnailExcerpt {width: 700px; } #x54997 .mainColumnTax {text-align: center; }	 Space */
	/*#x56022 .thumbnailExcerpt {width: 700px; } #x56022 .mainColumnTax {text-align: center; } 	 PD */
	/*#x55005 .thumbnailExcerpt {width: 700px; } #x55005 .mainColumnTax {text-align: center; } 	 MAA */
	/*#x56020 .thumbnailExcerpt {width: 700px; } #x56020 .mainColumnTax {text-align: center; } 	 LHPAI */

	/* For Organizations */
	/*#x55136 .thumbnailExcerpt {width: 700px; } #x55136 .mainColumnTax {text-align: center; } 	 Equity */
	/*#x55682 .thumbnailExcerpt {width: 700px; } #x55682 .mainColumnTax {text-align: center; } 	 Space */

	/* For Artists */
	/*#x55037 .thumbnailExcerpt {width: 700px; } #x55037 .mainColumnTax {text-align: center; } 	 Calls */
	/*#x55138 .thumbnailExcerpt {width: 700px; } #x55138 .mainColumnTax {text-align: center; } 	 PD */
	/*#x55681 .thumbnailExcerpt {width: 700px; } #x55681 .mainColumnTax {text-align: center; } 	 Space */

	/* For Artists */
	/*#x55161 .thumbnailExcerpt {width: 700px; } #x55161 .mainColumnTax {text-align: center; } 	 Calls */

	/* About */
	/*#x56498 .thumbnailExcerpt {width: 700px; } #x56498 .mainColumnTax {text-align: center; } 	 Report */

	/* Public Art */
	/*#x55174 .thumbnailExcerpt {width: 700px; } #x55174 .mainColumnTax {text-align: center; } 	 Waterfront */
	/* #x56667 .thumbnailExcerpt {width: 700px; } #x56667 .mainColumnTax {text-align: center; } 	Neighborhood */





}



/*#x52825 .mainColumnTax h2 { font-size: 2em; }
#x52957 .mainColumnTax h2 { font-size: 2em; }
#x52813 .mainColumnTax h2 { font-size: 2em; }*/




/* TAXONOMY - POPULAR PAGES */
#x54774 ~ .MainColumnTaxonomyComponent {margin-bottom: 40px}
#x54774 ~ .MainColumnTaxonomyComponent img {display: none;}
#x54774 ~ .MainColumnTaxonomyComponent h2 {font-size: 1.4em;}
#x54774 ~ .MainColumnTaxonomyComponent .thumbnailExcerpt  {width: 100%; padding: 0 0 30px 0;}




/* TAXONOMY - RELATED CONTENT */
#x54152 { margin: 20px 0 0px 0; }
#x54152 ~ .MainColumnXHTMLCopyComponent h5, #x54152 ~ .MainColumnXHTMLCopyComponent div.h5 { font-size: 2em; text-align: left; margin-top: 0px; }
#x54152 ~ .MainColumnTaxonomyComponent h2.taxonomyTitle { display: none; }
#x54152 ~ .MainColumnTaxonomyComponent {margin: 0 0 40px 0; }
#x54152 ~ .MainColumnTaxonomyComponent .mainColumnTax { text-align: left; }
#x54152 ~ .MainColumnTaxonomyComponent .thumbnailExcerpt { width: 100%; display: block; padding: 0px; }
#x54152 ~ .MainColumnTaxonomyComponent .thumnbnailExcerptImg { max-width: 40%; margin-right: 30px; }

#mainColMain #x54152 ~ .MainColumnTaxonomyComponent .mainColumnTax h2 {font-size: 1.4em;}
#mainColMain #x54152 ~ .MainColumnTaxonomyComponent .titleExcerptText {font-size: 1em;}




/* TAXONOMY - OTHER GALLERIES */
#x54556 { margin: 20px 0 40px 0; }
#x54556 ~ .MainColumnXHTMLCopyComponent h5 { font-size: 2.4em; text-align: left; margin-top: 0px; }
#x54556 ~ .MainColumnTaxonomyComponent h2.taxonomyTitle { display: none; }
#x54556 ~ .MainColumnTaxonomyComponent {margin: 0 0 40px 0; }
#x54556 ~ .MainColumnTaxonomyComponent .mainColumnTax { text-align: left; }
#x54556 ~ .MainColumnTaxonomyComponent .thumbnailExcerpt { width: 100%; display: block; padding: 0px; }
#x54556 ~ .MainColumnTaxonomyComponent .thumnbnailExcerptImg { max-width: 40%; margin-right: 30px; }

#mainColMain #x54556 ~ .MainColumnTaxonomyComponent .mainColumnTax h2 {font-size: 1.4em;}
#mainColMain #x54556 ~ .MainColumnTaxonomyComponent .titleExcerptText {font-size: 1em;}



/* Small device (phone) */
@media (max-width: 767px) {
	#x54152 { display: none; }
	#x54152 ~ .MainColumnXHTMLCopyComponent { display: none; }
	#x54152 ~ .MainColumnTaxonomyComponent { display: none; }

	#x54556 { display: none; }
	#x54556 ~ .MainColumnXHTMLCopyComponent { display: none; }
	#x54556 ~ .MainColumnTaxonomyComponent { display: none; }
}




/* What's New Taxonomy */
#mainColMain #x53040 {margin-right: 0%; margin-left: 0%;}
#mainColMain #x53040 .mainColumnTax { text-align: center; }
#mainColMain #x53040 .thumbnailExcerpt {width: 32%; float: none; display: inline-block; vertical-align: top;}
#mainColMain #x53040 h2 { font-size: 1.4em; }

/* Small device (phone) */
@media (max-width: 767px) {
	#mainColMain #x53040 {margin-bottom: 30px; }
	#mainColMain #x53040 .thumbnailExcerpt { display: block; width: 100%; padding: 0 0 5px 0;}
	#mainColMain #x53040 h2 { font-size: 1.1em; }
	#mainColMain #x53040 h2::before { content: "\2022 "; }
}




/* GALLERY PAGES */

/* Custom page titles */
#x54498, #x54497, #x54504, #x54549, #x78705 { position: relative; text-align: center;}
#x54498 h1, #x54497 h1, #x54504 h1, #x54549 h1, #x78705 h1 {color: #FFF; display: block; position: absolute; width: 100%; left: 0px;}


#mainColMain h5.exhibition-title {margin-top: 20px; font-style: italic;}
#mainColMain p.exhibition-date {font-weight: bold; text-align: center; font-size: 1.2em}


/* Extra Large display */
@media (min-width: 1280px) {
	#x54498 h1, #x54497 h1, #x54504 h1, #x54549 h1, #x78705 h1 { font-size: 5.5em; top: -175px; }
}

/* Large devices (tablet, 992px to 1279px) */
@media (min-width: 992px) and (max-width: 1279px) {
	#x54498 h1, #x54497 h1, #x54504 h1, #x54549 h1, #x78705 h1  { font-size: 4.5em; top: -145px; }
}

/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	#x54498 h1, #x54497 h1, #x54504 h1, #x54549 h1, #x78705 h1  { font-size: 3.5em; top: -125px; }
}

/* Small device (phone) */
@media (max-width: 767px) {

	#x54498, #x54497, #x54504, #x54549, #x78705 { padding: 0px; margin: 0px;}
	#mainColMain #x54498 h1, #mainColMain #x54497 h1, #mainColMain #x54504 h1, #mainColMain #x54549 h1, #mainColMain #x56799 h1, #mainColMain #x78705 h1
	{ background-color: #000; padding: 10px 0px; top: 0px; position: relative; font-size: 2em; margin: 0px; }


	/* Current */
	#x54352 #x54493 .thumbnailExcerpt, #x54352 #x54361 .thumbnailExcerpt, #x54352 #x54528 .thumbnailExcerpt,
	#x54546 .thumbnailExcerpt, #x54554 .thumbnailExcerpt {width: 700px;}

	#mainColMain #x54493.MainColumnTaxonomyComponent,  #mainColMain #x54361.MainColumnTaxonomyComponent,
	#mainColMain #x54528.MainColumnTaxonomyComponent,  #mainColMain #x54546.MainColumnTaxonomyComponent,
	#mainColMain #x54554.MainColumnTaxonomyComponent { text-align: center; }


	/* Upcoming */
	#x54494 .mainColumnTax, #x54488 .mainColumnTax, #x54529 .mainColumnTax {text-align: center}

	/* Past */
	#x54495 .thumbnailExcerpt, #x54489 .thumbnailExcerpt, #x54530 .thumbnailExcerpt {width: 32%;}
}


/* Headers for exhibitions */
#x54352 #x54493 .taxonomyTitle, #x54352 #x54494 .taxonomyTitle, #x54352 #x54495 .taxonomyTitle,		/* City Hall */
#x54352 #x54361 .taxonomyTitle, #x54352 #x54488 .taxonomyTitle, #x54352 #x54489 .taxonomyTitle,		/* SMT */
#x54352 #x54528 .taxonomyTitle, #x54352 #x54529 .taxonomyTitle, #x54352 #x54530 .taxonomyTitle		/* Seattle Presnets */
{font-size: 2.5em; margin-top: 20px;}

/* Creative Youth page */

#x54566 #x54581 .mainColumnTax, #x54566 #x57074 .mainColumnTax { text-align: center; }
#x54566 #x54581 .thumbnailExcerpt, #x54566 #x57074 .thumbnailExcerpt { width: 700px; }


/*#x54493 .taxonomyTitle, #x54494 .taxonomyTitle, #x54495 .taxonomyTitle,		 City Hall */
/* #x54361 .taxonomyTitle, #x54488 .taxonomyTitle, #x54489 .taxonomyTitle,		SMT */
/* #x54528 .taxonomyTitle, #x54529 .taxonomyTitle, #x54530 .taxonomyTitle		Seattle Presnets
{display: none;}*/


/* Galleries page Headers H5
#x54352 #x54509, #x54352 #x54496 {clear: none; width: 49%; display: inline-block; padding: 0;}
#x54352 #x54509 h5, #x54352 #x54496 h5, #x54352 #x54508 h5 {font-size: 2.5em; display: none;}*/


/* Current and Upcoming Tax lists
#x54352 #x54493, #x54352 #x54494,
#x54352 #x54361, #x54352 #x54488,
#x54352 #x54528, #x54352 #x54529
{clear: none; width: 49%; display: inline-block; padding: 0;}

#x54352 #x54493 div.thumbnailExcerpt, #x54352 #x54494 div.thumbnailExcerpt,
#x54352 #x54361 div.thumbnailExcerpt, #x54352 #x54488 div.thumbnailExcerpt,
#x54352 #x54528 div.thumbnailExcerpt, #x54352 #x54529 div.thumbnailExcerpt
{width: 100%}
*/


/* Past Tax list
#x54352 #x54495 div.thumbnailExcerpt, #x54352 #x54489 div.thumbnailExcerpt, #x54352 #x54530 div.thumbnailExcerpt {}

*/







/* BLOG FEED */
#mainColMain .CityLinkRSSComponent .feedContainer { border: 0px; margin: 20px 0px; }
#mainColMain .CityLinkRSSComponent h2 {font-size: 1.6em; }
#mainColMain .CityLinkRSSComponent .rssItem {background-color: #f4f4f4; margin: 10px 0; padding: 10px 20px;}
#mainColMain .CityLinkRSSComponent .rssTitle {font-size: 1.1em; font-weight: bold;}
#mainColMain .CityLinkRSSComponent .rssDate {font-size: 1em;}




/* EVENT FEED */

#mainColMain .arts-event-title { font-weight: bold; margin-top: 20px; font-size: 1.3em;}
#mainColMain .arts-event-content { border-bottom: 1px solid #ADADAD; padding-bottom: 20px; }





/* OPPS UI */

/* More button */
#x54663 {margin-top: 20px; }


exp, .exp { display: none; }
cats, .cats { display: none; }
cat, .cat { background-color: #f4f4f4; font-weight: bold; padding: 2px 8px; font-size: 10px; color: #555; margin-right: 6px; display: inline-block;}

cat.artist:before, .cat.artist:before {content: "Artist";}
cat.ind:before, .cat.ind:before {content: "Individual";}
cat.teach:before, .cat.teach:before {content: "Teaching Artist";}
cat.org:before, .cat.org:before {content: "Organization";}
cat.group:before, .cat.group:before {content: "Community Group";}
cat.youth:before, .cat.youth:before {content: "Youth";}

cat.call:before, .cat.call:before {content: "Call";}
cat.grant:before, .cat.grant:before {content: "Grant/Funding";}
cat.dev:before, .cat.dev:before {content: "Professional Development";}
cat.equity:before, .cat.equity:before {content: "Equity";}
cat.services:before, .cat.services:before {content: "Services";}
cat.workshop:before, .cat.workshop:before {content: "Workshop";}
cat.ft:before,.cat.ft:before {content: "Job";}
cat.pt:before, .cat.pt:before {content: "Job";}
cat.freelance:before,.cat.freelance:before {content: "Freelance";}
cat.intern:before, .cat.intern:before {content: "Internship";}
cat.volunteer:before, .cat.volunteer:before {content: "Volunteer";}
cat.other:before, .cat.other:before {content: "Other";}

cat.oac, .cat.oac { background-color: #232ec1; color: #fff; }
cat.oac:before, .cat.oac:before {content: "Office of Arts & Culture";}

.opp-link { padding-bottom: 15px; }

#mainColMain .opp-link a {
    text-transform: none;
    font-family: arial;
    font-weight: bold;
    color: #232ec1;
    text-decoration: none;
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 20px 0;
}

.opp-header {
    margin: 0px 0 20px;
}
.opp-header .glyphicon {
    padding-right: 4px;
    font-size: .9em;
}

.opp-body {
    padding: 30px;
    background-color: #f1f1f1;
}

.opp-org {
    font-weight: bold;
    font-size: 1.2em;
}

.opp {
    padding: 20px;
}


/* Opportunity lists */

/* Main list */
#x53279 .thumbnailExcerpt {width: 100%; } #x53279 .mainColumnTax {text-align: center; } #x53279 .thumnbnailExcerptImg { display: none; }

/* Sub lists */
#x56157 .thumbnailExcerpt {width: 100%; } #x56157 .mainColumnTax {text-align: center; }
#x56157 .thumnbnailExcerptImg { display: none; } #x56157 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}

#x56158 .thumbnailExcerpt {width: 100%; } #x56158 .mainColumnTax {text-align: center; }
#x56158 .thumnbnailExcerptImg { display: none; } #x56158 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}

#x56858 .thumbnailExcerpt {width: 100%; } #x56858 .mainColumnTax {text-align: center; }
#x56858 .thumnbnailExcerptImg { display: none; } #x56858 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}

#x57339 .thumbnailExcerpt {width: 100%; } #x57339 .mainColumnTax {text-align: center; }
#x57339 .thumnbnailExcerptImg { display: none; } #x57339 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}

#x57340 .thumbnailExcerpt {width: 100%; } #x57340 .mainColumnTax {text-align: center; }
#x57340 .thumnbnailExcerptImg { display: none; } #x57340 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}

#x57272 .thumbnailExcerpt {width: 100%; } #x57272 .mainColumnTax {text-align: center; }
#x57272 .thumnbnailExcerptImg { display: none; } #x57272 .thumbnailExcerpt:nth-of-type(1n+5) {display: none;}


#x53279 cats, #x53279 .cats,
#x56157 cats, #x56157 .cats,
#x56158 cats, #x56158 .cats,
#x56858 cats, #x56858 .cats,
#x57339 cats, #x57339 .cats,
#x57340 cats, #x57340 .cats,
#x57272 cats, #x57272 .cats,
#x81580 .cats
{display: block; margin-top: 15px;}

/* Related content Opps */
#x54152 ~ .MainColumnTaxonomyComponent cats, #x54152 ~ .MainColumnTaxonomyComponent .cats { margin-bottom: 30px; }
#x57344 ~ div .opp:nth-of-type(1n+5) {display: none;}



/*
#x53279 .mainColumnTax .thumbnailExcerpt,
#x56157 .mainColumnTax .thumbnailExcerpt,
#x56158 .mainColumnTax .thumbnailExcerpt
{ width: 96%; border-bottom: solid 1px #adadad; padding: 20px 0; margin: 0 15px; padding: 20px 20px; float: none; }


#x53279 .mainColumnTax .thumbnailExcerpt:last-child,
#x56157 .mainColumnTax .thumbnailExcerpt:last-child,
#x56158 .mainColumnTax .thumbnailExcerpt:last-child
{border-bottom: 0px; margin-bottom: 30px;}

#x53279 .mainColumnTax h2,
#x56157 .mainColumnTax h2,
#x56158 .mainColumnTax h2
{ font-size: 1.2em; }

#x53279 .mainColumnTax h2 a,
#x56157 .mainColumnTax h2 a,
#x56158 .mainColumnTax h2 a
{ color: #232EC1; text-transform: none; font-family: arial; font-weight: bold; }

#x53279 .mainColumnTax h2 a:hover,
#x56157 .mainColumnTax h2 a:hover,
#x56158 .mainColumnTax h2 a:hover
{ color: #e02e16; }

#x53279 .mainColumnTax .thumnbnailExcerptImg,
#x56157 .mainColumnTax .thumnbnailExcerptImg,
#x56158 .mainColumnTax .thumnbnailExcerptImg
{ display: none; }

#x53279 .mainColumnTax .titleDateContainer,
#x56157 .mainColumnTax .titleDateContainer,
#x56158 .mainColumnTax .titleDateContainer
{ min-height: 20px; }
*/

#mainColMain h1#opp-page-header {color: #FFF; display: block; left: 0; position: absolute; width: 100%;  margin: 0; text-align: center;}


/* Extra Large display */
@media (min-width: 1280px) {
	#mainColMain h1#opp-page-header { font-size: 5.5em; top: 220px; }
}

/* Large devices (tablet, 992px to 1279px) */
@media (min-width: 992px) and (max-width: 1279px) {
	#mainColMain h1#opp-page-header { font-size: 4.5em; top: 160px; }
}


/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	#mainColMain h1#opp-page-header { font-size: 3.5em; top: 125px; }
}








#more-opps-button {margin: 0px auto 90px auto;}






/* Small device (phone) */
@media (max-width: 767px) {

	#x53279 .mainColumnTax .thumbnailExcerpt,
	#x56157 .mainColumnTax .thumbnailExcerpt,
	#x56158 .mainColumnTax .thumbnailExcerpt
	{ width: 100%; padding: 20px 0; margin: 0px; }

	#x53279 .mainColumnTax  div.thumbnailExcerpt img,
	#x56157 .mainColumnTax  div.thumbnailExcerpt img,
	#x56158 .mainColumnTax  div.thumbnailExcerpt img
	{ display: none; }

}


#opp-radio-menu { text-align: center; }
#opp-radio-reset { margin: 0px auto 60px; }
#mainColMain #opp-count{ text-align: center; padding: 10px 0 5px 0; background-color: #f4f4f4; margin: 0 15px; font-size: 2.2em; }
.opp-radio-column { width: 30%; display: inline-block; vertical-align: top; text-align: left;padding-bottom: 10px; margin-bottom: 30px;clear:both; }
#opp-audience { margin-right: 30px; }
.opp-category-header { font-size: 1.1em; font-weight: bold; }



#opp-select-menu { display: none; text-align: center; }

.opp-select-column {

}

.opp-select-label { font-weight: bold; font-size: 1.2em; margin-top: 20px; }
.opp-select { font-size: 1.2em; }

/* Small device (phone) */
@media (max-width: 767px) {
    #opp-radio-menu { display: none; }
    #opp-select-menu { display: block; }



}



label {
  width: 90%;
  border-radius: 4px;
  border: 1px solid #D1D3D4
}

/* hide input */
input.radio:empty {
	margin-left: -9999px;
	display: none;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	/*line-height: 2.2em;
	text-indent: 2.7em;*/
	margin-top: .5em;
	padding: 4px 0px 4px 30px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.2em;
	background: #D1D3D4;
	padding-top: 4px;
	/*border-radius: 2px 0 0 2px;*/
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .7em;
	color: #666;
}

input.radio:hover:not(:checked) ~ label {
	/*color: #666;*/

}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .7em;
	color: #fff;
	background-color: #232ec1;
	border-radius: 4px 0 0 4px;
}

input.radio:checked ~ label {
	/*color: #777;*/
	font-weight: bold;
}

/* radio focus */
input.radio:focus ~ label:before {
	/*box-shadow: 0 0 0 2px #999;*/
}




/* Opportunities Page */


#x53278 { margin: 20px 0; }
#mainColMain #x53278 p { width: 65%; display: inline-block; }
#x53278 #opp-submit { width: 25%; display: inline-block; vertical-align: top; margin: 0px 0px 0px 50px;  }


/* Small device (phone) */
@media (max-width: 767px) {
	#mainColMain #x53278 p { width: 100%; }
	#x53278 #opp-submit { width: 300px; height: auto; padding-top: 5px; margin: 0 auto; display: block; }
}



#mainColMain .opp-title {
    padding-top: 40px;
    font-size: 2.5em;
    font-family: "Seattle Text",Arial,sans-serif;
    line-height: 100%;
    color: #e02e16;
    font-weight: bold;
}

#mainColMain .opp-detail-header {font-size: 1.2em;
font-weight: bold;
margin-bottom: 0px;}

#mainColMain .opp-detail-text {}

#mainColMain .opp-description {}

#mainColMain .opp-how-apply {}








/* Create more room for body text */
div.padTop, div.span {
    padding-left: 30px;
    padding-right: 30px;

}

/* Extend blocks cross main column */
#x52439, #x30885 {
    padding-left: 0px;
    padding-right: 0px;
}









#x53200 ~ div.MainColumnXHTMLCopyComponent { }





/* GRANT LIST */

#x54593 .thumbnailExcerpt {display: block;}
.MainColumnXHTMLCopyComponent .mainColumnTax div.thumbnailExcerpt.clearfix  { padding: 20px 0 20px 0; margin-right: 40px; }
.grant-category {margin: 17px 20px 0 20px; display: inline-block; vertical-align: top; min-width: 60px; text-align: center;}
.grant-category:last-child {margin-right: 0px;}
.grant-category-spacer {width: 475px; display: inline-block;}
.grant-detail {

	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 15px 0 0 0;
	text-align: center;
	margin-top: 5px;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: .9em;
	background: none repeat scroll 0% 0% #666;
}
.grant-detail.link:hover { background-color: #e02e16; }
#mainColMain .grant-detail a {
	color: #fff;
	position: relative;
	height: 60px;
	width: 60px;
	display: block;
	padding-top: 22px;
	top: -20px;
	vertical-align: middle;
	border-radius: 50%;
}
#mainColMain .grant-detail a:hover { color: #fff; text-decoration: none; }


.one-line {padding-top: 22px;}
#mainColMain .one-line a { padding-top: 20px }
.orange-dot {background-color: #e02e16; }



/* Small device (phone) */
@media (max-width: 767px) {

	.grant-category {display: none;}



}



/* for demo
#x29495 #x53279 div.thumbnailExcerpt:nth-child(4), #x54566 #x53279 div.thumbnailExcerpt:nth-child(4),
#x29495 #x53279 div.thumbnailExcerpt:nth-child(8), #x54566 #x53279 div.thumbnailExcerpt:nth-child(8),
#x29495 #x53279 div.thumbnailExcerpt:nth-child(9), #x54566 #x53279 div.thumbnailExcerpt:nth-child(9),
#x29495 #x53279 div.thumbnailExcerpt:nth-child(10), #x54566 #x53279 div.thumbnailExcerpt:nth-child(10)
{display: none;}*/




.grant-application {text-align: center; background-color: #f4f4f4; margin-bottom: 10px; display:table; width: 100%}
.grant-application-panel {
	width: 33%;
	display: table-cell;
	vertical-align: top;
	padding: 20px 0;
	height: auto;
}

.grant-application-panel:nth-child(2) {
	border-left: solid 10px #fff;
	border-right: solid 10px #fff;
	padding-left: 10px;
	padding-right: 10px;
	/*width: 40%;*/
}

.grant-panel-detail { margin: 15px 0px; padding: 0 20px; font-size: 1.1em;}
.panel-large-text {font-size: 1.2em;}
.panel-align-left {text-align: left;}
.panel-one-column {width: 100%}
.panel-two-column, .grant-application-panel.panel-two-column:nth-child(2) {width: 49%; border-right: 0px;}
.grant-panel-detail.pdf {text-align: left; padding-bottom: 0px; padding-top: 0px; }


/* Small device (phone) */
@media (max-width: 767px) {

	.grant-application-panel, .panel-two-column, .grant-application-panel.panel-two-column:nth-child(2) { width: 100%; display: block; padding: 10px 0; }
	.panel-large-text {font-size: 1.1em;}
	.grant-panel-detail { font-size: 1.0em; margin: 10px 0px;}
	#mainColMain .grant-application-panel h3 {font-size: 2.4em;}

	.grant-application-panel:nth-child(2) {
		border-top: solid 10px #fff;
		border-bottom: solid 10px #fff;
		border-left: 0px;
		border-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
}



/* MAYOR'S ARTS AWARDS */
#mainColMain .maa_ul { margin-top: 40px; }
#mainColMain .maa_ul iframe, #mainColMain #x56439 iframe { width: auto; }
#mainColMain .maa_li { list-style-type: none; margin-bottom: 40px; font-size: 1.0em; }
#mainColMain .accords .maa_li h3 { font-size: 18px; font-family: arial; font-weight: bold; text-transform: none; color: #000; margin-bottom: 10px; }






/* FUNDED PARTNER TABLE */

.p_table { border-bottom: solid 1px #ADADAD;}
.p_table:last-child, .p_table_no_border { border-bottom: 0px; }
.p_table a { font-weight: bold; }
.cell_right { width: 15%; text-align: right; padding: 6px 0; margin: 6px 0; display:inline-block; }
.cell_left { width: 84%; padding: 6px 0; margin: 6px 0; display:inline-block; }


.p_table a:hover { color: #e02e16; text-decoration: underline; }



/* TEMPORARY PUBLIC ART PROJECTS */

.temp-thumb-photo {display: inline-block; padding: 20px 20px 20px 0;}



/* STAFF */


.staff_left {
	margin: 0 0 30px 0;
	padding: 30px;
	clear: both;
	background-color: #f0f0f0;
	width: 100%;
	font-size: 1.1em;
}


.staff_photo {
	display: inline-block;
	width: 30%;
	margin-right: 20px;
	vertical-align: top;
}

.staff_photo img {
	margin-bottom: 10px;

}

.staff_photo a {
	line-height: 16px;
}


.staff_bio {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}

.staff_heading {
	padding: 20px 0 10px 0;
	border-top: solid 1px #adadad;
	clear: both;
}

.staff_no_image {
    width: 150px;
    height: 150px;
    background-color: #e0e0e0;
}



/* TAXONOMY - HOMEPAGE */
#x28063 #mainColMain .MainColumnXHTMLCopyComponent h5 { font-size: 2.4em; text-align: left; margin-top: 0px; }
#x28063 #mainColMain .MainColumnTaxonomyComponent h2.taxonomyTitle { margin: 0px 0px 40px 0px; }
#x28063 #mainColMain .MainColumnTaxonomyComponent {margin: 0 0 40px 0; }
#x28063 #mainColMain .MainColumnTaxonomyComponent .mainColumnTax { text-align: left; }
#x28063 #mainColMain .MainColumnTaxonomyComponent .thumbnailExcerpt { width: 100%; display: block; padding: 0px 0px 30px 0; }
#x28063 #mainColMain .MainColumnTaxonomyComponent .thumnbnailExcerptImg { max-width: 40%; margin-right: 30px; }





/*
#mainColMain #x54152 ~ .MainColumnTaxonomyComponent .mainColumnTax h2 {font-size: 1.4em;}
#mainColMain #x54152 ~ .MainColumnTaxonomyComponent .titleExcerptText {font-size: 1.1em;}
*/




/* EMAIL WIDGET
#x52941 { padding: 0px; margin: 30px 0; }*/
#arts-email-signup { margin: 40px 0; text-align: center; }
#arts-email-signup h2 { font: bold 2em "Seattle Text",Arial,sans-serif; color: #FFF;  vertical-align: top; margin: 7px 2% 0 0; display: inline-block; }
#arts-email-form { padding: 20px; background-color: #232ec1; color: #fff; }
#arts-email-address { vertical-align: top; display: inline-block; }
#arts-email-address input {width: 220px;}
#arts-email-signup input{ color: #000; margin-top: 5px; font-size: 16px; }
#arts-email-signup button{ color: #fff; background-color: #e02e16; border: 0px; font: bold 15px arial; text-transform: uppercase; padding: 4px 20px 3px 20px; }



/* Small device (phone) */
@media (max-width: 767px) {
	#arts-email-signup h2, #arts-email-address {display: block;}
	#arts-email-signup h2 { font-size: 2.2em; margin: 0 0 10px 0;}
	#arts-email-signup input { font-size: 0.9em; margin-bottom: 20px}

}


/******************************************* DASHBOARD *************************************************/

#arts-dashboard {
	width: 100%;
	text-align: center;
	margin: 20px 0 40px 0px;
    }

    .dashboard-category {
	display: inline-block;
	margin-right: 16px;
    }

    #dashboard-what {
	background: url('/../../Images/Departments/Arts/Dashboard/label-what.png') no-repeat 0 5px;
	padding-left: 30px;
    }

    #dashboard-when {
	background: url('/../../Images/Departments/Arts/Dashboard/label-when.png') no-repeat 0 5px;
	padding-left: 30px;
    }

    #dashboard-who {
	background: url('/../../Images/Departments/Arts/Dashboard/label-who.png') no-repeat 0 5px;
	padding-left: 30px;
    }

    #dashboard-how {
	background: url('/../../Images/Departments/Arts/Dashboard/label-how.png') no-repeat 0 5px;
	padding-left: 30px;
    }



    .circle {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	/* width and height can be anything, as long as they're equal */
	background: none repeat scroll 0% 0% #666;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
    }

    .circle:hover { background-color: #f74f44; }
    .no-link, .no-link-orange { cursor: default; }
    .circle.no-link:hover { background-color: #666; }
    .circle.no-link-orange:hover { background-color: #f74f44; }

    .open-now {
	background-color: #f74f44;

    }

    .circle-text {
	font-family: arial;

	font-weight: bold;
	font-size: 1.1em;
	/*line-height: 1.15em;*/
	color: #fff;
	position: absolute;
	top: 33%;
	text-align:center;
	width: 60px;
	height: 60px;
    }

    .circle-text-medium { font-size: 1.1em; }
    .circle-text-small { font-size: 1em; }
    .circle-text-two-lines { top: 25%; line-height: 1.2em; }
    .circle-text-x-small { font-size: .9em; }
    .circle-text-x-small.circle-text-two-lines { top: 25%; }






/*************************************** ELIGIBILITY & Event WIDGET **********************************************/

#x52942, #x66616 {  margin-top: 60px; } /*padding: 0px;*/
#arts-eligiblity { margin-bottom: 20px; }
#arts-eligiblity-main-form { text-align: center;  background-color: #232ec1; color: #fff; font: 1em  Arial, sans-serif; padding: 20px 0; }
#arts-eligiblity h2 { width: 100%; font-size: 2.5em; margin: 0; padding: 0; color: #FFF; }
#arts-eligiblity-subhead { font-size:  1.3em; }
#arts-eligiblity-prompt { font-size: 2em; color: #fff; text-transform: uppercase; }
#arts-eligiblity-type { min-width: 40%; background-color: #fff; border: 0px; color: #555; font-size: 1.5em; overflow: hidden; padding: 4px 10px 4px 10px; white-space: nowrap; display: inline-block; margin: 20px 0 5px 0; }
#arts-eligiblity-button, #arts-event-button { font-size: 1.5em; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; background-color: #e02e16; padding: 5px 30px; cursor: pointer; margin: 0 auto; display: inline-block;  }
#arts-eligiblity-close-button, #arts-event-close-button { display: none;  margin: 0 auto 30px auto; }
#arts-eligiblity-secondary-form { padding: 30px 0; }
#arts-eligiblity-secondary-form h2 { font-size: 1.4em; margin: 0; padding: 0 0 0 30px; }
#arts-eligiblity-secondary-form p { font-size: 1.1em; padding: 4px 0 20px 30px; border-bottom: solid 10px #f4f4f4; margin-bottom: 20px; }
#x56046 #tabs-eligibility>ul, #x56046 #tabs-1-eligibility, #x56046 #tabs-2-eligibility, #x56046 #tabs-3-eligibility, #x56046 #tabs-4-eligibility, #x66625 #tabs>ul, #x66625 #tabs-1, #x66625 #tabs-2, #x66625 #tabs-3, #x66625 #tabs-4, #x66625 #tabs-5, #x66625 #tabs-6, #x66625 #tabs-7
{display: none; border: solid 1px #aaa; padding: 0 30px;}
#x56046, #x66625 { /*padding-right: 0px; padding-left: 0px;*/ }
#x56046 #tabs-eligibility, #x66625 #tabs { border: 0px; margin-bottom: 0px; padding: 0px; }

#arts-eligiblity-button:hover, #arts-event-button:hover { background-color: #FD6F5A; }


/* #x56046 .thumnbnailExcerptImg { display: none; }
#x56046 .thumbnailExcerpt { width: 100% }
#mainColMain #x56046 h2 { text-align: left; }
#mainColMain #x56046 h2.taxonomyTitle { font-size: 2.4em; margin-top: 0px; }*/

#mainColMain #x56046 h2.taxonomyTitle { font-size: 2em; text-align: left; }
#mainColMain #x56046 .titleDateContainer h2 { text-align: left; margin-top: 0px; font-size: 1.4em; }
#mainColMain #x56046 .thumbnailExcerpt { width: 100%; display: block; padding: 0 0 20px 0; }
#mainColMain #x56046 .thumnbnailExcerptImg { /*max-width: 40%; margin-right: 30px;*/ display: none; }
#mainColMain #x56046 .titleExcerptText { font-size: 1em;}

.event-tmpl { padding: 30px; border-bottom: 1px solid rgb(173, 173, 173); margin: 0px; }
.event-tmpl-name { font-size: 16px; font-weight: bold; }
.event-tmpl-text { padding: 0 0 15px; }
.event-widget-footer { margin-top: 30px; font-size: 16px; text-align: center; }
.event-count { font-weight: bold; }







/* Small device (phone) */
@media (max-width: 767px) {

    #arts-eligiblity h2 { font-size: 2.2em; }
    #arts-eligiblity-type { font-size: 1em; padding: 4px 0;}
    #arts-eligiblity-subhead { font-size: 1.1em; padding: 5px 10px 0px; }
    #arts-eligiblity-button { font-size: 1.2em; margin: 20px auto 0px auto; }

}






#mainColMain div.space_chapter p, #mainColMain div.space_chapter li { font-size: 1.0em; }
#mainColMain .MainColumnTabListComponent div.space_chapter h1 { font-size: 3.0em; }
#mainColMain .MainColumnTabListComponent div.space_chapter h2 { font-size: 2.8em; }
#mainColMain .MainColumnTabListComponent div.space_chapter h3 { font-size: 2.4em; }
#mainColMain div.space_chapter hr { border-color: #ccc; margin-top: 40px; }






.image-gallery p, #low-res-gallery p {display: inline-block; margin: 10px;}





@media (min-width: 1200px) {
	div.padTop, div.span { padding-left: 100px; padding-right: 100px; }
	#x28063  div.padTop, #x28063 div.span { padding-left: 180px; padding-right: 180px; }
}





/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {

	#mainColMain .MainColumnTaxonomyComponent { margin-right: 15px; margin-left: 15px; padding: 0px;}
	.arts-page-contact-info-item {display: block; font-size: 1.1em;}



	div.padTop, div.span {
		padding-left: 15px;
		padding-right: 15px;

	}
}







/* Small device (phone) */
@media (max-width: 767px) {

	/* Homepage */
	#x28063 #mainColMain .MainColumnTaxonomyComponent .thumnbnailExcerptImg { max-width: 100% }
	#x57201 {display: none; }



	#feedContainer1 h2 { font-size: 1.3em; 	}




	#mainColMain #x56799 h1 { padding: 0px; }



	cat, .cat { display: table; 	margin-top: 8px; }


	div.padTop { padding-left: 0px; padding-right: 0px; }

	#mainColMain p  { font-size: 1em; padding-right: 0px; padding-left: 0px;}
	#mainColMain li { font-size: 1em;}
	#mainColMain .titleExcerptText { font-size: 1em;}
	#mainColMain .thumbnailExcerpt .titleExcerpt { margin-left: 0px; }

	#mainColMain .grant-application-panel h3, .arts-page-contact-header, #mainColMain .page-topics h3
	{font-size: 2.4em;}

	#mainColMain .mainColumnTax .taxonomyTitle, #mainColMain h5, #mainColMain .MainColumnTabListComponent h2
	{font-size: 3em; margin: 10px 0px;} /* Main Column section header */

	#mainColMain .MainColumnTaxonomyComponent { margin-right: 0%; margin-left: 0%; }
	.arts-page-contact-photo { display: none; }
	.mainColumnTax div.thumbnailExcerpt.clearfix { width: 100%; padding: 0px 0px 40px;}
	.mainColumnTax .thumnbnailExcerptImg { margin-bottom: 10px; }


	#arts-anchor-menu, #arts-anchor-menu2 { display: none; }
	#arts-dashboard { display: none; }
	#mainColMain .page-topics h3 { display: block; margin-bottom: 10px; }

	#x53040 img { display: none; } 		/* Space What's New images */
	#x52993 { display: none; } 		/* Space Blog */
	#x52910, #x52916 { display: none; } 	/* Space Resources */
	#x52911, #x52923 { display: none; } 	/* Space Reports */


	#tabs .ui-tabs-panel { padding: 0em 0em 0em 0em;}

	.arts-page-contact-header { margin: 0 0 10px 0; font-size: 2.4em; display: block; }
	.arts-page-contact-info-item { font-size: 1.1em; margin: 0px 20px; text-align: center; }

	#mainColMain .page-topics p {
		margin: 10px 0px 0px 0px;

	}

	.arts-page-contact {padding: 20px;}

	.staff_photo { width: 100%; }
	.staff_bio { display: none; }

	#mainColMain #arts-anchor-menu { display: none; }
	#mainColMain #arts-anchor-menu-padding { display:none; }
}


/********************** Staff and SAC (Board Member component *****************************/

.toggleBio { display: none; }
.boardMember {background-color: #f4f4f4; padding: 30px; margin: 0 0 30px 0;}
.memberBio { display: block !important; }
.boardMemberName { margin: 5px 0 0 !important; }
.BoardMemberPos { font-weight: bold; font-size: 1.2em; margin: 0 0 8px; }

.boardMemberPhoto img {
    border-radius: 50%;
}




/********************* Main Column Link List ***************************/
.MainColumnLinkListComponent {
    text-align: center;
}

.MainColumnLinkListComponent h2 {
    text-align: center;
    max-width: 100% !important;
    border: 0px !important;
    margin: 40px 0 10px 0;
    font-size: 2.5em !important;
    
}

.HighlightLinkList h3
{
    font-size: 1.4em !important;
    line-height: 1.2em;
    max-width: 100%;
    border: 0px;
    margin: 0 !important;
    text-align: left;
}

.HighlightLinkList {
    width: 47%;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
}

.HighlightLinkList img {
    max-width: 100%;
    margin: 0 0 20px 0;
}

.HighlightLinkList .Excerpt {
    text-align: left;
}


.HighlightLinkList:only-of-type {
    width: 700px;
}

.HighlightLinkList:only-of-type img {
    float: none;
}


#x54556 ~ .MainColumnLinkListComponent .HighlightLinkList img, #x54152 ~ .MainColumnLinkListComponent .HighlightLinkList img {
    max-width: 40%;
    margin: 0 30px 20px 0;
    float: left;
}

#x54556 ~ .MainColumnLinkListComponent .HighlightLinkList, #x54152 ~ .MainColumnLinkListComponent .HighlightLinkList {
    width: 100%;
    padding: 0;
    text-align: left;
}

#x54152 ~ .MainColumnLinkListComponent h2 {
    font-size: 2em !important;
    text-align: left;
}

#x56046 .HighlightLinkList {
    width: 100% !important;
    padding: 0 0 20px 0;
}
#x56046 .HighlightLinkList>a {
    display: none;
}

#x56046 .componentTitle {
    font-size: 2em !important;
    text-align: left;
}



/* Small device (phone) */
@media (max-width: 767px) {

    .HighlightLinkList {
        width: 100%;
        padding: 0px;
        margin-bottom: 40px;
    }

    .HighlightLinkList:only-of-type {
        width: 100%;
    }
}


/********************* Main Column Navigation ***************************/

.mainColNav {
    text-align: center;
}

.mainColNav h2 {
    text-align: center;
    max-width: 100% !important;
    border: 0px !important;
    margin: 40px 0 10px 0;
    font-size: 2.5em !important;
    
}

.mainColNav .titleExcerpt h2
{
    font-size: 1.4em !important;
    line-height: 1.2em;
    max-width: 100%;
    border: 0px;
    margin: 0 !important;
    text-align: left;
}


.mainColNav .thumbnailExcerpt {
    width: 47%;
    padding: 20px !important;
    display: inline-block;
    vertical-align: top;
}

.mainColNav .thumnbnailExcerptImg {
    max-width: 100% !important;
}

.mainColNav .thumnbnailExcerptImg img {
    max-width: 100% !important;
    margin: 0 0 20px 0;
}

.mainColNav .titleExcerptText {
    text-align: left;
    font-size: 1em !important;
}

.mainColNav .thumbnailExcerpt:only-of-type {
    width: 700px;
}

.mainColNav .thumbnailExcerpt:only-of-type img {
    float: none;
}


#x54152 ~ .MainColumnNavigationComponent .thumnbnailExcerptImg {
    max-width: 40% !important;
    margin: 0 30px 0px 0;
    text-align: left;
    float: left;
}

#x54152 ~ .MainColumnNavigationComponent .thumbnailExcerpt {
    width: 100%;
    padding: 0 !important;
}


#x54152 ~ .MainColumnNavigationComponent .mainColNav>h2 {
    font-size: 2em !important;
    text-align: left;
}


/* Small device (phone) */
@media (max-width: 767px) {
    
    .mainColNav .thumbnailExcerpt {
        width: 100%;
        padding: 0px;
        margin-bottom: 40px;
    }

    .mainColNav .thumbnailExcerpt:only-of-type {
        width: 100%;
    }
}


/********************** Contact Component **************************************************/

.ContactComponent {
    background-color: #f4f4f4;
	padding: 10px 0%;
	margin: 20px 100px;
	text-align: center;
}

.ContactComponent::before {
    line-height: 100%;
	color: #e02e16;
	display: inline-block;
	padding: 0px;
	margin: 0px 90px 0px 0px;
	vertical-align: middle;
	font-family: "Seattle Text",Arial;
	font-weight: bold;
    font-size: 2em;
    content: "Information";
}

.contactText {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 55%;
    padding-left: 20px;
    font-size: 1.1em;
}


.contactImage {
    display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.contactDeptLink {
    display: none;
}



@media (min-width: 992px) and (max-width: 1199px) {

    .ContactComponent {
        margin: 20px 30px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    
    .ContactComponent {
        margin: 20px 15px;
    }

    .ContactComponent::before {
        margin: 0px 20px 0px 0px;
    }
}


@media (max-width: 767px) {
    
    .ContactComponent {
        margin: 20px 0;
    }

    .contactImage {
        display: none;
    }

    .ContactComponent::before {
        display: block;
        margin: 0 0 20px;
    }

    .contactText {
        margin: 0 0 20px 0;
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
}

.oppDetailGroup {
    display: inline-block;
}

/************************** Card Sets ******************************************/

.mainColumnCardSet {
    margin: 10px 0;
    /* display: table;     */
}

.mainColumnCardRow {
    background-color: #f4f4f4;
    margin: 0 !important;
    display: table;
    width: 100%;
}

.mainColumnCardWrapper {
    border-right: solid 10px #fff;
    border-bottom: solid 10px #fff;
    display: table-cell;
    padding: 0px 20px 20px !important;
    float: none;
    margin: 0 !important;
}


.mainColumnCard {
    background-color: inherit;
    border: 0;
}

.mainColumnCardTitle, .mainColumnCardSet h2 {
    text-align: center;
}

.mainColumnCardWrapper:last-child {
    border-right: 0px;
}

.mainColumnCardWrapper .mainColLinkList 
{
    list-style-type: none;
    text-align: left;
    font-size: 1.1em;
    width: 80%;
    margin: 0 auto;
    padding: 0;
}
.mainColumnCardWrapper .mainColLinkList li
{
    margin: 0 0 16px 0 !important;
}

.mainColumnCardWrapper p {
    font-size: 1.1em;
}


#mainCardApplicationText, #mainCardDeadlineText, #grant-days-remaining {font-size: 1.2em; text-align: center}

.mainColumnCardWrapper h2 {
    font-size: 2em !important;
    margin: 24px 0px;
}



/* Small device (phone) */
@media (max-width: 767px) {
    
    #mainCardApplicationText, #mainCardDeadlineText, #grant-days-remaining {font-size: 1.1em;}.HighlightLinkList {
        width: 100%;
        padding: 0px;
        margin-bottom: 40px;
    }

    .HighlightLinkList:only-of-type {
        width: 100%;
    }
    
    .mainColumnCardWrapper .mainColLinkList 
    {
        text-align: center;
        width: 100%;
    }
}