@charset "UTF-8";
/* CSS Document
Client: SMP
Company: Informatics, Inc
Author: J Stephens
Date: June 2017

blue: #184a8f
green: #5d9570
*/

/* TYPOGRAPHY */
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
}

h1, h2, h3, h4, h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #222;
}

h1 {
    font-size: 36px;
    letter-spacing: -1px;
}

h2 {
    font-size: 26px;
    letter-spacing: -.5px;
}

h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h4 {
    font-size: 18px;
}

p {
    margin-bottom: 2em;
}
.list-item p {
    margin-bottom: 1em;
}

img {
    max-width: 100%;
}

hr {
    border-color: #ddd;
    margin: 30px 0;
}
/* LINKS */
a {

    color: rgba(0,0,255,1);

}

a:hover {

    color: rgba(0,0,255,1);

    text-decoration: underline;

}

    a:visited {
    }

.btn-theme {
    display: inline-block;
    padding: 10px 20px;
    background: #184a8f;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    border-radius: 20px;
    opacity: .9;
}

    .btn-theme:hover {
        opacity: 1;
        text-decoration: none;
        background: #5d9570;
    }

.container {
    position: relative;
}

/* Animate */
.ccm-page a, a:before, .btn-theme, #nav-main ul {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.quick-links {
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

/* Mobile First */
#header {
    border: 0;
    margin: 0;
    border-top: 5px solid #184a8f;
    position: relative;
    border-radius: 0;
}

#logo {
    display: block;
    padding: 10px;
    text-align: center;
}

#toggle {
    background: #5d9570;
    margin: 0;
    width: 100%;
    border-radius: 0;
}

    #toggle .icon-bar {
        background: #fff;
    }

#nav-main {
    margin: 0 -15px;
}

    #nav-main a {
        color: #222;
        border-bottom: 1px dotted #ccc;
        font-weight: 700;
        letter-spacing: -.5px;
    }

        #nav-main a:hover {
            background: #f4f4f4;
        }

    #nav-main .active > a {
        color: #5d9570;
    }

#nav-main ul {
    list-style: none;
    padding: 10px;
    margin: 0 15px;
    border-left: 3px solid #ccc;
}

    #nav-main ul li {
        display: block;
    }

        #nav-main ul li a {
            font-weight: 400;
            color: #222;
            display: block;
            padding: 5px 10px;
            border: none;
            font-size: 17px;
        }

            #nav-main ul li a:hover {
				background: rgba(0,0,0,.05);
				color: #111;
            }

	#hdr-tools {
		background: #f4f4f4; 
		padding: 0 15px 15px 15px; 
		border: 1px solid #ddd; 
		margin: 15px 0;
	}
	#hdr-tools * {
		margin-top: 10px;
	}
	#hdr-tools .font-sizer {
		display: none;
	}
	#hdr-tools form {
		position: relative;
		padding-top: 10px;
	}
	
	#hdr-tools .form {
		position: relative;
	}
	
	#hdr-tools input {
		width: 100%;
		height: 40px; 
	background: #fff;
		border: 1px solid #ccc;
		text-indent: 10px;
	}
	#hdr-tools button {
		background: none; 
		border: 0;
		position: absolute;
		right: 0;
	top: 0;
		width: 40px;
		height: 40px;
		}

	#hdr-tools ul {
		list-style: none;
		padding: 0; 
		margin: 0;
	}
	#hdr-tools .btn-theme {
		display: block; 
		text-align: center; 
		background: #5d9570;
	}
	#hdr-tools .btn-theme:hover {
		color: #fff; 
		background: #184a8f;
	}

#hero {
    background: url(/web/20201218054231oe_/https://www.smpresource.org/Image/bkg-pattern.jpg) center center #eee;
    background-size: cover;
    padding: 20px;
    text-align: center;
}

    #hero h1 {
        color: #184a8f;
        line-height: 26px;
    }

        #hero h1 span {
            font-size: 24px;
            margin-top: 10px;
            display: block;
        }

    #hero figure {
        display: none;
    }

    #hero .hero-text .btn-theme {
        position: relative;
        padding: 15px 25px 15px 55px;
        border-radius: 30px;
        background: #5d9570;
    }

        #hero .hero-text .btn-theme:hover {
            background: #5d9570;
            color: #fff;
        }

        #hero .hero-text .btn-theme img {
            position: absolute;
            left: 10px;
            top: 8px;
        }

.hero-share {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

    .hero-share li {
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        display: inline-block;
        position: relative;
    }

        .hero-share li:first-of-type {
            width: 100%;
            margin: 0 0 10px 0;
        }

            .hero-share li:first-of-type:after {
                position: absolute;
                left: 0;
                width: 100%;
                bottom: 8px;
                height: 1px;
                background: #bbb;
                content: "";
            }

        .hero-share li span {
            background: #f4f4f4;
            padding: 5px;
            position: relative;
            z-index: 5;
        }

    .hero-share a {
        padding: 10px 10px;
        color: #fff;
        background: #3b5998;
        display: block;
        border-radius: 50%;
        text-align: center;
        width: 35px;
        height: 35px;
    }

        .hero-share a:hover {
            transform: scale(1.1,1.1);
            text-decoration: none;
        }

        .hero-share a i {
            margin: 0 5px 0 0;
            font-size: 16px;
        }

    .hero-share .twitter a {
        background: #1da1f2;
    }

    .hero-share .linkedin a {
        background: #0077b5;
    }

.quick-links {
    background: url(/web/20201218054231oe_/https://www.smpresource.org/Image/bkg-resources.jpg) top right #184a8f;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;
    box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}

    .quick-links:hover {
        background-position: top right -100px;
    }

    .quick-links h2 {
        color: #fff;
        background: rgba(0,0,0,.3);
        text-align: center;
        padding: 25px 15px;
        font-size: 18px;
        margin: 0;
    }

    .quick-links ul {
        list-style: none;
        padding: 15px;
    }

    .quick-links a {
        display: block;
        color: #fff;
        padding: 10px 10px 10px 25px;
        position: relative;
        font-weight: 600;
    }

        .quick-links a:before {
            content: "\f061";
            font-family: FontAwesome;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -10px;
        }

        .quick-links a:hover {
            background: rgba(0,0,0,.2);
            padding: 10px 5px 10px 30px;
            text-decoration: none;
        }

            .quick-links a:hover:before {
                color: #5d9570;
            }

.news-hdr h3 {
    margin: 30px 0 0 0;
    position: relative;
    text-align: center;
}

    .news-hdr h3:after {
        width: 100%;
        height: 1px;
        background: #ccc;
        position: absolute;
        left: 0;
        bottom: 50%;
        content: "";
        z-index: -1;
    }

    .news-hdr h3 span {
        background: #fff;
        padding: 5px;
    }

.news-hdr a.more-news {
    display: block;
    margin: 5px 0 20px 0;
    text-align: center;
}

	.news-list .feature-item {
		display: block; 
		width: 100%; 
		float: left; 
		border-bottom: 1px dotted #ccc; 
		padding: 25px 0;
	}
	
	.news-list .feature-item:hover h2 {
		text-decoration: underline;
	}
	
	.news-list a h2 {
		color: #184a8f; 
		margin: 10px 0;
	}
	
	.news-list p {
		font-size: 16px;
	}

	#news-search {
		display: block; 
		width: 100%; 
		background: #f4f4f4; 
		padding: 15px; 
		float: left; 
		border: 1px solid #ccc; 
		font-size: 16px;
	}
	
	#news-search input {
		width: 75%; 
		padding: 15px; 
		float: left; 
		border: 1px solid #ccc; 
		border-right: none; 
		border-radius: 10px 0 0 10px; 
		background: #fff; 
		color: #444;
	}
	
	#news-search input:focus {
		border-color: #184a8f;
	}
	
	#news-search a.search-btn {
		display: block; 
		width: 25%; 
		float: right; 
		background: #184a8f; 
		font-weight: bold; 
		color: #fff; 
		text-align: center; 
		padding: 16px 0; 
		border-radius: 0 10px 10px 0; 
		font-size: 16px; 
		text-transform: uppercase; 
		opacity: .9;
	}
	
	#news-search a.search-btn:hover {
		opacity: 1;
	}

    .news-list .feature-item h4 {
        color: #184a8f;
        font-size: 21px;
        margin: 10px 0 5px 0;
        letter-spacing: -.5px;
    }

    .news-list .feature-item p {
        color: #444;
        margin: 0;
    }
	
	.news-list-home .feature-item p {
        color: #444;
        margin: 0 0 20px 0;
    }

    .news-list .feature-item a:hover {
        text-decoration: none;
    }

        .news-list .feature-item a:hover h4 {
            text-decoration: underline;
        }

    .news-list .feature-item span {
        font-size: 13px;
        padding: 5px 10px;
    }

.footer {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 40px 0 0 0;
}

    .footer ul {
        width: 100%;
        text-align: center;
        margin: 0 0 40px 0;
    }

        .footer ul li {
            float: none;
            display: inline-block;
        }

            .footer ul li a {
                color: #fff;
                padding: 10px;
                font-weight: 700;
            }

                .footer ul li a:hover {
                    background: rgba(0,0,0,.4);
                }

    .footer .acknowledgements {
        font-size: 13px;
        border-top: 1px dotted #555;
        padding: 20px;
        overflow: hidden;
    }

        .footer .acknowledgements h4 {
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
        }

    .footer .copy {
        margin: 10px 0 0 0;
        text-align: center;
        background: #184a8f;
        padding: 20px;
        font-size: 14px;
    }

        .footer .copy a {
            color: #fff;
        }

#state-list {
    text-align: center;
}

    #state-list .modal-dialog {
        max-width: 1000px;
        width: 95%;
    }

    #state-list .modal-content {
        border-radius: 0;
        border-top: 10px solid #5d9570;
        overflow: hidden;
    }

    #state-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-align: left;
        columns: 2;
    }

    #state-list a {
        display: block;
        font-family: "Montserrat", sans-serif;
        color: #333;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        width: 90%;
        letter-spacing: -.5px;
    }

        #state-list a:hover {
            background: #5d9570;
            color: #fff;
            text-decoration: none;
        }

/* Secondary */
#page-hdr {
    background: #184a8f;
    text-align: center;
    padding: 30px 0;
}

    #page-hdr h1 {
        color: #fff;
        margin: 0 0 5px 0;
    }

    #page-hdr .breadcrumb {
        background: none;
        padding: 0;
        margin: 5px 0 0 0;
    }

        #page-hdr .breadcrumb a {
            color: #fff;
            font-size: 14px;
        }

        #page-hdr .breadcrumb .active a {
            opacity: .8;
        }

.content {
    padding: 15px 0;
}

ul.fancy-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

    ul.fancy-list li {
        display: block;
        padding: 20px 20px 20px 50px;
        border-top: 1px dotted #ccc;
        position: relative;
    }

    ul.fancy-list > li:first-of-type {
        border: none;
    }

    ul.fancy-list li:before {
        content: "\f00c";
        font-family: FontAwesome;
        position: absolute;
        left: 15px;
        top: 30px;
        margin-top: -10px;
        color: #5d9570;
    }

    ul.fancy-list ul {
        margin: 30px 0 0 0;
        padding: 0;
    }

        ul.fancy-list ul li:before {
            display: none;
        }

        ul.fancy-list ul li {
            background: #f4f4f4;
            border: 1px solid #ccc;
            padding: 15px;
            font-size: 14px;
            margin: 0 0 -1px 0;
        }

hgroup h2 {
    position: relative;
    padding: 0 0 10px 0;
    margin: 30px 0 40px 0;
}

    hgroup h2:after {
        position: absolute;
        left: 0;
        bottom: -20px;
        width: 100px;
        height: 5px;
        background: #5d9570;
        content: "";
    }

hgroup p {
    font-size: 19px;
}

hgroup.group-header h2 {
    font-size: 42px;
}

hgroup.group-header p {
    font-size: 24px;
}

hgroup.group-header img {
    max-width: 125px;
}

/* New Sec Nav 09/18/2018 */
#sec {
	border: 1px solid #ccc; 
	border-top: 5px solid #184a8f;
	box-shadow: 3px 3px 10px rgba(0,0,0,.1); 
	background: #fff;
}
#sec ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
}
#sec ul a {
	display: block; 
	padding: 10px 15px; 
	font-size: 1em; 
	font-weight: bold; 
	border-top: 1px solid #ccc;
}

#sec ul a:hover {
	background: rgba(0,0,0,.05);
}
#sec ul ul {
	padding: 5px 0;
}
#sec ul ul a {
	font-size: .9em; 
	font-weight: normal; 
	padding: 6px 5px 6px 25px; 
	border: none;
}

.btn-find-help {
    position: relative;
    padding: 15px 25px 15px 35px;
    border-radius: 10px;
    background: #5d9570;
    /*font-size: 16px;*/  
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

    .btn-find-help:hover {
        background: #5d9570;
        color: #fff;
    }

    .btn-find-help img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 35px;
    }

    .btn-find-help:active, .btn-find-help:focus {
        color: #fff;
        text-decoration: none;
    }

.table tr td:first-of-type {
    font-weight: bold;
}

/* Resources for SMP update 09/18/2018 */
.resource-news-list {}
.resource-news-list h3 {border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.resource-news-list .news-item { display: block; border-bottom: 1px dotted #ccc; position: relative; padding: 20px 10px 10px 80px; min-height: 90px;}
.resource-news-list .news-item img {position: absolute; left: 0; top: 10px; width: 65px;}
.resource-news-list .news-item p {text-transform: none; color: #555; font-size: 16px; margin: 0;}
.resource-news-list .news-item:hover {background: #f9f9f9;}

.resource-list .list-item {text-align: center; color: #555;}
.resource-list .list-item h3 {text-transform: none; letter-spacing: normal; font-size: 1.2em; color: #184a8f;}
.resource-list .list-item img {display: block; margin: 0 auto;}

.resource-list {display: flex; flex-wrap: wrap;}
.resource-list .list-item {padding: 10px 20px; text-align: left; font-size: 1em; border-left: 1px dashed #ccc; margin: 0 0 25px 0;}
.resource-list .list-item img {margin: 0; max-width: 75px; height: auto !important; width:auto !important;}
/*.resource-list .list-item p {margin: 0;}*/
.resource-list .list-item p {font-size: 16px;}
/*.resource-list .list-item:hover {background: #f9f9f9; padding: 10px 15px 10px 25px; text-decoration: none;}*/
/*.resource-list .list-item:hover h3 {text-decoration: underline;}*/
.resource-list .list-item a {font-weight: bold; color: #5d9570; text-transform: uppercase; display: inline-block; padding: 5px 10px; font-size: 14px; }
.resource-list .list-item a:hover {text-decoration: none;}

#smp-contact .btn-theme {max-width: 300px; font-size: 16px; margin: 0;}
#smp-contact .well {font-size: 16px; padding: 0 15px 15px 15px;}
#smp-contact .well p {margin: 0 0 15px 0;}
#smp-contact .well hr {margin: 25px 0;}
#smp-contact .minor {text-transform: uppercase; font-size: 14px;}
#smp-contact .form-req {color: red;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
        margin: 20px 0 20px 0;
    }

    hr {
        margin: 50px 0;
    }

    #logo {
        padding: 10px 0;
    }

    #header {
        box-shadow: 0 8px 8px -5px rgba(0,0,0,.05);
        position: relative;
        z-index: 50;
    }

    #navbar {
        margin: 0 -15px;
    }

    #nav-main {
        text-align: center;
        width: 100%;
        margin: 0;
        border-top: 1px solid #ccc;
	font-size: 0;
    }

        #nav-main li {
            display: inline-block;
            float: none;
        }

        #nav-main a {
            padding: 30px 15px;
            border: 0;
            font-size: 16px;
        }

        #nav-main li:hover > a {
            background: none;
            color: #5d9570;
        }

        #nav-main > li.active > a:after {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            height: 5px;
            background: #5d9570;
            content: "";
        }

        #nav-main ul {
            position: absolute;
            left: -10px;
            top: 100%;
            margin-top: -5px;
            width: 220px;
            background: #fff;
            box-shadow: 5px 5px 10px rgba(0,0,0,.1);
            text-align: left;
            border-top: 5px solid #5d9570;
            border-left: 0;
            display: none;
        }

        #nav-main li:hover > ul {
            display: block;
        }

	#nav-main ul li a {
		padding: 10px;
	}
    
    

#hdr-tools {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 600px;
	text-align: right; 
	background: none; 
	padding: 0; 
	margin: 0; 
	border: 0;
}
#hdr-tools * {
	margin: 0;
}
#hdr-tools .btn-theme {
	display: inline-block; 
	margin: 0; 
	border-radius: 25px;
}
#hdr-tools .form {
	width: 250px; 
	display: inline-block; 
	padding: 0; 
	margin: 0 10px 0 0;
}
#hdr-tools input {
	background: #f9f9f9;
}
#hdr-tools button {
	top: 0; 
	right: 0;
}
#hdr-tools #nav-mini {
	list-style: none; 
	padding: 0; 
	margin: 0 0 10px 0;
}
#nav-mini li {
	float: none; 
	padding: 0; 
	margin: 0; 
	display: inline-block;
}
#nav-mini li a {
	display: block;
}
#nav-mini .font-sizer {
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	padding: 0 10px; 
	margin: 0 10px; 
	display: inline-block;
}
#nav-mini .font-sizer a {
	background: #eee; 
	margin: 0 0 0 5px; 
	width: 30px; 
	height: 30px; 
	text-align: center; 
	display: inline-block; 
	border-radius: 50%; 
	line-height: 30px;
}
#nav-mini .font-sizer a i {
	color: #666;
}
#nav-mini .font-sizer a:hover {
	background: #ccc;
}
.social-link {
	padding: 0; 
	margin: 0;
}
.social-link span {
	display: none;
}
.social-link i { 
	font-size: 35px; 
	vertical-align: middle; 
	line-height: 30px; 
	position: relative; 
	top: -2px;
}


    #hero {
        padding: 75px 0;
    }

    .hero-text {
        padding: 0 15%;
    }

    .hero-share {
        width: 400px;
        margin: 60px auto 0 auto;
    }

    #state-list ul {
        columns: 3;
        padding: 30px;
    }

    .news-hdr h3 {
        text-align: left;
        margin: 30px 0;
    }

        .news-hdr h3 span {
            padding: 5px 5px 5px 0;
        }

    .news-hdr a.more-news {
        text-align: left;
        position: absolute;
        right: 0;
        top: 15px;
        background: #fff;
        padding: 5px 10px;
        border-left: 1px solid #ccc;
    }

    .content {
        padding: 30px 0;
    }

.resource-list .list-item {
	width: 50%;
}

.news-list {
	display: flex; 
	flex-wrap: wrap;
}
.news-list .feature-item {
	width: 33%; 
	padding: 15px;
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1 {
        font-size: 42px;
    }
    #nav-main a {
        padding: 30px 25px;
        font-size: 18px;
    }
	
    #hero {
        text-align: left;
        position: relative;
        overflow: hidden;
        padding: 0 0 70px 0;
    }

        #hero figure {
            display: block;
            position: absolute;
            right: 0;
            bottom: -70px;
            width: 50%;
            height: 115%;
        }

        #hero:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 70px;
            background: #184a8f;
            content: "";
        }

        #hero .hero-text {
            width: 50%;
            float: left;
            padding: 50px 0 60px 0;
        }

            #hero .hero-text .btn-theme {
                font-size: 21px;
                border-radius: 30px;
            }

        #hero .container {
            z-index: 5;
        }

        #hero h1 {
            font-size: 48px;
        }

            #hero h1 span {
                font-size: 22px;
                margin: 10px 0 0 0;
            }

    .hero-share {
        position: absolute;
        left: 15px;
        bottom: -55px;
        z-index: 500;
        width: 310px;
        margin: 0;
    }

        .hero-share li:first-of-type {
            width: auto;
            color: #fff;
        }

            .hero-share li:first-of-type span {
                color: #fff;
                background: none;
            }

            .hero-share li:first-of-type::after {
                display: none;
            }

    #state-list ul {
        columns: 4;
        padding: 30px;
    }

    .news-list {
        width: 100%;
        float: left;
    }

        .news-list a.more-news {
            opacity: 0;
        }

        .news-list:hover a.more-news {
            right: 15px;
            opacity: 1;
        }

    #page-hdr {
        padding: 30px 0;
    }
.resource-list .list-item {
	width: 33%; 
	padding: 15px 30px;
}
.resource-list .list-item:hover {
	padding: 15px 30px;
}

.news-list {
	display: flex; 
	flex-wrap: wrap;
}
.news-list .feature-item {
	width: 25%; 
	padding: 20px; 
	border: none; 
	margin: 0;
}
.news-list-home .feature-item {
	width: 33%;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body {
        font-size: 1.7em;
    }

    #logo {
        position: absolute;
        left: 15px;
        top: 0;
        background: #fff;
        padding: 20px 30px 20px 0;
    }
	
    #nav-main {
        float: right;
        margin: 70px 0 0 0;
        text-align: right;
    }

        #nav-main a {
			font-size: 19px;
            padding: 35px 27px;
        }

        #nav-main ul {
            display: block;
            opacity: 0;
            visibility: hidden;
            top: 90%;
        }

        #nav-main li:hover > ul {
            opacity: 1;
            visibility: visible;
            top: 100%;
        }
		
#hdr-tools {
	width: auto; 
	top: 13px;
}
#hdr-tools .hdr-row {
	float: right;
}
#hdr-tools #nav-mini {
	float: left;
	padding: 0; 
	margin: 6px 12px 0 0; 
	font-size: 14px;
}
#hdr-tools .btn-theme {
	font-size: 16px;
}
#hdr-tools .form {
	width: 230px;
}

    #hero h1 {
        font-size: 60px;
        letter-spacing: -2px;
        margin: 30px 0;
    }

        #hero h1 span {
            font-size: 28px;
            margin: 20px 0 0 0;
        }

    .quick-links a {
        display: block;
        color: #fff;
        padding: 15px 10px 15px 35px;
        position: relative;
    }

        .quick-links a:before {
            left: 10px;
            top: 50%;
            margin-top: -10px;
        }

        .quick-links a:hover {
            padding: 15px 5px 15px 40px;
        }


        .news-list .feature-item span {
            padding: 10px 15px;
        }

    .footer .acknowledgements h4 {
        width: 20%;
        float: left;
        padding: 10px 0;
    }

    .footer .acknowledgements p {
        text-align: left;
        width: 80%;
        float: right;
    }
}

.bread {
    color: #ffffff;
    font-size: 14px;
    padding: 4px;
}

.breadCurrent {
    opacity: 0.8;
    color: #ffffff;
    font-size: 14px;
    padding: 4px;
}

.pageLabel, .page {
    float: left;
}

.page {
    /*line-height: 50px;
            margin-right: 10px;*/
}

    .page a {
        background-color: #ccc;
        padding: 10px;
    }

        .page a.current {
            color: #fff;
            background-color: #184a8f;
        }

/* Code to hide the secondary nav sub item.*/
/*#sec ul li ul {
    display: none;
}*/


#sec ul li.actives ul, #sec ul li.active ul {
    display: block;
}


#ucStoryToolViewer_panPrint, #ucStoryToolViewer_panEmail, div#cms-story-tools div#uSTV_panPrint, div#cms-story-tools div#uSTV_panEmail, div#cms-story-tools div#uSTV_panSocial, div#cms-story-tools div.social-item {
    float: left;
    padding: 3px;
}

.fb-share-button span {
    vertical-align: top !important;
}

.cms-story-tools-item a {
    text-transform: capitalize;
}

    .cms-story-tools-item a img {
        margin-right: 2px;
    }

#cms-story-tools {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 5px;
}

#cms-pagination {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #7C7C7C;
}



#ctl00_cph_ucNL_panPagination a:hover {
    text-decoration: none;
    background-color: #f3f3f3;
}



[id="_lnkPage"] {
    line-height: 18.5px;
    border: 1px solid #0f3c7b;
}



.nextprev {
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    margin: 0 auto;
    line-height: 43px;
    padding: 9px 20px 10px 20px;
}

#ctl00_cph_ucNL_lnkPrev {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}


.pageLabel {
    padding: 8px 8px 8px 22px;
    border: 1px solid #f3f3f3;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}



.page span a {
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    line-height: 20.5px;
    float: left;
}



.page {
    line-height: 0px;
    margin-right: 0px;
}

@media(max-width: 320px) {
    h1 {
        font-size: 30px !important;
    }
}

.autocomplete {
    background-color: white !important;
    overflow: auto !important;
    padding: 10px;
    width: auto !important;
    max-width: 100% !important;
}


.fancybox-slide--iframe .fancybox-content {
    /*height: 80% !important;*/
    width: 800px !important;
}

    .fancybox-slide--iframe .fancybox-content iframe {
        /*height: calc(100% + 35px);*/
    }

@media(max-width: 800px) {
    .fancybox-slide--iframe .fancybox-content {
        /*height: 100% !important;*/
        width: 90% !important;
    }
}

.video-list .feature-item {
    min-height: 275px; 
}

.video-list .feature-item .img-responsive {
    width: 100% !important;
    height: auto !important;
}
.right-sidebar h2{
    font-size:18px;
}
/* NEW FAQ */
.fancy-faq h2 {
    padding-top: 20px;
}

    .fancy-faq h2 i {
        color: #5d9570;
    }

.fancy-faq .btn-expand {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 18px;
    margin: 10px 0 0 0;
    border-left: 5px solid #5d9570;
    border-radius: 0 5px 5px 0;
    position: relative;
}

    .fancy-faq .btn-expand::after {
        content: "\f078";
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 10px;
        opacity: .5;
    }

    .fancy-faq .btn-expand:hover {
        background: #dcdcdc;
    }

.fancy-faq .faq-answer p {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
}

    .fancy-faq .faq-answer p:last-of-type {
        padding-bottom: 20px;
    }
    
@media(min-width: 992px) {
    #page-hdr {
	padding: 15px 0 !important;
    }

    #page-hdr h1 {
        float: left !important;
    }

    .breadcrumb {
	float: right !important;
    }
}
.btn-theme-custom {
    background: #184a8f;
    border-radius: 3px;
    box-shadow: inset 0 20px 20px #266aaf;
    color: #fff;
    padding: 10px 12px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight:700;
}

.btn-theme-custom:hover {
    background-color: #5d9570;
    box-shadow: inset 0 20px 20px #5d9570;
    color:#fff;
}
    
#state-list ul * {
	-webkit-column-break-inside: avoid; 
	column-break-inside: avoid;
}
nav#sec {
	float: left; 
	width: 100%; 
	margin: 20px 0;
}
#ctl00_lnkResource { 
	font-weight: bold; 
	padding: 10px; 
	font-size: 16px; 
}
.small-description {
    font-size: 15px;
}

    .small-description > p {
        margin-bottom: 1em;
    }


a {
  cursor:pointer;
}


.cms-content-detail > p {
    margin-bottom: 5px !important;
}

.cms-content-detail > ul {
    margin-bottom: 15px;
}

div#cms-content>button {
    white-space: unset;
}

@media (max-width: 768px) {
  div#cms-content>button {
    white-space: pre-line;
  }
}

a.newsTitle {
    color: #184a8f !important;
}

 a.vidLink  {
    color: #184a8f !important;
}

a.regis-required-item {
    color: #000 !important;
    font-weight: 600 !important;
}

    a.regis-required-item:hover {
        background: none !important;
    }

.fb-feed {
    border: none;
    visibility: visible;
    height: 500px;
    width: 100% !important;
}

.new-line {
    display:block;
}