/*  Wyoming Judicial Branch Custom Styles
    Author: Drew Reutlinger - Web Developer
    Date: 23 May 2016
    Description: Here is the Staging CSS file.;
    
    Notes:
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
    ## Header
    ## Panel
# Forms
# Navigation
    ## Links
    ## Menus
    ## Webslide Menu
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## News
    ## Footer
    ## Asides
    ## Search
    ## Modal
    ## Calendar
    ## CJP    
        ### BlogTalk
# Slider
# Media
    ## Galleries
    ## Events
# Admin
# Plugins
    ## ACF
    ## Gravity Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h2 {
    font-family: 'Lato Thin';
    text-transform: uppercase;
    color: #173f6b;
    font-size: 4em;
    font-weight: normal;
    text-align: center;
}

h3 {
    color: #173f6b;
}

.page-heading {
    font-family: Lato;
}

    .page-heading p {
        font-size: 1.2em;
        color: #19406c;
    }

.heading {
    font-weight: bold;
    font-family: Lato;
    font-size: 1.2em;
}

    .heading h2 {
        font-size: 3.2em;
    }

.title {
    font-weight: 700;
    font-size: 1.2em;
    color: #337ab7;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.box {
    -webkit-box-shadow: -4px 6px 17px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 6px 17px 0 rgba(0,0,0,0.75);
    box-shadow: -4px 6px 17px 0 rgba(0,0,0,0.75);
    padding: 5px 10px;
    margin-top: 10px;
}

.box-outreach {
    min-height: 360px;
}

.box-associations {
    min-height: 275px;
}

.box-header {
    font-size: 1.4em;
    border-bottom: #ccc 1px solid;
    display: block;
    margin-bottom: 5px;
}

.box-footer {
    font-size: 1.2em;
    border-top: #ccc 1px solid;
    margin-top: 5px;
    line-height: 2;
    bottom: 0;
    position: absolute;
    width: 87%;
}

.listHeading {
    font-weight: bold;
}

.district-container {
    padding: 10px;
}

#about-section {
    font-family: Lato;
}

    #about-section h5 {
        color: #19406c;
        font-size: 1.2em;
        margin: 30px 0 0 0;
    }

    #about-section p {
        font-size: 1.4em;
        color: #19406c;
    }

ul.list-unstyled{
    margin:0px;
}

.indexContainer ul {list-style: none; margin-left: 10px;}

.equalHeight{min-height: 200px;}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#site-header {
    background-color: #7181a1;
    width: 100%;
    margin: 0 0 70px 0;
    height: 75px;
}

#site-header-mobile {
    background-color: #7181a1;
    width: 100%;
    height: 40px;
}

.ribbon {
    width: 98px;
    height: 143px;
    background: url('../art/ribbon.png');
    display: inline-block;
    margin: 0 auto;
    position: absolute;
}

#banner-links ul {
    position:relative;
    width: 100%;
    top:50px;
    margin: 0px;
    padding: 0px 88px 0px 133px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#banner-links ul li {
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
    font-size:14px;
    font-family:Raleway, sans-serif;
}

#banner-links ul li a {
    color:#666;
}

#banner-links ul li a:hover {
    text-decoration:none;
}

#banner-links ul li img {
    margin: -3px 0px 0px 5px;
}

#closure-closed-desktop {
    width:100%;
	height:auto;
	background-color:#810512;
	color:#FFF;
	font-family:Raleway, sans-serif;
    font-size:14px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

#closure-closed-desktop p {
    margin: 0px;
}

#closure-closed-desktop a:link {
	color:#FFF;
    text-decoration:underline;
}

#closure-closed-desktop a:hover {
	color:#EEE;
    text-decoration:underline;
}

#closure-closed-mobile {
    width:100%;
    background-color:#810512;
    color:#FFF;
    font-family:Raleway, sans-serif;
    font-size:14px;
    text-align:center;
    padding:5px;
}

#closure-open-desktop {
    width:100%;
	background-color:#FFF;
	color:#666;
	font-family:Raleway, sans-serif;
    font-size:14px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

#closure-open-mobile {
    width:100%;
    background-color:#FFF;
    color:#000;
    font-family:Raleway, sans-serif;
    font-size:14px;
    text-align:center;
    padding:5px;
}

/*--------------------------------------------------------------
## Panel
--------------------------------------------------------------*/  
.panel {margin-bottom: 5px;}
ul.nav-tabs {margin-left: 0px};          

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.wsmenu {
    font-family: Raleway, sans-serif;
    color: #4d4d4d;
    font-size: 1.2em;
}

.navbar {
    margin-bottom: 0;
}

.navbar-toggle .icon-bar {
    background-color: #666;
}

.nav > li > a {
    padding: 10px 13px;
}

.header-separator {
    background-color: #1b416e;
    height: 32px;
    border-top-color: #000;
    border-top-width: 20px;
}

.nav-pills > li {
    background-color: #1b416e;
}

    .nav-pills > li > a {
        color: #fff;
        border-radius: 0;
        text-decoration: none;
    }

        .nav-pills > li > a:hover, .nav-pills > li > a:focus {
            color: #1b416e;
        }

.arrow {
    float: right;
    line-height: 1.5;
    color: #1b416e;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
    color: #173f6b;
}

    a.logo-link {
        font-family: Raleway;
        color: #fff;
        font-size: 2em;
        margin: 0 0 0 100px;
        height: 0;
        display: inline-block;
        padding: 18px;
    }


    a.logo-link-mobile {
        font-family: Raleway;
        color: #fff;
        font-size: 1.6em;
        margin: 0 auto;
        height: 0;
        display: inline-block;
        padding: 0 20px;
    }

    a.badge {
        background-color: #337ab7;
        color: #fff;
    }

        a.badge:hover {
            background-color: #609dd2;
        }

    a.btn-blue {
        background-color: #337ab7;
        color: #fff;
        text-shadow: none;
        background-image: none;
    }

        a.btn-blue:hover {
            background-color: #609dd2;
            text-decoration: none;
            color: #fff;
        }

            a.btn-ghost {
        border:solid #fff 1px;
        color: #fff;
        text-shadow: none;
        background-image: none;
        z-index:10000;
    }

        a.btn-ghost:hover {
            background-color: #609dd2;
            text-decoration: none;
            color: #fff;
        }
    a.btn, a.btn:visited{text-decoration: none !important;}
    a.btn-danger, a.btn-danger:visited{color:#ffffff;}
    a.btn-primary{color: #ffffff;}
    h4.panel-title a{text-decoration: none;}

.opinion-id {
    margin-left: 10px;
    line-height: 2.4;
}

.viewAll a {
    border: 1px #173f6b solid;
    padding: 5px;
    margin-left: 10px;
}



.underline > a {
    text-decoration: underline;
}

    .underline > a:hover,
    .underline > a:focus {
        text-decoration: underline;
    }

.link {
    text-decoration: underline;
}

a.ghost-button {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    margin: 0 0 20px 0;
}

    a.ghost-button:hover {
        color: #000;
        border-color: #000;
        background-color: transparent;
    }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Webslide Menu
    -- See additional website css file - assets/css/webslidemenu.css
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

  .bottom-align-text {
    position: absolute;
    bottom: 0;  
  }

.featured-category-row {
    margin-top: 30px;
    position: relative;
}

.featured-category {
    font-family: Lato, sans-serif;
    margin-bottom: 20px;
    min-height: 325px;
}

    .featured-category h3 {
        font-size: 1.4em;
        text-transform: uppercase;
        text-align: center;
    }

    .featured-category p {
        min-height: 75px;
    }

.btn-featured-category {
    border-color: #dbdbdb;
    border-color: #ccc;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #333;
    background-color: #fff;
    text-transform: lowercase;
}

.icon img {
    margin: 0 auto;
    display: block;
}

.note {
    margin: 10px;
    font-size: 11px;
}

.notice {
    color: red;
}

.entry-content a {
    text-decoration: underline;
}

/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/

.news-section {
    padding-bottom: 40px;
}

.news-container {
    font-family: Lato;
}

    .news-container a {
        color: #fff;
    }

    .news-container a.link {
        color: #173f6b;
    }

.news-header {
    font-family: 'Lato Thin';
    text-transform: uppercase;
    color: #173f6b;
    font-size: 4em;
    font-weight: normal;
    text-align: center;
}

.news-date{
   font-size:.8em; 
   margin-bottom:5px; 
}

a.btn-view-all {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #fff;
    text-transform: uppercase;
    background-color: #7181a1;
    margin: 0 0 20px 0;
}

.news-item {
    margin: 0 0 50px 0;
}

.news-heading {
    color: #333;
    font-size: 1.8em;
}

.news-date {
    color: #666666;
    text-transform: uppercase;
}

/*.news-excerpt {
}*/

a.news-more {
    text-decoration: underline;
}

    a.news-more:hover {
        color: #333;
    }

.news-heading-happenings {
    color: #173f6b;
    font-size: 1.1em;
    font-weight: bold;
}

.news-article-happenings{
    background-color: #eee;
    margin:10px 0;
    padding:10px;
}

.news-article{
    margin:10px 0;
}


/*--------------------------------------------------------------
## Calendar
--------------------------------------------------------------*/

.mc-main .close {
    right: .5em!important;
}


/*--------------------------------------------------------------
## CJP
--------------------------------------------------------------*/

.productbox img {cursor: pointer;}

/*--------------------------------------------------------------
### BlogTalk
--------------------------------------------------------------*/
div.archiveEntry{
    margin:10px 0;
}

div.archiveEntry a{
    text-decoration:underline;
}

.titleArchives{
    font-size:16px;
    font-weight:bold;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/



#footer {
    background-image: url(../art/bkgndFooter.png);
    color: #fff;
    font-family: Lato;
    padding: 10px 0;
    border-top: #888888 solid 2px;
}

.footer-menu li a{color: #ffffff}

.address-title {
    font-size: 14px;
}

.footer-contact {
    font-size: 12px;
}

footer a {
    color: #fff !important;
}

    footer a:hover, footer a:focus {
        color: #ccc;
    }

/*.footer-menu {
}*/

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

    ul.footer-menu li {
        float: left;
        list-style: none;
        padding: 0 5px;
    }
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.search-wrap{
    float: right;
    margin-top: 25px;
}

input#search-input {
    height: inherit;
}

input#search-input,
.search-submit{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: normal;
    margin-top: 0;
}

.search-submit {
    background-color: #1B416E !important;
    background-image: none !important;
    border: none !important;
    padding: 6px;
    float: right;
    margin-left: 5px;
    border-radius: 3px;
}

    .search-submit:hover {
        background-color: red;
    }

/*--------------------------------------------------------------
## Modal
--------------------------------------------------------------*/
#BoardMembers .modal-dialog {
    width: 1200px;
}

/* WJC Committees Page Template Begin */

#BoardMembers2 .modal-dialog {
    width: 1200px;
}

#BoardMembers3 .modal-dialog {
    width: 1200px;
}

#BoardMembers4 .modal-dialog {
    width: 1200px;
}

#BoardMembers5 .modal-dialog {
    width: 1200px;
}

#BoardMembers6 .modal-dialog {
    width: 1200px;
}

#BoardMembers7 .modal-dialog {
    width: 1200px;
}

#BoardMembers8 .modal-dialog {
    width: 1200px;
}

/* WJC Committees Page Template End */

.modal {
    z-index: 20000;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.caption-wrap a{color: #ffffff;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.photoBox {
    margin: 10px 0;
    text-align: center;
}

    .photoBox h5 {
        margin: 5px;
    }

.polaroid {
    padding: 5px;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
    display: block;
}

.productbox {
    min-height: 310px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/

#tribe-bar-form{display: none;}

/*--------------------------------------------------------------
## ACF
--------------------------------------------------------------*/

#acf-field-judges{height: 2000px;}

/*--------------------------------------------------------------
## Gravity Forms
--------------------------------------------------------------*/

span.ginput_product_price_label{display: none;}
span.ginput_product_price{display: none;}
span.ginput_quantity_label{margin-left:0px!important;}

/*--------------------------------------------------------------
## UberMenu
--------------------------------------------------------------*/

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    min-width:250px !important;
}

/*--------------------------------------------------------------
## Bootstrap Tabs
--------------------------------------------------------------*/

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    background-color:#1B416E !important;
    color:#FFF !important;
}