/*
Theme Name:     Teton County
Description:    Child of smart adapt, Foundation.
Author:         Brandon Stewart
Template:       smartadapt

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.brown {
	color: #5d574b;
}

body {
	font: 400 1em/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
	text-rendering: auto !important;
	background-color: #fff !important;
 }

.top-bar-outer {
	
	/*strange one*/
    height: 0 !important;
}

.logo {
	display: block;
  padding-top: 10px;
}
.job {margin:0 0 10px 0; border: solid 1px #ccc; }
.job h5 {margin: 15px 0 8px 0; text-indent: 12px;   padding: 4px 0; background: #e9d9c4; letter-spacing: 1px;}
.jobs h5 span {font-size: 16px; letter-spacing: 0; padding: 0; font-weight: 200;  font-family: 'Open Sans', Helvetica, sans-serif !important;}
.directory_p {background-color: #e1e1e1; padding: 0 0 2px 4px;}
#top-navigation li a {
	font-size: 20px;
	color: #545c28;
	background-color: #fff;
	font-weight: 100;
   
}


.top-bar  .current_page_item a {
	background-color: #fff !important;
}
#top-navigation li a:hover {background-color:#fff;
color: #000;}
.toggle-topbar.toggle-button.button {
	background-color: #848484;
}
.top-bar > .row  {
    background: #fff;
}

 .top-bar {
    background: #fff;
/*    height: 150px;
    line-height: 45px;*/
    margin: 0 ;
    padding: 0;
    width: 100%;
    position: relative;
    border-bottom: solid 11px #e9d9c4;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.fullWidth.home { 
overflow: hidden;
max-height: 515px;
 background-size: 100% 100%;
 border-bottom: solid 11px  #b9bca6;
}

.fullWidth.page { 
overflow: hidden;
max-height: 211px;
 border-bottom: solid 11px  #b9bca6;
}


.fullWidth.home img, .fullWidth.page img{ 
max-width: 100%;
height: auto;
}


 #page {
    box-shadow: none;
    padding: 30px 30px 40px 15px;
    border-left: none;
}

#sidebar {
    background-color: #fff;
    position: relative;
    padding-top: 30px;
    margin: 0;
    z-index: 0;
}

.google-map {width:100%; height: 250px;}

#sidebar ul {
  margin: 20px 0;
}
.department-address {
  font-size: 15px;
}
h1, h2, h3, h4, h5 {color: #5d574b;}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 {font-family: 'Open Sans', sans-serif; color: #5d574b;}

#sidebar a {color: #2ba6cb;; }

.button {
    width: auto;
    background: #ad8e4c;
    color: #fff !important;
    border:none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 5px 15px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
  -webkit-box-shadow: 0 10px 4px -5px rgba(0,0,0,.5);
box-shadow: 0 10px 4px -5px rgba(0,0,0,.5);
  }
  .button:hover {background: #777;}
 .button .fa {font-size: 10px; padding: 0 0 0 6px;}
  input[type="submit"] {
    width: auto;
    background: #b9bca6;
    color: #666 !important;
    border:none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 5px 20px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
  -webkit-box-shadow: 0 10px 4px -5px rgba(0,0,0,.5);
box-shadow: 0 10px 4px -5px rgba(0,0,0,.5);
  }
   input[type="submit"]:hover {background: #777; color:#fff!important;}

#top-navigation, #top-switches {
	margin: 60px 0 0 0;
}

#footer-bottom .row{
	border-top: solid 11px #ad8e4c;
}

#main-footer, #footer-bottom, #wrapper {
	background: #fff;
}

.columns.sixteen.toggle-area.show-container {
	background-color: #ad8e4c;
}

h1,h2,h3,h4,h5 {font-family: 'Bitter', serif;}

#sidebar .fa.fa-facebook-square,  #sidebar .fa.fa-twitter-square {
  margin: 15px 5px 15px 0;
font-size: 30px;
color:#666;
}

#sidebar .fa.fa-facebook-square:hover, #sidebar .fa.fa-twitter-square:hover {
 color: #999;
}

blockquote:before {
    content:none;
   }
blockquote {
    margin: 0 0 17px;
    padding: 9px 20px 0 19px;
    border-left:none;
    -webkit-box-shadow: 0 10px 4px -8px rgba(0,0,0,.3);
    box-shadow: 0 10px 4px -8px rgba(0,0,0,.3);
}

blockquote p {
    font-style: italic;
    font-size: 17px;
    margin: .53em 0;
    float: left;
    clear: none;
    color: #444;
}

.indent {text-indent: 10px;}

h5.department {margin-bottom: 0; padding-bottom: 0;}

#sidebar .widget-title{background: none; color: #333;}

#sidebar .widget-title:after {border:none;}

#sidebar #secondary li {list-style: none;}

#sidebar #secondary  li a {
line-height: 1;
display: block;
font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
font-size:18px; 
color: #5d574b;
background: #fff;
padding: 2px 0 2px 4px;
width: 100%;
margin: 0;
border-width:  0;
border-bottom: solid 1px #cdcdc4;
text-decoration: none;
-webkit-transition: background 400ms ease-in;
-moz-transition: background 400ms ease-in;
-ms-transition: background 400ms ease-in;
-o-transition: background 400ms ease-in;
transition: background 400ms ease-in-out;
transition: background 100ms ease-in-out;
}



#sidebar #secondary  li a:hover, #sidebar #secondary .children li a:hover {
    color: #666;
    background: #b9bca6;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: solid 1px #cdcdc4;
    margin: 0; 
    text-decoration: none;
}

.widget-area li {
    line-height: 1.2;
    margin-bottom:0;
}


.widget .widget-title span:before {content: none;}

.top-menu li a {font-family: 'Bitter', serif;} 


/*sidebar*/


.tabs.vertical {
    height: auto;
    margin: -20px 0 0 0;   
    background: #fff;
    padding: 20px 0 0 0;
    border-bottom: none;
}

.tabs.vertical ul li.heading-link a {
  background: #fff; 
  border:none; font-size: 18px; 
  margin:0; padding: 0; 
  font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
font-size:18px; 
font-weight: bold;
color: #5d574b;
}
.tabs.vertical ul li.heading-link a:hover {
  background: #fff;
   border:none; 
   font-size: 18px;  
   color: inherit; 
   cursor: default;
   color: #5d574b;
 }

.tabs.vertical li, .tabs.vertical ul ul > li {border-left: none; }

 .tabs.vertical ul li ul.sub-menu > li a{
  font-weight: 400;
font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
font-size:18px; 
color: #5d574b;
background: #fff;
padding: 2px 0 2px 4px;
width: 100%;
margin: 0;
border-width:  0;
border-bottom: solid 1px #cdcdc4;
-webkit-transition: background 400ms ease-in;
-moz-transition: background 400ms ease-in;
-ms-transition: background 400ms ease-in;
-o-transition: background 400ms ease-in;
transition: background 400ms ease-in-out;
transition: background 100ms ease-in-out;
}



.tabs.vertical ul li ul.sub-menu li.current-menu-item a:hover, 
.tabs.vertical ul li ul.sub-menu li.current-menu-item > a, 
.tabs.vertical ul li ul.sub-menu > li a:hover {
    color: #666;
    background: #b9bca6;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: solid 1px #cdcdc4;
    margin: 0; 
    cursor: pointer;
}




.tabs.vertical ul li ul.sub-menu li.current-menu-item a {background-color: #fff !important; }
.tabs.vertical ul li ul.sub-menu li a:hover {background: #b9bca6 !important; }




  body .tabs.vertical ul li ul.sub-menu a:before {
    content: "";
    display: block;
    border: none;
    cursor: pointer;
}

body .tabs.vertical ul ul.sub-menu {

           margin-left: 15px; 
         }



 #secondary  {
    position: relative;
   margin: 0 0 0 0;
 }

 

#secondary ul li a {

font-size: 24px;
text-decoration: underline;
font-family: 'Bitter', serif;
color: #646b41;
}

.smartlib-rss-link, .smartlib-feed-list {display: none;}
.main-footer p {color: #666; text-align: center; padding: 10px 0 0 0;}
.main-footer a {color: #666; text-decoration: underline;}
.main-footer a:hover {color: #5d574b; text-decoration: none;}





/* Give bottom enough spacing so all destinations can reach top of nav */
#main-footer {

 
}

#comments {display: none;}

/*accordions*/
#faq_container {
 
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #b9bca6;
}

.faq_question {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  display: table;
}

.question {
  margin-bottom: 5px;
  display: table-cell;
  width: 100%;
}
 
.faq_answer_container {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}

.accordion-button-icon {
  display: table-cell;
  line-height: inherit;
  opacity: .5;
  filter: alpha(opacity = 50);
  padding-left: 15px;
  vertical-align: middle;
}

.entry-content a:visited {
    color: #0d99d3;
}

@media only screen and (max-width: 420px) {

                    /*wordpress clasess*/
                    .wp-caption {
                        width: 100% !important;
                    }

                    body .site-logo {

                        float: left;
                        font-size: 0.8em;
                        width: 100% !important;
                        line-height: 3;
                    }

                    #top-bar .mobile-one {
                        width: 100% !important;
                        background: transparent !important;

                    }

                    #top-bar .mobile-three {
                        clear: both;
                        width: 100% !important;

                    }

                    .header-banner {
                        margin-top: 40px;
                    }
                #top-navigation, #top-switches {
                    margin: 0 0 0 0;
                }

                    #top-switches {
                        float:none;

                }
                   .toggle-button span {
                    width:68px;
                   }

                .select-parent {display: none;}
                /*removes parent from select dropdown*/
                .entry-title { font-size: 20px; }
}



@media only screen and (max-width: 767px) {

                .row .mobile-one {
                width: 100% !important;
                float: left;
                padding: 0 15px;
            }

}




@media only screen and (max-width: 1000px) {

          body  .tabs.vertical ul.sub-menu li a {
              font-size: 14px;
              letter-spacing: -.5px;
            } 

            body .tabs.vertical ul ul li{
           margin-left: -20px; }
  }

@media only screen and (max-width: 40em) {

     body #top-navigation, #top-switches {
                margin: 20px 0 0 0;
            }

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) and (max-width: 68em) {

            body #top-navigation, #top-switches {
                margin: 20px 0 0 0;
            }

            body .top-bar ul>li a:not(.button) {
                padding: 0 10px;
            }

 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


  
@media screen and (min-width: 200px) and (max-width: 800px) {

     #top-navigation, #top-switches {
      margin: 5px 0 0 0;
            } 

     #top-switches li a {
       margin-left: 5px;
            }

}



  .embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    min-height: 900px;
  }