/*
Theme Name: Maine Community College System WP Theme
Theme URI:
Description: Responsive WordPress theme built with Bootstrap
Author: VONT Performance Marketing
Author URI: http://www.vontweb.com/
Version: 1.0
*/


/*
Fonts.com Project
font-family:'PMNCaeciliaW01-45Light';
font-family:'PMNCaeciliaW01-46LightI';
font-family:'PMNCaeciliaW01-55Roman';
font-family:'PMNCaeciliaW01-56Italic';
font-family:'PMNCaeciliaW01-75Bold';
font-family:'PMNCaeciliaW01-76BoldIt';
font-family:'PMNCaeciliaW01-85Heavy';
font-family:'PMNCaeciliaW01-86HeavyI';
font-family:'PMN Caecilia W01SC 45 Lt SC';
font-family:'PMN Caecilia W01SC 46 Lt It SC';
font-family:'PMN Caecilia W01SC 55 Rm SC';
font-family:'PMN Caecilia W01SC 56 It SC';
font-family:'PMN Caecilia W01SC 75 Bd SC';
font-family:'PMN Caecilia W01SC 76 Bd It SC';
font-family:'PMN Caecilia W01SC 85 Hy SC';
font-family:'PMN Caecilia W01SC 86 Hy It SC';
font-family:'Helvetica W01 Light Cn';
font-family:'HelveticaNeueW02-75Bold';
font-family:'Helvetica W01 Cn';
font-family:'Helvetica W01 Bd Cn';

*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');

/* override the Bootstrap blue glow on focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border:0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#skiptocontent {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}

.wrap {
	width:100%;
	max-width:1070px;
	margin:0 auto;
}

.container {
    width: 100%;

}

body {
	font-size: 14px;
	background-color: #f1f1f1;
	font-family:'PMNCaeciliaW01-55Roman';
	color: #333333;
}

a {
    color: #333399;
    text-decoration: none;
}

a:hover {
    color: #333399;
    text-decoration: underline;
}

h1,h2,h3,h4,h5 {
    line-height: normal;
    margin: 0px;
    font-family:'PMNCaeciliaW01-75Bold';
    font-weight:normal;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 14px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #333;
    text-decoration: none;
}

hr {
    border:1px solid #c5c5c5;
}


p,
.lower-content .college-content,
.page-list li a,
.main-content li,
.main-content article
{
    font-family:'PMNCaeciliaW01-55Roman';
}

.main-content a {
    font-weight:bold;
}

/* Header styles */

.header-top {
    clear:both;
	padding: 10px 0px;
	background-color:#1A3C6D;
	width: 100%;
}

.header-top .top-menu {
    text-align: right;
    margin: 0px auto;
}

    .header-top .top-menu ul {
        margin: 0px;
        display:inline-block;
    }

        .header-top .top-menu li img{
            width:22px;
            height: 22px;
        }

        .header-top .top-menu li.menu-item {
            padding-right: 10px;
        }
            .header-top .top-menu li a {
                color: #fff;
                font-family:'Helvetica W01 Cn';
            }


.brand img {
    }

/* Menus *
.nav-collapse, .nav-collapse.collapse{
	overflow: visible;
}*/

.nav ul li{
	list-style-type: none;
	display:inline-block;
}


.search-top-menu {
	float: right;
	padding-top: 10px;
	margin-bottom:-25px;
	position: relative;
	z-index:1;
}

    .search-top-menu form {
        margin: 0px;
    }

    .mobile-search-spyglass{
	    display:none;
    }

    .search {
    	text-align: right;
    	position: relative;
    }
    	.search input{
    		font-family: 'Helvetica W01 Cn';
	    	font-size: 12px;
	    	width:250px;
	    	color:#1A3C6D;
	    	border:none;
	    	background-color: #dfdede;
	    	-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			margin-bottom:0;
    	}

    	.search input::-webkit-input-placeholder{
	    	color:#6a9fc7; /* TODO :Change color to correct blue*/
    	}
    	.search input:-moz-placeholder, .search input::-moz-placeholder, .search input:-ms-input-placeholder{
	    	color:#6a9fc7;
    	}

    	#search-spyglass{
	    	/*width:15px;
	    	position: absolute;
	    	top:8px;
	    	right:5px;*/

	    	width: 11px;
	    	height: 11px;
	    	position: absolute;
	    	top:8px;
	    	right:5px;
	    	background:transparent;
	    	background-repeat: no-repeat;
            background-image: url('images/spyglass.png');
            border:0px;
    	}

.navbar {
	float: right;
}

#desktop-menu {
    float:right;
    position:absolute;
    right:0px;
    bottom:-14px;
}

.main-nav ul.nav {
    float: right;
    margin-bottom: 0px;
    margin-right: 0px;
}

header #logo {
	max-width: 320px;
	height: auto;
}

/* Getting Started - Desktop version */

ul#menu-getting-started-menu{
	margin:0px;
}

ul#menu-getting-started-menu li{
	list-style-type: none;
	border-bottom: 2px solid #525252;
}

ul#menu-getting-started-menu li a {
	padding: 8px 10px;
	color:white;
	display: block;
	font-size: 14px;
	background-color: #3d3d3d;
	font-family:'Helvetica W01 Cn';
}

ul#menu-getting-started-menu li a:hover {
    background-color: #000;
    text-decoration: none;
}

ul#menu-getting-started-menu li:first-child {
    border-bottom: 2px solid transparent;
}

ul#menu-getting-started-menu li:last-child {
    border-top: 2px solid transparent;
}

ul#menu-getting-started-menu li:first-child a {
	background-color: #000;
	text-transform: uppercase;
	font-size:18px;
}

ul#menu-getting-started-menu li:last-child a
{
	background-color: #184674;
}

ul#menu-getting-started-menu li:last-child a:hover {
    background-color: #000;
}

/* Getting Started - Desktop Interior */

#sidebar-right ul#menu-getting-started-menu li a {
    background-color:#3d3d3d;
}

#sidebar-right ul#menu-getting-started-menu li a:hover {
    background-color:#000;
}

#sidebar-right ul#menu-getting-started-menu li {
    border-bottom:1px solid #666666;
    border-top:0px;
}

#sidebar-right ul#menu-getting-started-menu li:last-child {
    border-top:0px;
    border-bottom:0px;
}

#sidebar-right ul#menu-getting-started-menu li:first-child a {
    background-color: #000;
}

#sidebar-right ul#menu-getting-started-menu li:first-child a:hover {
    cursor:default;
}

#sidebar-right ul#menu-getting-started-menu li:last-child a {
    background-color:#184674;
}

/* Getting Started - Mobile version */

ul.menu-getting-started-menu-mobile {
	margin:0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	margin-top: 10px;
}

ul.menu-getting-started-menu-mobile li {
	list-style-type: none;
	border-bottom: 2px solid #525252;
}

ul.menu-getting-started-menu-mobile li a,
.lower-content section.colleges ul.menu-getting-started-menu-mobile li a
 {
	padding: 20px 20px;
	color:white;
	display: block;
	font-size: 20px;
	background-color: #3d3d3d;
	font-family:'Helvetica W01 Cn';
}

ul.menu-getting-started-menu-mobile li:first-child a,
.lower-content section.colleges ul.menu-getting-started-menu-mobile li:first-child a {
	background-color: #000;
	text-transform: uppercase;
}
ul.menu-getting-started-menu-mobile li:last-child a,
.lower-content section.colleges ul.menu-getting-started-menu-mobile li:last-child a {
	background-color: #184674;
	text-transform: uppercase;
}


/* End Menu Styles*/

/* Footer Styles */

footer, footer p {
    font-family:'HelveticaNeueW02-75Bold';
}

footer {
    color: #fff;
    font-size: 12px;
}

footer .footer-menu{
	margin-left:0px;
}

footer .footer-menu ul{
	margin:0;
}

footer .footer-menu ul li{
	border-left:1px solid white;
	padding:0px 10px;
	line-height: 1;
}

footer .footer-menu ul li:first-child{
	border-left:none;
}

footer a {
    color: #fff;
    font-size: 12px;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer .copyright {
    padding: 5px 0px 0px 10px;
}

footer .google-translator {
    padding: 20px 0px 0px 10px;
}

/* Slideshow Design */

.slideshow{
	/*overflow:hidden;*/
	border-top: 4px solid #000;
	margin-top:10px;
}

.slideshow-wrapper {
	padding-bottom: 25px;
	z-index:0;
	position:relative;
}

.slideshow .slide-image {
	width:100%;
	position: relative;
	max-width: 1070px;
	margin: 0px auto;
}

.slideshow li.cycle-slide {
    display:none;
}

.slideshow li#slide1,
.slideshow li#slide2,
.slideshow li#slide4,
.slideshow li#slide5,
.slideshow li#slide6,
.slideshow li#slide7,
.slideshow li#slide8,
.slideshow li#slide9,
.slideshow li#slide10 {
    display:none;
}

.slideshow li#slide0 {
    display:block;
}

.slideshow .slide-overlay {
    color: #fff;
    left: 0px;
    position: absolute;
    width: auto;
    z-index: 101;
}

.slideshow .top {
    top: 5%;
}

.slideshow .middle {
    top: 40%;
}

.slideshow .bottom {
    bottom: 5%;
}

.slideshow .slide-overlay .line1, .slideshow .slide-overlay .line2 {
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 20px;
/* 	font-family:'Helvetica W01 Cn'; */
	font-family:'Helvetica W01 Bd Cn';
	display:inline-block;
    width:auto;
}


.slideshow .slide-overlay .line1 {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom:5px;
}

    .slideshow .slide-overlay .line1 a {
        color:#fff;
    }

.slideshow .slide-overlay .line2 {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 20px;
}
    .slideshow .slide-overlay .line2 a {
        color:#fff;
    }

.slideshow .slide-overlay .subtitle {
    background-color: #fff;
    color: #000;
    font-size: 18px;
    padding: 10px 20px;
    display: inline-block;
    font-family:'Helvetica W01 Cn';
    background-color:#fff; /* fallback */
    background: transparent;
    background-color: rgba(255, 255, 255, 0.85);
    /* now, handle older IE */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85FFFFFF,endColorstr=#85FFFFFF);
    zoom: 1;
}
    .slideshow .slide-overlay .subtitle a {
        color:#000;
    }

.slideshow .slide-overlay .subtitle:nth-child(n) { /* supposedly, IE9 can do both rgba and filters so it would be doubled */
    filter: none;
}

.cycle-slideshow li.cycle-sentinel {
	zoom: normal!important;
}

.slideshow .slide-image img{
	width: 100%;
}

.cycle-prev, .cycle-next {
    cursor: pointer;
}

.cycle-prev {
    background: url("images/slide-arrow-left.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    position: absolute;
    left: -40px;
    top: 50%;
    width: 30px;
    height: 51px;
}

.cycle-next {
    background: url("images/slide-arrow-right.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    position: absolute;
    right: -40px;
    top: 50%;
    width: 30px;
    height: 51px;
}

.cycle-pager {
	z-index:102;
	position: absolute;
	bottom:10px;
	left:45%;
	/*display: table;
	margin: 0 auto;
	position: relative;
	text-align: center;*/

}

.cycle-pager span {
	margin-top:20px;
	display: block;
	width: 12px;
	height: 2px;
	padding-top: 9px;
	margin-left:8px;
	background-image: url(images/slidesprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.cycle-pager span.cycle-pager-active{
	background-position: 12px 0;
}

.slideshow .quick-links {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 250px;
    z-index: 102;
}

/* Home Page Styles */

.top-content{
	margin-bottom: 15px;
}


.lower-content .hp-column{

}

.lower-content .header {

}

.lower-content h2 {
    margin: 0px;
    padding: 4px 10px 4px 10px;
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    font-weight:normal;
    font-family: "Helvetica W01 Cn";
    font-family:'Helvetica W01 Bd Cn';
}

.lower-content article {
    border-top: 1px solid #ccc;
    padding:20px 10px 10px 10px;
}

.lower-content section article.first {
    border-top: 0px;
}

.lower-content article h3 {
    font-size:14px;
    line-height:normal;
    margin-bottom: 5px;
}

.lower-content article a {
    color:#000;
}

.lower-content article a:hover {
    color:#000;
    text-decoration: underline;
}

.readmore {
    color: #426E34;
    white-space: nowrap;
    padding-left: 8px;
    font-weight: bold;
}

.readmore:after {
   content: " \00BB";
}

.lower-content section.colleges .college-name {
    font-family:'PMNCaeciliaW01-75Bold';
}

.lower-content section.colleges article {
    padding: 10px;
}

.lower-content section.colleges a:hover article {
    background-color:#ccc;
}

.lower-content section.colleges a {
    color: #000;
}

.lower-content section.colleges a:hover {
    text-decoration: none;
}

#hp-alert {
    margin-top: 20px;
    margin-bottom:20px;
}

    .hp-warning {
        border: 1px solid #ef9a28;
    }

    .hp-emergency {
        border: 1px solid red;
    }

    #hp-alert h1 {
        display:block;
        padding: 20px;
        text-transform:uppercase;
    }

    #hp-alert h2 {
        display: block;
        padding: 20px;
    }
    #hp-alert .hp-warning h1 {
        background-color:#ef9a28;
        color:#fff;
    }

    #hp-alert .hp-emergency h1 {
        background-color:red;
        color:#fff;
    }

    #hp-alert .hp-warning h2 {
        color: #000;

    }

/* Footer styles */

footer{
	margin-top: 40px;
	padding:30px 0px;
	width:100%;
	background-color: #767676;
}

footer .footer-address{
	float:right;
}

footer .footer-address p.footer-title{
	margin:0;
}

footer .footer-address ul.menu {
    margin-top: 20px;
}

footer ul.menu{
	margin-left:0px;
}

footer ul.menu li{
	list-style-type: none;
	display: inline-block;
}

/* Now body styles */

.main-wrap {
    padding-top: 20px;
    min-height: 400px;
}

.page-template-page-what-you-can-do .main-wrap{
	padding-top:0px;
    background: linear-gradient(90deg, rgba(212,229,241,0) 0%, rgba(212,229,241,0) 69%, rgba(212,229,241,1) 70%, rgba(212,229,241,1) 100%);
}

@media screen and (max-width:1100px) {
    .page-template-page-what-you-can-do .main-wrap{
        background:transparent;
    }
}

.main-content h1 {
    margin-bottom: 10px;
}

.main-content h2, .main-content h3 {
    margin-bottom: 10px;
}

.breadcrumb {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    background-color: transparent;
    display: none;
}

/* Left nav */

#left-hand-nav {
    margin-bottom: 20px;
}

#left-hand-nav .header {
    font-size: 16px;
    color: #fff;
    padding: 12px 16px;
    text-transform: uppercase;
    display:block;
}
    #left-hand-nav .header,
    #left-hand-nav .header a {
        color: #fff;
    }

#left-hand-nav .topmargin {
    margin-top: 40px;
}

.sidebar-header {
    font-family:'PMNCaeciliaW01-55Roman';
    background-color: #1A3C6D;
    color:#fff;
    font-size:24px;
    background-image: url("images/icon-collapse-subheading.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    padding: 25px 40px 25px 20px;
    line-height:1em;
    margin-bottom: 38px;
}

.left-nav-close {
    background-image: url('images/icon-leftnav-mobile-x.png');
    background-position: 95% center;
    background-repeat: no-repeat;
    padding: 25px 40px 25px 20px;
    margin-bottom: 0px;
    /*
    width:41px;
    height:40px;
    position: absolute;
    bottom: -10px;
    right: 15px;*/
}

ul.page-list {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

    /*ul.page-list li {
        border-bottom: 1px solid #c5c5c5;
    }

    ul.page-list > li:first-child {
        border-top: 1px solid #c5c5c5;
    }*/

    ul.page-list li {
        border-top: 1px solid #c5c5c5;
    }

    ul.page-list > li:last-child {
        border-bottom: 1px solid #c5c5c5;
    }

        ul.page-list li a {
            display:block;
            font-size: 15px;
            padding: 8px 16px;
            color: #000;
        }

        ul.page-list li a:hover {

            color: #426E34;
            text-decoration: underline;
        }

        /* current 2nd level page */
        ul.page-list > li.current_page_item > a {
            text-decoration: none;
            color: #426E34;
        }

        ul.page-list ul {
            list-style: none outside none;
            margin: 0px;
            padding: 0px;
        }

            /* 2nd level with subnav */
            ul.page-list ul li {
                border-bottom: 0px;
                border-top: 1px solid #c5c5c5;
            }

            /* 3rd level links */
            ul.page-list li.split ul ul li a {
                padding: 8px 10px 8px 30px;
                font-size: 13px;
            }

            /* current 3nd level page */
            ul.page-list li > ul > li.current_page_item > a,
            ul.page-list ul  ul  li.current_page_parent a
             {
                text-decoration: none;
                color: #426E34;
            }

            ul.page-list ul ul,
            ul.page-list ul ul ul,
            ul.page-list ul ul ul ul {
                display:none;
            }

            ul.page-list ul li.current_page_parent ul,
            ul.page-list ul li.current_page_item ul,
            ul.page-list ul li.current_page_ancestor ul {
                display:block;
            }
            ul.page-list ul ul ul {
                display:none!important;
            }

            ul.page-list ul ul li a {
                padding: 8px 10px 8px 40px;
                font-size: 12px;
            }

            ul.page-list ul ul li a:before {
                /*content: "\00BB \0020";*/
            }

            ul.page-list ul ul li {
                /*border:0px;*/
            }



/* Various shortcuts */

.orange {
    background-color: #C05823;
}

.green {
    background-color: #426E34;
}

.blue {
/*     background-color: #6a9fc7; */
    background-color: #3A7CAD;
}

.gold {
/*     background-color:#d6b261; */
    background-color:#B88E30;
}

.dark-blue {
    /* added 5/13/2022 to replace gold because brand palette change */
    background-color:#1A3C6D;
}

.light-gray {
    background-color: #dad7d7;
}

.dark-gray {
    background-color: #797979;
}

.black {
    background-color: #000;
}

/* foreground colors */

.color-orange {
    color: #C05823;
}

.color-green {
    color: #426E34;
}

.color-blue {
    color: #6a9fc7;
}

.color-gold {
    color:#d6b261;
}

.color-dark-blue {
    color:#1A3C6D;
}

.color-light-gray {
    color: #dad7d7;
}

.color-dark-gray {
    color: #797979;
}

.color-black {
    color: #000;
}

.color-white {
    color: #fff;
}

.none {
    background-color: transparent;
}

.dark-blue {
    background-color: #1A3C6D;
}

.row-fluid .nomargin {
    margin:0px;
}

.padtop20 {
    padding-top: 20px;
}

.padleft20 {
    padding-left: 20px;
}

.padright20 {
    padding-right: 20px;
}

.padbottom20 {
    padding-bottom: 20px;
}

.pad10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.pad30 {
    padding: 30px;
}

.nav-wrapper {
    position: relative;
}

#mobile-tools {
    float: right;
    padding-right: 20px;
}

.hamburger {
    display:none;
    width:27px;
    height:23px;
    border:0px;
    margin:0px;
    padding:0px;

    background-repeat: no-repeat;
    background-image: url('images/icon-mobile-menu.png');
    position:absolute;
    right: 20px;
    bottom: 25px;
}

.mobile-search-spyglass {
    display:none;
    width:27px;
    height:27px;
    border:0px;
    margin:0px;
    padding:0px;
    background-image: url('images/icon-mobile-spyglass.png');
    background-repeat: no-repeat;
    position:absolute;
    right: 65px;
    bottom: 25px;
}

.hamburger-open {
    background-image: url('images/icon-mobile-menu.png');
}

.hamburger-close {
    background-image: url('images/icon-mobile-menu-x.png');
    width:41px;
    height:40px;
    position: absolute;
    bottom: -10px;
    right: 15px;
}

#mobile-menu {
    clear:both;
    display:none;
    width:100%;
    background-color:#1A3C6D;
    margin-top:10px;
}
    #mobile-menu ul {
        margin: 0px;
        padding: 0px;
        padding-top:10px;
        padding-bottom: 10px;
    }
        #mobile-menu li {
            display:block;
            list-style-type:none;
            list-style-image:none;
        }
            #mobile-menu li a {
                display:block;

                text-align: left;
                font-size:20px;
                text-transform: uppercase;
                color:#fff;
                padding:5px 0px 5px 78px;
                font-family:'Helvetica W01 Cn';
            }

            #mobile-menu li a:hover {
                background-color:#ccc;
                color:#000;
                text-decoration:none;
            }

.hamburger:focus {outline: none;}

#mobile-search {
    clear: both;
    display: none;
    padding: 4px;
    margin-top: 5px;
    margin-right: 20px;
    float: right;
}

    #mobile-search form {
        margin:0px;
        padding:0px;
    }

    #mobile-search input[type="text"] {
        margin:0px;
    }

.colleges-column .mobile,
.news-column .mobile {
    display:none;
}

.colleges-column .college-content {
    display: block;
}

.colleges-column .desktop {
    display: block;
}

.mobile-button,
.lower-content h2.mobile-button {
    text-align: center;
    font-size: 20px;
    padding: 0px;
    line-height:normal;
    font-family: "Helvetica W01 Cn";
}

.lower-content h2.mobile-button {
    padding: 8px 0px 0px 0px;
}

.lower-content h2.mobile-button .mobile {
    padding:6px 0px;
}

.mobile-button:hover {
    cursor:pointer;
    text-decoration: none;
}

.mobile-button .green:hover {
    opacity:.8;
}

.mobile-button a,
.lower-content .mobile-button a,
.lower-content section.colleges .mobile-button a {
    display: block;
    width: 100%;
    color: #fff;
}

.mobile-button:hover {
    opacity: .8;
}

/* Interior Pages */

#page-banner {
    width: 100%;
    height: 148px;
    border-top: 4px solid #000;
    margin-top: 10px;
}

    .page-banner-title {
        width: 273px;
        height: 100%;
        float:left;
        display:table;
    }

        .page-banner-title .content {
            font-family:'PMNCaeciliaW01-55Roman';
            line-height: normal;
            font-size: 30px;
            color: #fff;
            padding-left: 20px;
            display:table-cell;
            vertical-align: middle;
        }

#page-blocks .block {
    margin-bottom: 40px;
}

#page-blocks .block:last-child {
    /*margin-bottom: 0px;*/
}

#page-blocks > .form {
    padding:15px;
    border-top:8px solid #426E34;
}

    .gform_wrapper.workforce-training_wrapper {
        color:#fff;
    }
    
    #page-blocks > .form .content .title,
    .gform_wrapper.workforce-training_wrapper .gfield_html h2 {
        font-size:24px;
        padding: 0;
        text-transform: uppercase;
    }
    
    #page-blocks > .form .content .text {
        font-size:14px;
        margin-top: 10px;
    }
    
    #page-blocks > .form .form-wrapper {
        margin-top:10px;
    }
    
        #page-blocks > .form .form-wrapper form {
            margin-bottom:0px;
        }
        
    #page-blocks > .form .form-wrapper .gform_wrapper .gfield_required,
    .gform_wrapper.workforce-training_wrapper .gfield_required {
        color:#fff;
        padding-left:1px;
    }
    
    .gform_wrapper.workforce-training_wrapper {
        background-color:#1A3C6D;
        border-bottom: 8px solid #426E34;
        padding:30px;
    }
    
        .gform_wrapper.workforce-training_wrapper form {
            margin-bottom:0;
        }
    
        #page-blocks > .form .form-wrapper .gform_wrapper .gfield_label,
        .gform_wrapper.workforce-training_wrapper .gfield_label {
            font-size:14px;
            font-family:'Helvetica W01 Cn';
            margin-bottom:2px;
        }
        
        #page-blocks > .form .form-wrapper .gform_wrapper input[type=text],
        #page-blocks > .form .form-wrapper .gform_wrapper .chosen-container-multi input,
        .gform_wrapper.workforce-training_wrapper input[type=text],
        .gform_wrapper.workforce-training_wrapper .chosen-container-multi input {
            height:35px!important;
        }
        #page-blocks > .form .form-wrapper .gform_wrapper .chosen-container-multi ul.chosen-choices,
        .gform_wrapper.workforce-training_wrapper .chosen-container-multi ul.chosen-choices {
            padding:0px 8px;
            margin-top:-1px;
        }
        
        .gform_wrapper.workforce-training_wrapper .chosen-container-multi ul.chosen-choices li.search-field input[type=text] {
            margin:0;
        }
        
        #page-blocks > .form .form-wrapper .gform_footer {
            text-align: center;
            margin-top:0;
            padding:0;
        }
        
        #page-blocks > .form .form-wrapper .gform_footer input[type=submit],
        .gform_wrapper.workforce-training_wrapper .gform_footer input[type=submit] {
            background-color:#C05823;
            color:#fff;
            padding:10px 30px;
            text-transform: uppercase;
            border:0;
            border-radius:5px;
        }
        
        .gform_wrapper.workforce-training_wrapper .gfield.areas-of-interest  {
/*             width: calc(33% - 10px); */
        }
        
        .gform_wrapper.workforce-training_wrapper .gform_footer.top_label {
/*
        	float: left;
        	margin: -57px 0 0 66%;
        	padding:0;
        	padding-left:15px;
*/
        }
        
        .gform_wrapper.workforce-training_wrapper legend,
        .block.form.color-white legend {
            color:#fff;
        }
        
        .block.form.color-black legend {
            color:#000;
        }
        
        .block.form.color-orange legend {
            color: #C05823;
        }
        
        .block.form.color-green legend {
            color: #426E34;
        }
        
        .block.form.color-blue legend {
            color: #6a9fc7;
        }
        
        .block.form.color-gold legend {
            color:#d6b261;
        }
        
        .block.form.color-light-gray legend {
            color: #dad7d7;
        }
        
        .block.form.color-dark-gray legend {
            color: #797979;
        }

#page-blocks > .text {
    padding: 12px;
    color: #000;
}

#page-blocks .text p {
    margin:0px;
    padding:0px;
}

    #page-blocks > .text .content .title {
        padding-bottom: 10px;
        font-weight: bold;
    }

    #page-blocks > .text .content .text {
        padding-bottom: 10px;
    }

    #page-blocks > .text .link a {
        display:inline-block;
        padding: 10px 0px 0px 0px;
        text-size: 18px;
        color: #000;
        text-decoration: none;
    }

    #page-blocks > .text .link a:hover {
        text-decoration: underline;
    }

    #page-blocks > .text .link a:after {
        content: " \00BB";
    }

#page-blocks > .text2 {
    color: #000;
}

#page-blocks .text2 p {
    margin:0px;
    padding:0px;
}

    #page-blocks > .text2 .content .title {
        font-size:18px;
        padding: 12px 16px;
        text-transform: uppercase;
        color:#fff;
    }

    #page-blocks > .text2 .content .text {
        padding:10px 16px;
        border:1px solid #c5c5c5;
    }

    #page-blocks > .text2 .text ul {
        margin-top:10px;
        margin-left:15px;
    }

    #page-blocks > .text2 .links .text ul {
        margin:0px;
        padding:0px;
        list-style: none;
        margin-left:.8em;
    }

    #page-blocks > .text2 .links .text li {
        /*margin: 0 0 0 1.2em;*/
        border-top: 1px solid #c5c5c5;
        padding:3px 0px;

    }

    #page-blocks > .text2 .links .text li:before {
        content: " \00BB\00a0";
        margin-left:-.8em;
        color:#C05823;
    }

    #page-blocks > .text2 .links .text li a {
        text-indent: -0.28em;
    }

    #page-blocks > .text2 .links .text li:first-child {
        border-top: 0px;
    }

    #page-blocks > .text2 .link a {
        display:inline-block;

        text-size: 18px;
        color: #000;
        text-decoration: none;
    }

    #page-blocks > .text2 .link a:hover {
        text-decoration: underline;
    }

    #page-blocks > .text2 .link a:after {
        content: " \00BB";
    }

#page-blocks > .image .content {
    background-color: #dad7d7;
    color: #000;
    padding: 12px;
    font-size: 13px;
}

#page-blocks > .image .content .title {
    padding-bottom: 10px;
    font-weight: bold;
}

#page-blocks > .image img {
    margin: 0px auto;
    width: auto;
    display:block;
    text-align: center;
}

#page-blocks > .image .link a {
    display:inline-block;
    padding: 12px 18px 12px 12px;
    text-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;

    background-repeat: no-repeat;
    background-image: url('images/icon-triangle-right.png');
    background-position: right center;

}

    #page-blocks > .image .link a:hover {
        text-decoration: underline;
    }

#sidebar-right .quick-links {

}

.staff .name {
    font-size: 14px;
    font-weight: bold;
}

.staff .photo img {
    float: right;
    margin: 0px 0px 10px 10px;
    border: 2px solid #1A3C6D;
}

.staff .job-title {
    font-size: 14px;
    font-weight: bold;
}

.staff .biography {
    padding-top: 10px;
}

.staff .main-content h2 {
    margin-top: 10px;
}

.board-of-trustees article {
    padding-bottom: 20px;
}

.event-calendar article {
    padding-bottom: 10px;
}

.event-calendar .archive {
    margin-top: 20px;
}

.event-calendar-detail .date {

}

.event-calendar-details .location {

}

.event-calendar-detail .details {
    margin-top: 20px;
}

.event-calendar-detail .documents .document {

}

.page-table {
    margin-top: 20px;
}

.page-table .first {
    padding-right: 20px;
}

.press-releases article,
.in-the-media article {
    margin-bottom: 30px;
}

.press-releases article h2,
.in-the-media article h2 {
    margin-bottom: 0px;
}

.press-releases article .date,
.in-the-media article .date {
    margin-bottom: 10px;
}

.press-releases article .source,
.in-the-media article .source {
    font-style: italic;
}

.press-releases-single article .content,
.in-the-media-single article .content {
    margin-top: 10px;
}

/* Collapsible Divs - Collapse-o-matic plugin */
.main-content .collapseomatic {
    display: block;
    background-color: #6699cc;
    color: #fff;
    background-image: url("images/icon-collapse-heading.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    padding: 20px 20px;
    text-transform: uppercase;
    font-size:20px;
}

.main-content .collapse-heading .collapseomatic {
    background-image: url("images/icon-collapse-heading.png");
}

.main-content .collapse-heading .colomat-close {
    background-image: url("images/icon-collapse-heading-up.png");
}

.main-content .collapse-subheading .collapseomatic {
    background-color:#ccc;
    color: #000;
    background-image: url("images/icon-collapse-subheading.png");
}

.main-content .collapse-subheading .colomat-close {
    background-image: url("images/icon-collapse-subheading-up.png");
}

.main-content .collapse-paragraph .collapseomatic {
    background-color:transparent;
    color: #000;
    text-transform: none;
    background-image: url("images/icon-collapse-paragraph.png");
    background-position: left center;
    padding: 20px 20px 20px 50px;
}

.main-content .collapse-paragraph .colomat-close {
    background-image: url("images/icon-collapse-paragraph-down.png");
}

    .main-content .collapse-paragraph .collapseomatic_content {
        padding: 0px 0px 20px 50px;
    }

.main-content .colomat-close {
    /*background-image: url("images/icon-minus.png") !important;
    background-image: url("images/icon-collapse-head.png") !important;*/
}

.main-content .collapseomatic_content {
    margin: 0px;
    padding: 20px;
}

.main-content .colomat-hover {
    text-decoration: none;
}

.main-content .backto-button a {
    margin-top: 40px;
    display: inline-block;
    background-color: #999999;
    border: 1px solid #999;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px 30px;
    line-height: 50px;
    -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

    .main-content .backto-button a:hover {
        color: #999999;
        border:1px solid #999;
        background-color: #fff;
        text-decoration: none;
    }

ul.search-results {

}
    ul.search-results li {

    }


/* image alignment, captions, etc */
.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* default table styles */

.main-content table {
    border-spacing: 4px;
    border-collapse: separate;
    width: auto;
}

    .main-content table tr {
        vertical-align: top;
    }

    .main-content table thead td, .main-content table th {
        font-weight: bold;
        border-bottom: 1px solid #c5c5c5;
        text-align: left;
        background-color: #8EBCE4;
        padding: 10px 8px;
        color: #000;
        font-size: 16px;
    }

    .main-content table td {
        padding: 2px 4px;
        text-align: left;
        border-bottom: 1px solid #c5c5c5;
        text-align: left;
    }

form#program-search {
    margin-top: 40px;
}

form#program-search #filter-program-name,
form#program-search #filter_program_name_chosen {
/*     display:none;  */
    width:100% !important;
    /* hide the subprogram/program name input at load, it will be shown via JS if needed */
    font-family: 'PMNCaeciliaW01-55Roman';
}

form#program-search input#program-search-submit,
form#program-search button#resetSearch {
    background-image:none;
    float:right;
    padding: 10px 30px;
    background-color:#C05823;
    color:#fff;
    text-transform: uppercase;
    border:none;
    border-color: #C05823;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top:20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow:0px;
	outline: 0;
}

form#program-search button#resetSearch {
    background-color: #767676;
    margin-left:10px;
}

#program-search-wrapper,
#program-search-map-results-wrapper
#program-search-results-wrapper {
    background-color:#fff;
    padding:48px 28px;
}

#program-search-wrapper h2,
#program-search-map-results-wrapper h2
#program-search-results-wrapper h2 {
    font-family:'Helvetica W01 Cn';
    text-transform: none;
    font-size:20px;
    margin:0px;
    padding:0px;
}

#program-search-wrapper h2 {
    color:#1A3C6D;
}

#program-search-map-results-wrapper,
#program-search-results-wrapper {
    margin-top:40px;
}

#program-search-map-results-wrapper {
    color:#1A3C6D;
}

#result-list-wrapper {
    text-align: left;
}

#result-list-wrapper h2 {
    color:#1A3C6D;
    font-family: 'Helvetica W01 Bd Cn';
    position:relative;
    font-size:20px;
    margin-left:0px;
}
#result-list-wrapper h2:before{
	content:url("/wp-content/themes/mccs/images/green-rot-arrow.png");
	position: absolute;
	top:0px;
	right:0px;
}

#result-list-wrapper label, #formaddemail label {
    font-size:17px;
    color: #1A3C6D;
    font-family:'Helvetica W01 Cn';
}

#program-search-results-wrapper .search-results-program-area-header {
    background-color: #999999;
    text-transform: uppercase;
    color:#fff;
    padding: 10px 20px 10px 60px;
    margin-top: 30px;
    font-size: 20px;
}

    #program-search-results-wrapper .search-results-program-area-header span.program-area {
        font-size: 14px;
        text-transform: none;
    }


#program-search-results-wrapper .search-results-one {
    padding: 10px 20px 10px 60px;
    background-color:#fff;
    font-family: 'PMNCaeciliaW01-55Roman';
}

#program-search-results-wrapper .search-results-one:nth-child(even) {
    background-color:#ebebeb;
}

#program-search-results-wrapper .search-results-one .left {
    width: 49%;
    float: right;
}

#program-search-results-wrapper .search-results-one .right {
    width: 49%;
    float: right;
}

body #maincontent .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.add_list_item, body #maincontent .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.delete_list_item{
	width:auto !important;
	line-height: 10px;
}


/*What you can do LP*/

.page-template-page-what-you-can-do{
	background-color: white;
    font-family:'PMNCaeciliaW01-55Roman';
}

.page-template-page-what-you-can-do #maincontent{
	border-top:5px solid #000000;
	margin-top: 15px;
}

.what-you-can-do-lp p{
    font-family:'PMNCaeciliaW01-55Roman';
}
.what-you-can-do-lp + footer{
	margin-top: 0px;
}

.what-you-can-do-lp #video-section-left-side{
	padding-right: 30px;
    padding-top: 30px;
}

.what-you-can-do-lp #videosection-wrapper #video-section-main-video{
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.what-you-can-do-lp #videosection-wrapper #video-section-main-video iframe{
	left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#video-section-video-selector{
	margin-top: 15px;
	display: table;
}

#video-section-video-selector > a{
	width:25%;
	display: table-cell;
	border: 3px solid white;
	border-left-width: 5px;
	border-right-width: 5px;
}

#video-section-video-selector > a img{
	width:100%;
	border: 3px solid white;
}

#video-section-video-selector > a ~ a{

}

#video-section-video-selector .active-video img{
	border-color: #ed6000;
}

.what-you-can-do-lp #video-section-right-side{
    background:#d4e5f1;
    padding-top:0px;
    min-height: 1050px;
    padding-left:60px;
    padding-right:10px;
}

#video-section-right-side #video-description .single-video-descr {
	display: none;
}
#video-section-right-side #video-description .single-video-descr.active-single-video-descr {
	display: block;
}
#video-section-right-side #video-description .single-video-descr h2{
	font-size: 31px;
	color:#054678;
	font-family:'Helvetica W01 Bd Cn';
	font-weight: normal;
	position: relative;
}

#video-section-right-side #video-description .single-video-descr h2:before{
	content:url("/wp-content/themes/mccs/images/orange-arrow.png");
	position: absolute;
	top:5px;
	left:-35px;
}

#video-section-right-side #video-description .single-video-descr h3{
	color:#054678;
	font-size:24px;
	font-family:'Helvetica W01 Bd Cn';
	line-height: 28px;
	color:black;
	margin:5px 0px 10px;
}

#video-section-left-side #video-headline .single-video-descr, #video-section-left-side #video-description .single-video-descr {
	display: none;
}
#video-section-left-side #video-description .single-video-descr {
    padding-top:20px;
    padding-bottom:10px;
}
#video-section-left-side #video-headline .single-video-descr.active-single-video-descr, #video-section-left-side #video-description .single-video-descr.active-single-video-descr {
	display: block;
}
#video-section-left-side #video-headline .single-video-descr h2{
	font-size: 31px;
	color:#054678;
	font-family:'Helvetica W01 Bd Cn';
	font-weight: normal;
	position: relative;
    margin-bottom:10px;
}
#video-section-left-side #video-headline .single-video-descr h2:before{
	/*
    content:url("/wp-content/themes/mccs/images/orange-arrow.png");
	position: absolute;
	top:5px;
	left:-35px;
    */
    display:none;
}
#video-section-left-side #video-headline .single-video-descr h2 span{
	font-size:24px;
	font-family:'Helvetica W01 Bd Cn';
	line-height: 28px;
	color:black;
	margin:5px 0px 10px;
    display:block;
}

#video-section-left-side #mainecc-descr p,
#video-section-left-side #video-description .single-video-descr p{
	color:black;
	font-size: 15px;
	line-height: 23px;
}

#video-section-left-side #mainecc-descr p strong,
#video-section-left-side #video-description .single-video-descr p strong{
	font-size:18px;
}

#video-section-left-side #mainecc-descr h3{
	color:#054678;
	font-size:20px;
	font-family:'Helvetica W01 Bd Cn';
	line-height: 28px;
    padding-top: 30px;
    padding-bottom: 10px;
}

#video-section-left-side #mainecc-descr p:first-of-type{
	margin-top:10px;
}

#video-section-left-side #mainecc-descr ul{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin-top: 10px;
}

#video-section-left-side #mainecc-descr ul li{
	list-style-type: none;
    font-family: 'PMNCaeciliaW01-55Roman';
	padding-left:10px;
	/* margin-left: 15px; */
}

#video-section-left-side #mainecc-descr ul li:before{
	content:"\00b7";
	color:#ed6000;
	position: relative;
	left:-8px;
	top:4px;
	font-size: 30px;
	z-index:100;
}

#video-section-left-side #mainecc-descr #getstrted-cta{
	background-color: #5e925e;
	color:white;
	display: block;
	width:285px;
	margin: 0 auto;
	padding:15px 0px;
	text-align: center;
	font-family:'Helvetica W01 Bd Cn';
	font-size: 19px;
	margin-top: 15px;
}

#video-section-left-side #mainecc-descr #getstrted-cta:hover{
	text-decoration: none;
}

#testimonial-wrapper {
	margin: 25px 0px 45px;
}

#testimonial-wrapper .single-testimonial{
	width:100%;
}

#testimonial-wrapper .single-testimonial .testimonial{
	width:100%;
	text-align: center;
}

#testimonial-wrapper .single-testimonial .testimonial p{
	font-family:'Helvetica W01 Bd Cn';
	font-size: 24px;
	text-align: center;
	display: inline-block;
	margin:0 auto;
	margin-bottom: 15px;
	border-left: 3px solid #ed6000;
	border-right: 3px solid #ed6000;
	padding:3px 20px;
	line-height: 1.2;
	position: relative;
}
#testimonial-wrapper .single-testimonial .testimonial-source{
	font-size: 15px;
	text-align: right;
	padding: 0px 25px;
	position: absolute;
	right: 0px;
	bottom: -25px;
}

.page-template-page-what-you-can-do #map-tools #program-search{
	margin: 0px;
}
.page-template-page-what-you-can-do #map-tools .chosen-container{
	height: 33px;
	margin-bottom: 0px;
}

.what-you-can-do-lp #map-wrapper{
	background-color: #1a3e6b;
	padding-top:50px;
	padding-bottom: 50px;
}

.what-you-can-do-lp #map_intro{
	color:white;
	font-family:'Helvetica Neue';
	margin-bottom: 25px;
}

.what-you-can-do-lp #map_intro h2{
	text-transform: uppercase;
	font-size: 33px;
	font-family:'Helvetica W01 Bd Cn';
	margin-bottom: 15px;
}
.what-you-can-do-lp #map_intro h2:before{
	content:url("/wp-content/themes/mccs/images/map_maker_orange_transparent.png");
	position: relative;
	left:-5px;
	top:0px;
}

.what-you-can-do-lp #map_intro p{
	font-size: 16px !important;
}

#map-wrapper{
	padding-left:15px;
	padding-right:15px;
}

#map-tools {
	display: block;
	margin: 0 auto;
	/* text-align: center; */
}

#map-tools #program-search-map-wrapper{
	/* text-align: center; */
}

#zip-search-wrapper{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

#map-tools #zip-search-wrapper input{
	height: 34px;
}

#map-tools #zip-search-wrapper #zipcode-search-submit{
	text-transform: uppercase;
	border:none;
	font-weight:bold;
	background-color:transparent;
	color:#ed6000;
	height: 42px;
	line-height: 42px;
	position: absolute;
	right:0px;
	top:0px;
	z-index:100;
}

#map-tools .chosen-container{
	max-width: 100%;
	/* min-width: 400px; */
	height: 35px;
	/* border-bottom: 21px solid #1a3e6b; */
    padding-bottom:0px;
}

#map-tools #filter-program-wrapper{
	display: inline-block;
	text-align: left;
	width:100%;
}

#map-tools .chosen-container .chosen-single{
	background-color:#fff;
    height:33px;
    line-height: 25px;
    font-size: 16px;
    background-image: url('/wp-content/themes/mccs/images/selectarrow.gif');
    padding:0px;
    background-position: center right;
}

#map-tools .chosen-container .chosen-single span{
    color:black;
}

#formaddition {
    padding-top:30px;
}
#formaddemail {
    padding-top:30px;
}
#formaddemail input, #formaddemail input:focus {
    box-shadow: none;
    border:0px;
    border-radius:0px;
    width:100%;
    font-size: 16px;
    height:33px;
    line-height:25px;
    box-sizing: border-box;
}

#formaddition select {
	display: block;
	font-size: 16px;
	width: 100%;
	max-width: 100%;
    height:33px;
    line-height: 25px;
    padding-left:20px;
	border:0px;
	box-shadow:0px;
	border-radius:0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('/wp-content/themes/mccs/images/selectarrow.gif');
	background-repeat: no-repeat;
	background-position: right top;
    font-family: 'PMNCaeciliaW01-55Roman';
}
#formaddition select::-ms-expand {
	display: none;
}
#formaddition select:hover {
	border-color: #888;
}
#formaddition select:focus {
	border:0px;
	box-shadow: 0px;
	color: #222;
	outline: none;
}
#formaddition select option {
	font-weight:normal;
}

#program-search-map-results-wrapper{
	display: table;
	padding:0px;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	margin-top: 0px;
	/* min-height: 600px; */
}


#program-search-map-results-wrapper #map{
	height:400px;
	width:50%;
	display: table-cell;
	border-left:10px solid #1a3e6b;
}

@media (min-width: 1380px) {
	#program-search-map-results-wrapper #map > img{
		width:92%;
	}
}

#wdyfllSubmit {
    border:0px;
    background:#e35c00;
    border-radius:20px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-family: 'Helvetica W01 Bd Cn';
    width:100%;
    margin-top:30px;
}

#STC {
    display:none;
}

#STC h4 {
    font-family: 'Helvetica W01 Bd Cn';
    font-size: 19px;
    margin-top:30px;
    margin-bottom:10px;
}
#STC p {
    color:#000;
}

#program-search-map-results-wrapper #result-list-wrapper{
	/* width:50%; */
    width:100%;
    max-width:358px;
	display: table-cell;
	/* border-right:10px solid #1a3e6b; */
    border:0px;
	/* overflow: hidden; */
	vertical-align: top;
	/* background-color: white; */
    background: transparent
}

#program-search-map-results-wrapper #filter-program-name{
	border:none !important;
}

#program-search-map-results-wrapper #result-list{
	display: flex;
	flex-flow:row wrap;
}

#program-search-map-results-wrapper #result-list-wrapper h3{
	background-color: #808080;
	text-align: left;
	font-family:'Helvetica W01 Bd Cn';
	color:white;
	text-transform: uppercase;
	padding:25px 20px;
	font-size: 22px;
}

#program-search-map-results-wrapper #result-list .search-results-one{
	padding: 10px 20px;
	/* background-color: white; */
	color:#363636;
	font-size: 14px;
	font-family:'Helvetica Neue';
}

#program-search-map-results-wrapper #result-list .search-results-one .collegeName,
#program-search-map-results-wrapper #result-list .search-results-one strong{
	/* font-family:'Helvetica W01 Bd Cn'; */
    font-family:'Helvetica W01 Cn';
}

#program-search-map-results-wrapper #result-list .search-results-one a{
	color:#ed6000;
	text-decoration: underline;
    background: url('/wp-content/themes/mccs/images/linkinFo.png') right top no-repeat;
    text-indent: -1000px;
    width:18px;
    height:18px;
    display:block;
    overflow: hidden;
}

#program-search-map-results-wrapper #result-list .result-list-college{
	/* padding: 26px 20px; */
    padding-left:20px;
	border-bottom: 1px solid #b9d9ea;
	width:100%;
}

#program-search-map-results-wrapper #result-list .result-list-college .collegeName{
	width:90%;
	float: left;
	font-size: 15px;
    position:relative;
}
#program-search-map-results-wrapper #result-list .result-list-college .collegeName input[type="checkbox"]{
    margin:0px;
    margin-right:10px;
}



#program-search-map-results-wrapper #result-list .result-list-college .collegeName span.degree_available{
	font-size: 13px;
	font-style: italic;
	font-family:'Helvetica Neue';
	display: block;
	color:black;
}

#program-search-map-results-wrapper #result-list .result-list-college .address{
	/* width:30%; */
    width:18px;
	float: left;
	text-align: center;
}

#program-search-map-results-wrapper #result-list .result-list-college:nth-of-type(even){
	/* background-color: #f5f5f5; */
}

#program-search-map-results-wrapper #result-list .result-list-college:last-of-type{
	/*border-bottom: none; */
}
/* START Media Queries */





@media (max-width: 1230px) {
	#program-search-map-results-wrapper #map,
	#program-search-map-results-wrapper #result-list-wrapper {
		display: block;
		width:100%;
	}
	#program-search-map-results-wrapper #map{
		height: auto;
		padding-top:20px;
		text-align: center;
	}
}


@media (max-width: 1050px) {
	#program-search-map-results-wrapper{
		display: block;
		min-height: 100px;
	}
	#program-search-map-results-wrapper #map,
	#program-search-map-results-wrapper #result-list-wrapper {
		display: block;
		width:100%;
	}

	#program-search-map-results-wrapper #map > img{
		display: none;
	}

	#testimonial-wrapper{
		margin-bottom: 15px;
	}
}


@media (max-width: 769px) {

    .slideshow .top {
        top: 10%;
    }

    .slideshow .middle {
        top: 10%;
    }

    .slideshow .bottom {
        bottom: 10%;
    }

    footer {
	    margin-top: 10px;
    }

    .header-top, .quick-links {
        display:none;
    }

    header #logo{
	    width:65%;
	    float: left;
    }

    body {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .page-template-page-what-you-can-do{
	    padding-right: 0px;
        padding-left: 0px;
        max-width: 100%;
    }


    .wrap {

    }

    .top-content {
        margin-bottom: 0px;
    }

    .slideshow-wrapper {
        padding-bottom: 0px;
    }

    .slideshow .slide-overlay {
        display:none;
    }

    .slideshow .slide-overlay .line1, .slideshow .slide-overlay .line2 {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .slideshow .slide-overlay .line1 {
        padding-top: 10px;
        width: 180px;
    }

    .slideshow .slide-overlay .line2 {
        padding-top: 5px;
        padding-bottom: 10px;
        width: 200px;
    }

    .slideshow .slide-overlay .subtitle {
        background-color: #fff;
        color: #000;
        font-size: 12px;
        padding: 10px;
        display: inline-block;

        background-color:#fff; /* fallback */
        background: transparent;
        background-color: rgba(255, 255, 255, 0.85);
        /* now, handle older IE */
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85FFFFFF,endColorstr=#85FFFFFF);
        zoom: 1;
    }

    footer {
    	text-align: center;
    }

    footer .google-translator {
        display:block;
    }

    .colleges-column .mobile,
    .news-column .mobile
     {
        display:block;
    }

    .colleges-column .college-content {
        display: none;
    }

    .colleges-column .desktop {
        display:none;
    }

    .hp-column section h2 {
        text-align: center;
        font-size: 20px;
        padding: 8px 0px;
    }

    .hp-column section {
        border-bottom: 1px solid #666666;
        margin-bottom: 20px;
    }

    .page-banner-title {
        display:none;
    }

    .main-wrap {
        padding-top: 0px;
    }

    .sidebar-header {
        display: block;
    }
    .page-blocks-left,
    .page-blocks-right {
        display: none;
    }

    .what-you-can-do-lp{
	    margin-top: 0px;
    }

    .what-you-can-do-lp #video-section-video-selector{
	    /* display: none; */
    }

    .what-you-can-do-lp #video-section-left-side{
	    padding-right:0px;
	    width:100%;
        padding:20px;
    }

    .what-you-can-do-lp #video-section-right-side{
	    padding:20px 15px 0px;
	    margin-left:0px;
        margin-top: 50px;
	    width:100%;
        min-height:650px;
    }

    #video-section-right-side #video-description .single-video-descr h2{
	    font-size: 23px;
    }

    #video-section-right-side #video-description .single-video-descr h2:before{
	    zoom:0.7;
	    top:0px;
	    left:-30px;
    }

    .what-you-can-do-lp #video-section-right-side #mainecc-descr ul{
	    -webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
    }

    .what-you-can-do-lp  #testimonial-wrapper{
	    display:none;
    }

    form#program-search{
	    padding:0px;
	    margin-top:15px;
    }

    #program-search #zip-search-wrapper{
	    width:100%;
	    max-width: 100%;
	 	margin-right: 0px;
	 	overflow: hidden;
    }

	#filter-program-wrapper,
	#zip-search-wrapper input{
		width:100%;
	}

	#map-tools .chosen-container{
		max-width: 100%;
		min-width: 100%;
	}

	.what-you-can-do-lp #map_intro h2{
		position: relative;
		max-width: 80%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.what-you-can-do-lp #map_intro h2:before{
		position: absolute;
		top:-40px;
		left:50%;
		margin-left: -10px;
	}

	.what-you-can-do-lp #map_intro p br{
		display: none;
	}

	#video-section-right-side #mainecc-descr #getstrted-cta{
		display: none;
	}

	#program-search-map-results-wrapper #map{
		display: none;
	}

	#program-search-map-results-wrapper #result-list-wrapper{
		width:100%;
	}
}

@media(max-width:1000px){
	#testimonial-wrapper .testimonial br{
	    display: none;
    }
}


@media (min-width: 768px) and (max-width: 979px) {

    header #logo {
	    margin-top:10px;
	    margin-left:10px;
    }

	#testimonial-wrapper{
		margin-bottom: 20px;
	}
}

@media (max-width: 979px) {
    .hamburger {
        display:inline-block;
    }

    .mobile-search-spyglass {

        display:inline-block;
    }

    #desktop-menu {
        display:none;
    }

    .search-top-menu {
        display:none;
    }

    #left-hand-nav {
        display: none;
    }
    #page-banner {
        border-top:37px solid #1A3C6D;
    }
    #left-hand-nav .topmargin {
        margin-top: 0px;
    }


}

@media (min-width: 768px) {
    .colleges-column .college-content {
        display:block!important;
    }
    .page-banner-title {
        display:table;
    }
    .sidebar-header {
        display:none!important;
    }
    #left-hand-nav {
        display:block!important;
    }
    .page-blocks-left,
    .page-blocks-right {
        display: block!important;
    }

}

@media (min-width: 979px) {
    #desktop-menu {
        display:inline-block;
    }
    #mobile-menu {
        display:none!important;
    }
    #mobile-search {
        display:none!important;
    }


}



@media (min-width: 1200px) {

}

@media (max-width: 500px) {
    #mobile-menu li a {
        padding-left:10px;
    }

    .hamburger {
        margin-top:10px;
        display:inline-block;
    }

    .mobile-search-spyglass {
        margin-top:10px;
        display:inline-block;
    }

}

#popmessWrap {
    z-index:300;
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.8);
    display: none;
}
#popmess {
    margin: 0 auto;
    height: 50%;
    max-height: 200px;
    width: 80%;
    max-width: 300px;
    background: #fff;
    padding: 5%;
    margin-top: 10%;
    text-align: center;
    position: relative;
}
#popmess a {
    display:block;
    border: 0px;
    background: #e35c00;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-family: 'Helvetica W01 Bd Cn';
    width: 50%;
    margin: 0 auto;
    margin-top: 30px;
    text-transform: uppercase;
}
#popmess span {
    cursor:pointer;
    background:#1A3C6D;
    color:#fff;
    display:block;
    height:30px;
    line-height:30px;
    width:30px;
    text-align: center;
    position:absolute;
    right:20px;
    top:20px;
}

#pinCTA {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background:#d4e5f1;
    color:#1A3C6D;
    text-align:left;
    line-height:50px;
    z-index: 100;
    padding-left:15px;
    padding-right:15px;
    box-sizing: border-box;
}
#pinCTA a {
    color:#1A3C6D;
    text-decoration: none;
    font-family: 'Helvetica W01 Bd Cn';
    position: relative;
    font-size: 20px;
    margin-left: 0px;
    display:block;
}
#pinCTA a:before {
content: url("/wp-content/themes/mccs/images/green-rot-arrow.png");
position: absolute;
top: 0px;
right: 0px;
}

#desktop-menu {
    z-index:1000 !important
}

#video-section-right-side form {
    margin:0px;
    padding-top:20px;
    padding-bottom:20px;
    background:#d4e5f1;
}

#program-search {
    position: relative;
    background: #d4e5f1;
    z-index:200;
}

@media screen and (min-width:768px) {
    #pinCTA {
        display:none;
    }
    #result-list-wrapper h2 {
        font-size:24px;
    }
    #result-list-wrapper h2:before{
    	content:url("/wp-content/themes/mccs/images/green-arrow.png");
    	top:-5px;
    	left:-35px;
    }
    #video-section-left-side #video-headline .single-video-descr h2 span{
        display:inline;
    }

}

footer {
    z-index: 300;
    position: relative;
}


/*
2019/9/4 AL: added styles for Uber Menu V3
*/


#desktop-menu .right-column-gray{
    background-color:#e0e0e0 !important;
}

#desktop-menu nav > ul > li > span > span{
    font-family:"Helvetica W01 Bd Cn",'Arial','sans-serif';
}

#desktop-menu ul{
    margin-left:0px;
}

#desktop-menu li.ubermenu-item span .ubermenu-target-title{
    text-transform: uppercase;
    font-family: 'Helvetica W01 Bd Cn',Arial,sans-serif;
}

#desktop-menu .right-column-gray .textwidget{
    font-size: 14px;
    color:black;
}

#desktop-menu .ubermenu-submenu{
    border: none !important;
}

#desktop-menu .right-column-gray .textwidget a.button{
    color: #fff;
    padding: 5px 15px;
    margin-top: 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    background-color: #f17222;
}

#desktop-menu .right-column-gray .textwidget a.button:hover{
    text-decoration: none;
    color: #f17222;
    background-color: #fff;
}

.video-embedd-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-embedd-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}