/*
Theme Name: Oconto Falls School District
Theme URI: http://ocontofalls.k12.wi.us/
Description: WP Theme Customized for the Oconto Falls School District
Author: Diane Markovich of Packerland Websites
Author URI: http://www.packerlandwebsites.com/
Template: sparkling
*/

/* ----- SITE COLORS ----- */
/*
#808080 - body
#c55002 - headings, anchors
#ccc - hr
#fff - call to action text/button

--- Location Bar ---
#c55002 - background
#fff - color

--- Navigation ---
#3e3e3e - background
#fff - anchors
#c55002 - hover/focus color

--- Footer Widget Area ---
#fff - color, anchors
#c55002 - headings
#c55002 - background

--- Footer ---
#fff - color, anchors
inherit - background
#6a7a8f - social icons
#c55002 - scroll to top
*/

body {
    color: #2f3033;
    background: #fff;
    font-size: 16px;
    }
body.archive .post-inner-content,
body.blog .post-inner-content,
.post-inner-content:first-child,
.post-inner-content {
    border: none;
    }
h1, h2, h3, h4, h5, h6,
.pt-cv-wrapper .h1,
.pt-cv-wrapper .h2,
.pt-cv-wrapper .h3,
.pt-cv-wrapper .h4,
.pt-cv-wrapper .h5,
.pt-cv-wrapper .h6,
.pt-cv-wrapper h1,
.pt-cv-wrapper h2,
.pt-cv-wrapper h3,
.pt-cv-wrapper h4,
.pt-cv-wrapper h5,
.pt-cv-wrapper h6 {
    color: #c55002;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    }
a {
    color: #c55002;
    }
a:focus,
a:hover {
    color: #009a00;
    }
hr {
    border-top: 1px solid #ccc;
    }
p {
    line-height: 1.7;
    }
.btn.btn-default.buttons {
    padding: 10px 0;
    background-color: #c55002;
    font-size: 24px;
    font-weight: bold;
    }

/* ----- STYLE FORMS ----- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border-color: #777;
	border-radius: 0;
	color: #999;
    }
.input-group {
    display: table;
    }
.input-group input {
    width: 100%;
    }
.input-group-addon,
.wpcf7-form-control-wrap {
    display: table-cell;
	border-color: #999;
    }
.btn {
    font-size: 18px;
    }
.btn.btn-default {
    margin-top: 0;
    padding: 2px 16px;
    border: 1px solid #a8a8a8;
    color: #fff;
    background-color: hsla(32,92%,46%,1);
    text-shadow: 2px 2px 1px hsla(32, 92%, 15%, 1);
    }
.btn.btn-default.active,
.btn.btn-default.focus,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #c55002;
    }
.btn-group .btn.btn-default {
    width: inherit;
    }
.abcfslSPgCntr textarea {
    height: 100px;
	}
.abcfslSPgCntr input[type="submit"] {
    margin-top: 10px;
	}
/* ----- STYLE WELL ----- */
.well {
    font: 20px 'Roboto Slab', sans-serif;
    background-color: #dce0dd;
    border: 1px solid #bec2bf;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
    }
.well-chalk {
    color: inherit;
    padding: 10px 25px;
    background: #444 url('images/bg-chalk.jpg');
    border: none;
    font: inherit;
    }
.well.badge-card {
    font: 14px/20px 'Raleway', sans-serif;
    }
.well.badge-card h5 {
    margin-bottom: 0;
    }
/* -----  STYLE LISTS ----- */
.list-group-item {
    padding: 2px 15px;
    border: none;
    background: none;
    }
/* ----- STYLE THE URGENT NOTICE ----- */
.urgent {
    padding: 0 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    }
/* ----- REMOVE SPACE BETWEEN HEADER AND SLIDER ----- */
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
    }
/* ----- STYLE THE FLEX-SLIDER ----- */
.flex-caption,
.flex-control-nav.flex-control-paging,
.flex-direction-nav {
    display: none;
    }
/* ----- STYLE THE SOCIAL SEARCH ----- */
.social-search {
    padding: .35em 0;
    background: #3a3a3a;
    }
#search-txt {
    height: 22px;
    font-size: 12px;
    }
#submit-header {
    color: #fff;
	width: 30px;
    height: 22px;
    margin-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    background: #e27e09;
	border: 1px solid #e27e09;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #633704;
    }
.search-it label {
    color: #3a3a3a;
    }
.search-it .btn.btn-default {
    border-radius: 0;
    }
.social-search #menu-social {
    margin: 0 25px;
    text-align: inherit;
    }
.social-search .social-icons li a {
    color: #fff;
    margin-bottom: 0;
    background-color: #e27e09;
    line-height: 25px;
    height: 25px;
    width: 25px;
    text-shadow: 1px 1px 1px #633704;
    }
.navbar.navbar-default {
    margin-top: 2.2em;
    }
@media (max-width: 767px) {
    .navbar.navbar-default {
        margin-top: 0;
        }
    }
/* ----- STYLE THE NAVIGATION ----- */
.navbar {
    padding: 10px 0 0 0;
    }
.navbar.navbar-default {
    background-color: #444;
    box-shadow: 2px 2px 2px #0f0f0f;
	}
.navbar-header {
    margin-bottom: 10px;
    }
.navbar-collapse.collapse {
    position: relative;
    }
@media screen and (max-width: 767px) {
    .nav.navbar-nav {
        position: inherit;
        }
    }
.nav {
    position: absolute;
    right: 0;
    bottom: 0;
    }
.navbar-nav > li {
    margin: 0 2px;
    padding: 0;
    color: #fff;
    }
.navbar-nav > li > a {
    padding: 5px 15px 3px 15px;
    }
.navbar-nav > li.dropdown > a {
    padding-right: 25px;
    }
.navbar-default .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 600;
    }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > .caret,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > .active {
    color: #fff;
    text-shadow: 2px 2px 3px #333;
    }
.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > li:hover {
    background-color: #f96302;
    }
@media (min-width: 768px) {
    .navbar-default .navbar-nav > li.active,
    .navbar-default .navbar-nav > li:hover {
        border-top-right-radius: 15px;
        border-top-left-radius: 5px;
        }
}
@media (max-width: 1199px) {
    .nav {
        position: inherit;
        }
    }
    /* --- STYLE THE DROPDOWN NAVIGATION --- */
.dropdown-menu {
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
.dropdown-menu li {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    }
.dropdown-menu li:last-child {
    border-bottom: none;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    }
.navbar-default .navbar-nav .dropdown-menu > li:hover,
.navbar-default .navbar-nav .dropdown-menu > li:focus,
.dropdown-menu > .active {
    background-color: #c55002;
    }
.dropdown-menu > li > a {
    font-weight: 600;
    text-transform: uppercase;
    }
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li:hover > a,
.dropdown-menu > li:hover > .caret,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > .caret {
    color: #fff;
    text-shadow: 2px 2px 3px #333;
    }
.navbar-nav > li > .caret {
    margin-left: -18px;
    position: absolute;
    top: 50%;
    }
.navbar-nav > li:hover > .caret {
    color: #fff;
    }
@media (min-width: 768px) {
	.dropdown:hover > .dropdown-menu {
		display: block;
		}
	}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #c55002;
        font-weight: 600;
        }
    }
/* ----- STYLE THE CALL TO ACTION ----- */
.cfa {
    padding: 15px 0;
    background-image: url('images/bg-cta.png');
    border: none;
	}
.cfa-text {
    color: #fff;
    font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
    }
.cfa-text a {
    color: #fff;
    }
.cfa .btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    background-color: rgb(58, 58, 58);
	border: 0px;
    }
.cfa-button:hover {
    background: #000;
    }
/* ----- STYLE INDEX CARDS -----*/
.index-cards {
    padding: 30px 0;
    background: #444 url("images/bg-chalk.jpg");
    }
.index-cards [class*="col-"],
.well-chalk [class*="col-"] {
    outline: 1px solid #ccc;
    }
.index-cards [class*="col-"] {
    outline-offset: -10px;
    padding: 10px;
    }
.well-chalk [class*="col-"] {
    outline-offset: -7px;
    padding: 7px;
    }
.well-chalk  .pt-cv-ifield {
    max-height: 325px;
    }
.index-cards .pt-cv-ifield {
    max-height: 350px;
    }
.index-cards .pt-cv-ifield,
.well-chalk  .pt-cv-ifield {
    background-color: #fff;
    overflow: hidden;
    }
.index-cards .pt-cv-ifield > *,
.well-chalk .pt-cv-ifield > * {
    margin-bottom: 0;
    }
.index-cards .pt-cv-content {
    padding: 0 15px 15px 15px;
    }
.well-chalk .pt-cv-content {
    padding: 0;
    }
.index-cards .pt-cv-title,
.well-chalk .pt-cv-title {
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    }
.well-chalk .pt-cv-title {
    padding: 0 30px;
    }
.pt-cv-title a {
    font-family: 'Roboto Slab', sans-serif;
    }
.depts .pt-cv-view .pt-cv-ifield {
    padding: 12px;
    background: #e0e0e0;
    }
.depts .pt-cv-view .pt-cv-title {
    text-align: center;
    }
.cal .pt-cv-title a {
    font-size: 28px;
    }
.cal .pt-cv-wrapper h2 {
    color: #c55002;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    }
/* ----- STYLE THE LANDING PAGES ----- */
.sub-nav-pg .pt-cv-view .pt-cv-title {
    padding: 20px 10px;
    background: #e6e6e6;
    outline: 1px solid #777;
    outline-offset: -10px;
    text-align: center;
    }
/* ----- STYLE THE DIRECTORY ----- */
#slsTbl_ltr {
    font-size: 14px;
    }
/* ----- STYLE THE GLOBAL TEMPLATE ----- */
.main-content-area.global {
    margin-top: 30px;
    }
/* ----- STYLE THE SMALL STAFF LIST (OLD 11-20-18) ----- */
@media (min-width: 768px) and (max-width: 991px) {
    .clear-sm {
        clear: both;
        }
    }
.small-list [class*="col-"] {
    margin-bottom: 35px;
        }
.small-list .abcfslLstCol.abcfslLstCol-6 {
    width: 100%;
    }
.abcfslMLRAuto {
    outline: 1px solid #ccc;
	outline-offset: 10px;
    }
@media (min-width: 768px) {
    .small-list {
        margin-bottom: 10px;
        font-size: 12px;
        }
    .small-list h3 {
        font-size: 130%;
        }
    .small-list p {
        line-height: 1.4;
        }
	.abcfslMLRAuto {
		outline-offset: -5px;
    	}
    }
@media (min-width: 992px) {
    .small-list.five .col-md-3,
    .small-list.five .col-lg-3 {
        width: 20%;
        }
	.small-list {
    	display: table;
		}
	.small-list [class*="col-"] {
    	margin-bottom: 35px;
		float: none;
		display: table-cell;
		outline: 1px solid #ccc;
		outline-offset: -5px;
        }
	.abcfslMLRAuto {
    	padding: 15px 0;
		outline: none;
    	}
    }

/* ----- STYLE THE STAFF LIST (NEW 11-20-18) ----- */

.staff-list p{
	line-height: 1.3;
}

.staff-list div{
	margin: 15px 0;
	min-height: 330px;
}

/* ----- STYLE THE JUMP LINKS ----- */
:focus {
    outline: none;
    }
:target {
    -webkit-animation: highlight 2s ease;
        animation: highlight 2s ease;
    -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
@-webkit-keyframes highlight {
    0% { border-left-color: #444; }
    100% { border-left-color: transparent; }
    }
@keyframes highlight {
    0% { border-left-color: #444; }
    100% { border-left-color: transparent; }
    }
section > div {
    border-left: 20px solid transparent;
    padding: 10px;
    transition: all 1s ease;
    margin-left: -20px;
    }
/* ----- REMOVE SPACE ABOVE & BELOW CONTENT ----- */
.main-content-area {
    margin: 0 auto;
    }
.page-header {
    margin-top: 0;
    }
.post-inner-content {
	padding-top: 0;
    background-color: transparent;
	}
.post .post-inner-content {
	padding-top: 45px;
	}
.entry-title {
    margin-bottom: 0;
    color: #c55002;
	font-weight: bold;
    text-transform: uppercase;
    }
.bg-row {
    margin: 0 -50px;
    padding: 0 35px;
    background-color: #f1f1f1;
    }
.single-featured {
    display: none;
    }
.home-row {
    margin-top: 35px;
    }
/* ----- ADJUST SIDEBAR ----- */
#secondary.widget-area {
    margin-top: 20px;
    }
#secondary .widget a {
    color: #c55002;
    }
/* ----- STYLE THE PANEL LINKS ----- */
.panel-title {
    font-weight: bold;
    }
/* ----- INDEX PAGE ----- */
.bg-container,
.bg-container .entry-title,
.bg-container h3 {
    color: #fff;
    }
/* ----- CONTENT VIEWS ----- */
.pt-cv-wrapper .btn-success {
    width: 100%;
    background-color: #c55002;
    border-radius: 0;
    border-color: transparent;
    text-transform: uppercase;
    }
.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .btn-success:focus,
.pt-cv-wrapper .btn-success:active,
.pt-cv-wrapper .btn-success:active:hover {
    background-color: #009a00;
    border-color: transparent;
    }
.pt-cv-content {
    line-height: 1.7;
    }
/* ----- SUB-FOOTER AREA ----- */
.sub-footer {
    padding: 60px 0;
    border-bottom: #c55002 solid 5px;
    background-color: #fff;
    }
.sub-footer .pt-cv-wrapper h4 {
    color: #fff;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    }
/* ----- FOOTER WIDGET AREA ----- */
#footer-area {
    background: #444 url("images/bg-chalk.jpg");
    color: #333;
    }
#footer-area a {
    color: #c55002;
    }
#footer-area a:hover,
#footer-area a:focus,
#footer-area a:active {
	color: #c55002;
	}
#footer-area .site-info a,
#footer-area .site-info a:hover,
#footer-area .site-info a:focus,
#footer-area .site-info a:active {
    color: #f96302;
    }
#footer-area .widget {
    margin-bottom: 30px;
    padding: 15px;
    background: #fff;
    }
#footer-area .widgettitle {
    color: #c55002;
    padding-bottom: 10px;
    border-bottom: 1px solid #3b4031;
    font-size: 20px;
    font-weight: 600;
    }
#footer-area .footer-widget-area {
    padding: 30px 0 0;
    }
/* ----- FOOTER ----- */
#colophon {
    padding: 10px;
    border-top: none;
    }
.site-info {
    color: #fff;
    font-size: 14px;
    }
.site-info a {
    color: #fff;
    }
.copyright {
    text-align: left;
    }
@media (max-width: 767px) {
    .copyright {
        clear: both;
        }
    }
#developed-by {
    text-align: right;
    }
#developed-by,
.copyright {
    margin: 10px 0;
    padding: 0 15px;
    }
#developed-by,
#footer-area .social-icons,
#footer-area #menu-social,
.copyright {
    width: 33%;
    }
#developed-by,
.social-icons,
#menu-social {
    float: right;
    }
.scroll-to-top {
    background: hsla(24, 98%, 49%, 0.7);
    }
.scroll-to-top:hover {
  background: #444;
    }
#footer-area .social-icons li a {
    background-color: #f96302;
    }
#menu-social-items {
    margin-bottom: 0;
    }
#menu-social li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 800;
	}
#menu-social li a[href*="twitter.com"]::before,
#menu-social li a[href*="facebook.com"]::before,
#menu-social li a[href*="youtube.com"]::before {
	font-weight: 500;
	}
#menu-social li a[href*="lunch"]::before {
    content: "\f2e7";
    }
#menu-social li a[href*="lunch"]:hover {
    background-color: #057;
    }
#menu-social li a[href*="staff"]::before {
    content: "\f0c0";
    }
#menu-social li a[href*="staff"]:hover {
    background-color: #ce3127;
    }
#menu-social li a[href*="northeasternconferencewi.org"]::before{
    content: "\f073";
    }
#menu-social li a[href*="northeasternconferencewi.org"]:hover {
    background-color: #f77d32;
    }
#menu-social li a[href*="fwemnu01"]::before {
    content: "\f0c2";
    }
#menu-social li a[href*="fwemnu01"]:hover {
    background-color: #2733aa;
    }
@media (max-width: 991px) {
    .copyright,
    #footer-area #menu-social,
    #developed-by {
        width: 100%;
        text-align: center;
        }
    }