/*
Theme Name:         Portland Art Museum - MainSite
Theme URI:          http://www.blackbaud.com
Description:        Blackbaud Bootstrap is a WordPress starter theme based on the Roots Theme. <a href="https://github.com/roots/roots/contributors">Contribute on GitHub</a>
Version:            1.0.0
Author:             Blackbaud Interactive
Template:           blackbaud-bootstrap
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@import url("../blackbaud-bootstrap/style.css");
@import url("assets/css/theme-defaults.css");
@import url("custom.css");
/*@import url("debuggingResponsive.css");*/

body {
  background: #fff;
  font-family:'Lato', Arial,Helvetica,sans-serif;
  line-height: 22px;
}
a,
#footer p > a,
#footer li > a,
#footer strong a,
#footer a strong {
  color: #f26649;
}
#footer a:hover {
  text-decoration:underline;
}

a:active {
  text-decoration:none !important;
}


/*
Headings
================================================ */
h1 {
  font-family:'Lato', Arial,Helvetica,sans-serif;
  color:#00afdc;
  font-size:24px;
  font-weight:700;
  line-height:normal;
  margin:.5em 0 10px;
  text-align:left;
  clear:both;
}

h2 {
  font-family:'Lato', Arial,Helvetica,sans-serif;
  color:#00afdc;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  line-height:normal;
  margin:.5em 0 0;
  text-align:left;
}


h2.home-news{
  font-family:'Lato', Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:20px;
  text-transform:uppercase;
  color:#F26649;
  margin: -6px 0 0;
}

h3{
  font-family:'Lato', Arial,Helvetica,sans-serif;
  color:#9d968c;
  font-size:14px;
  line-height: 19px;
  font-weight:700;
  line-height:normal;
  /*margin:.5em 0 0;*/
  margin:.5em 0 .25em 0;
  text-align:left;
}


h4 {
  font-family:'Lato', Arial,Helvetica,sans-serif;
  color:#484540;
  font-size:12px;
  line-height: 17px;
  line-height:bold;
  margin:.5em 0 0;
  text-align:left;
}

h5 {
  color:#484540;
  font-family:'Lato', Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height: 20px;
  font-weight:400;
  margin:.5em 0 0;
  text-align:left;
}

h6 {
  font-family:'Lato', Arial,Helvetica,sans-serif;
  color:#484540;
  font-size:12px;
  line-height: 17px;
  margin:0;
  text-align:left;
  font-style:italic;
}


h2 a:link,
h2 a:visited,
h2 a:active {
  color: #00afdc;
}
h2 a:hover {
  color: #f26649;
  text-decoration: none;
}

blockquote, q {
  quotes: none;
  margin: 0 0 0 1em;
  padding: 0;
  font-size: 13px;
  border-left: none;
}

/*
Grid Spacing
=============================================== */

[class*="template-interior"] #content-primary [class*="col-"] {
  padding-bottom: 20px;
}

[class*="template-interior"] #content-primary [class*="col-"] h2 {
  margin: 0 0 7px;
}

[class*="template-interior"] #content-primary [class*="col-"] > h2 {
  margin: 0 0 7px;
}

#content-primary p,
#content-primary li,
#content-primary ul,
#content-primary td {
  color: #333;
}

/*
Page Header
================================================ */
body .page-header {
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}

/*
Image Handling
================================================ */
img.pull-left {
  margin-right: 20px;
  margin-bottom: 20px;
}
img.pull-right {
  margin-left: 20px;
  margin-bottom: 20px;
}

body .img-responsive {
  width: auto;
}
body .sectionB .img-responsive,
body .sectionC .img-responsive,
body .col-sm-4 .img-responsive,
body .col-md-6 .img-responsive {
  width: 100%;
}

/*
Social Media Buttons
================================================ */
[id*="menu-social-media"] {
  list-style:none outside none;
  padding: 0;
  margin: 20px 0 0;
  }
[id*="menu-social-media"] li {
  display:inline-block;
  margin-top:0;
  top:0;
}
ul[id*="menu-social-media"] li{
  list-style: none;
  position: relative;
}
ul[id*="menu-social-media"] li:before{
  content: "";
  font-family: FontAwesome;
  margin-right: 0;
}

[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover,
[id*="menu-social-media"] li,
[id*="menu-social-media"] li a{
  color: #AAA297;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  }

[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover,
[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover{
  color: #f26649;
  background: none;
  }

section.widget h3 {
  display: none;
}
/*
Top Brand Logo
================================================ */
.header-line {
  border-bottom: 1px solid #c6bdb0;
  position: relative;
}

/*
Top Navigation styling
================================================ */
#nav .navbar-nav>li>a,
#nav .navbar-nav>li {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #c6bdaf;
  text-transform: uppercase;
  }
#nav .navbar-nav>li>a:hover,
#nav .navbar-nav>li:hover,
#nav .navbar-nav>li.open>a,
#nav .navbar-nav>li.open {
  color: #f26649;
  background: transparent;
}
#nav .navbar-nav>li:focus,
#nav .navbar-nav>li>a:focus {
  background:transparent;
}
#nav .navbar-nav>li li {
  text-transform: none;
}
#nav .navbar-nav>li>.dropdown-menu {
  background:#a7a199;
  padding:0;
  z-index:1000;
  filter:alpha(opacity=90);
  opacity:.9;
  }
#nav .navbar-nav>li>.dropdown-menu li>.dropdown-menu {
  display: none;
}
#nav .navbar-nav>li>.dropdown-menu a{
  background: none!important;
  padding: 15px 20px;
  text-indent: 0;
  font-family: 'Lato', arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  border-bottom: solid 1px #d3d0cc;
  height: auto!important;
  line-height: normal;
}
#nav .navbar-nav>li:hover>.dropdown-menu a:hover,
#nav .navbar-nav>li.open>.dropdown-menu a:hover
{
  background: #f26649!important;
  text-decoration: none;
}


/* make bootstrap dropdowns work on hover */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
}
.navbar-nav .dropdown:hover > a[data-toggle=dropdown] + .dropdown-menu {
  display: none;
}
.navbar-nav .dropdown.open > a[data-toggle=dropdown] + .dropdown-menu {
  display: block;
}


/*
Search Box (see custom.css)
================================================ */
#utility {
  z-index: 2;
  position: absolute;
  right: 0;
}
#utility .btn-primary{
  color: #fff;
  background-color: #c6bdaf;
  border-color: #c6bdaf;
}
body .navbar-form .input-group>.form-control {
  -webkit-transition: width .7s;
  -moz-transition: width .7s;
  transition: width .7s;
  display: inline-block;
  float: right
}
#header .btn-search {
  padding-bottom: 5px;
  padding-top: 5px;
}
/*
Utility Menu
================================================ */
#utility ul a {
  font-weight: bold;
  font-family: 'Lato', arial,helvetica,sans-serif;
  font-size: 11px;
  color: #f26649;
  display: block;
  float: left;
  text-decoration: none;
}
#utility ul a:hover {
  text-decoration: underline;
  background-color: transparent;
}


/*
Home carousel to behave like slideshow
=============================================== */
/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
/* Remove pip controls */
.carousel-indicators,
.carousel-caption h4 {
  display: none;
}
.carousel-control.left .glyphicon {
  margin-left: -15px;
}

/* indent left for smaller sliders */
.home #home-content-primary .carousel-control.left .glyphicon {
  margin-left: 50px;
}
.home #home-content-primary .carousel-control .glyphicon-circle-arrow-right {
  margin-left: -20px;
}
#media .carousel-caption {
  padding-bottom: 0;
}
.home #home-content-primary .carousel {
  padding-bottom: 20px;
}

.carousel-control .glyphicon-circle-arrow-left,
.carousel-control .glyphicon-circle-arrow-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
/*
Home Articles
================================================ */
.home article {
  padding-bottom: 10px;
}

/*
Home Action Navigation
=============================================== */

ul.servicesNav {
  list-style-type: none;
  width: 100%;
  margin: 0 0 0;
  padding: 0;
}

ul.servicesNav ul {
  margin:0;
  padding:0;
  list-style:none;
}

ul.servicesNav li {
  line-height:normal;
  background:transparent;
  font-weight:400;
  border-bottom:1px solid #fff;
}

ul.servicesNav li.parent a {
  background:none repeat scroll 0 0 #F26649;
  color:#FFF;
  font-size:12px;
  font-weight:700;
  padding:10px 20px;
}

ul.servicesNav li.parent a:hover {
  color:#fff;
  font-weight:700;
  display:block;
  text-decoration:none;
}

ul.servicesNav li.parent li a {
  background:transparent;
  color:#555;
  font-weight:400;
  padding:5px 20px;
}

ul.servicesNav li.parent li a:hover {
  background:transparent;
  color:#f26649;
  font-weight:400;
}

ul.servicesNav li.parent li.selected a {
  background:transparent;
  color:#f26649;
  font-weight:400;
}

ul.servicesNav li a {
  background:#c6bdb0;
  display:block;
  padding:10px 20px;
  color:#fff;
  font-weight:700;
}

ul.servicesNav li a:hover {
  background:#f26649;
  color:#fff;
  text-decoration:none;
}

/*
Side Toolbox
================================================ */

#toolbox {
  background: url(assets/images/back-toolbox.gif) repeat scroll 0 0 #FFF;
  margin-top: 0px;
  padding: 20px 10px 20px 20px;
}
.home #toolbox {
  padding: 1px 10px 20px 20px;
}
#toolbox section.widget h3 {
  display: block;
}

/*
Third Party iFrames
================================================ */

iframe[id*="twitter"]{
  width: 100%;
  min-width: 154px !important;
}
.sectionA iframe,
.sectionB iframe,
.sectionC iframe{
  width: 100% !important;
  min-width: 321px !important;
}


/*
Intenal Navigation styling
================================================ */
.widget_nav_menu h3 {
  display: none
}

.nav-menu.widget-nav-menu ul li,
.nav-menu.widget-nav-menu ul li.current-menu-item ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-page-parent li.current-menu-item ul > li > ul > li{
  display:none;
}

.nav-menu.widget-nav-menu ul li.active,
.nav-menu.widget-nav-menu ul li.active li,
.nav-menu.widget-nav-menu ul li.current-menu-item,
.nav-menu.widget-nav-menu ul li.current-menu-item ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor,
.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li,
.nav-menu.widget-nav-menu ul li.current-page-parent li.current-menu-item ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li.current_page_item,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li.current_page_ancestor > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li.current_page_ancestor > ul > li.current_page_ancestor,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li.current_page_ancestor,
.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li.current-menu-item > ul > li{
  display:block;
}
.nav-menu {
  list-style: none;
  padding: 0;
}
.nav-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nav-menu li a {
  display: none;
}
.nav-menu li li a {
  display: block;
}
.nav-menu {
  background:transparent;
}

.nav-menu a {
  color:#58585a;
  font-family:'Lato', Arial,Helvetica,sans-serif;
  background:transparent;
}

.nav-menu li a {
  font-size:1.6em;
  padding:0;
  border-bottom:1px solid #ded9d6;
}

.nav-menu .current-menu-item > a,
.wordpress .nav-menu .current-post-parent > a {
  background-image:none;
  background-position:7% center;
  background-color: #dbd8c5;
  margin-bottom:1px;
}

.nav-menu li li {
  border-bottom:1px solid transparent;
}

.nav-menu li li.active > a {
  color: #fff;
  background: #f26649;
}

.nav-menu li li.active li.active > a {
  color: #f26649;
  background: #f8f7f4;
}
.nav-menu li li.active li.active:hover > a {
  text-decoration: underline;
}

.nav-menu li li a {
  background: none repeat scroll 0 0 #C6BDB0;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  display: block;
  float: none;
  font-size: 13px;
  font-weight: bold;
  height: 100%;
  padding: 10px 20px;
  text-decoration: none;
  text-indent: 0;
  }
.nav-menu a:hover,
.nav-menu li.current-menu-parent li.current_page_item > a {
  color: #fff;
  background: #f26649;
}
.nav-menu li li li a:hover {
  color: #f26649;
  background: #f8f7f4;
  text-decoration: underline;

}

.nav-menu .sub-menu .menu-item a:hover{
  color:#ffffff;
}

.nav-menu li li li a {
  background-color:#f8f7f4;
  color: #58585a;
  line-height:1.186em;
  font-weight: normal;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 20px;
}

.nav-menu li li li li a {
  background-position:-20px center;
  /*padding:.557em 2.14286em .557em 4.7em;*/
  padding:.557em 2.14286em .557em 3em;
}


/*
Footer
================================================ */
#footer h4,
section.widget.twitter-widget h3 {
  font-family:'Lato', Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:15px;
  text-transform:uppercase;
  color:#beb6a8;
  display: block;
}

#footer strong {
  color: #484540;
}

footer h4 {
  padding-top: 25px;
  clear: both;
}
footer .container{
  background-color: transparent;
}


/*
Custom content styling
================================================ */


/* Trustee List */
ul.trustee-list,
ul.trustee-list li,
ol.trustee-list,
ol.trustee-list li{
  list-style: none outside none;
  margin: 0 0 6px 0;
  line-height:1.225;
}
/* membership listings pages */
[class*="membership-listings"] blockquote {
  margin: 0;
}
[class*="membership-listings"] #content-primary .row {
  margin-bottom: 10px;
}
/* Small Vertical Action Buttons */
blockquote ul {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  width: 80%;
  font-size: .8em;
}
blockquote ul li {
  display: block;
  float: left;
  width: 15%;
  margin: 0;
  padding: 0;
}

blockquote ul li a {
  background: none repeat scroll 0 0 #C6BDB0;
  border-left: 1px solid #fff;
  color: #FFF;
  display: block;
  padding: 3px 0;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
blockquote ul li a:hover {
  color: #fff;
  background: #f26649;
  border-color: #fff;
}
blockquote + ul:before {
  content: "";
  clear: both;
  display: block;
  height: 1px;
}
/* Expanding text */
.showmore {
  margin: 0 0 10px;
}

.showmore .show,
.showmore .hide {
  display: inline-block !important;
}
body a.showmore>span.view_modifier,
body a.showmore>span.view_modifier.show {
  background: none;
  padding: 0;
}

/* Expanding text New */
body .collapseomatic {
  background-image: none;
  background-repeat: no-repeat;
  padding: 0 0 10px;
  cursor: pointer;
  color: #f26649;
}
body .colomat-close {
  background-image: none;
}
element.style {
}
.collapseomatic_excerpt,
.collapseomatic_content {
  margin-left: 0;
}

.inner_text.hide {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;

  /* Set our transitions up. */
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
}
.inner_text.show {
  /* On hover, set the max-height to something large. In this case there's an obvious limit. */
  height: 100%;
}


#home-content-tertiary .carousel-indicators,
#home-content-tertiary .carousel-caption {
  display: none;
}

#media .container {
  padding-top: 20px;
}
#header {
    padding-top: 10px;
}
.navbar-toggle {
  border: 1px solid #f26649;
}
#nav {
  background-color: transparent;
}
.navbar-toggle .icon-bar {
  background: #f26649;
}

/*Exhibitions Pages */
.table {display:table; width:100%; height:100%; }
.table .table-cell {display:table-cell; width:100%; height:100%; vertical-align: middle;}
.exhibitions-grid h2 {margin-top:15px !important;}
.exhibitions-grid strong {color:#484540;}
.exhibitions-grid a:hover {text-decoration:none;}
.exhibitions-grid a:hover h2 {color:#f26649;}
.exhibitions-cont img, .exhibitions-grid .featured-img img  {width:100%; height:auto; margin:0;}
.exhibitions-cont .caption {font-style:italic;}
.exhibitions-cont figure {width:100% !important;}
.exhibitions-cont .thumbnail {border:none; border-radius:0;}
.exhibitions-grid .featured-img, .exhibitions-grid .featured-info {position:relative; float:left; padding-bottom:0 !important;}
.exhibitions-cont .info-cont {float:right;}
.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.single-exhibit {min-height:365px;}
.featured-exhibit {position:relative; float: left; width:100%; margin-bottom:20px;}
.featured-exhibit .table {margin-bottom:0;}
#content-secondary .nav .sub-menu .sub-menu {display:none;}
#content-secondary .nav .sub-menu .active .sub-menu {display:block;}

@media (min-width: 768px){
  #nav {
    position: relative;
    width: auto;
    z-index: 1;
    background: transparent;
    margin-top: 0;
    margin-left: 60px;
  }
}

/*
YouTube Gallery
=============================================== */
ul.ytg-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
li.ytg-list-item {
  display: block;
  width: 120px;
  height: 148px;
  float: left;
  margin: 10px 20px 10px 0px;
  overflow: hidden;
}

.entry-content-asset {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.entry-content-asset iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
a.ytg-thumbnail img {
  width: 100%;
  height: auto;
}

.ytg-featured {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 70px;
}
.ytg-featured iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
h2.ytg-featured-title {
  position: absolute;
  bottom: -40px;
}

.ytg-summary-header {
position: absolute;
top: 10px;
right: 14px;
float: right;
text-align: right;
}
h3.ytg-summary-title {
display: none;
}

/*
WP-Polls Widget formatting
=============================================== */
.widget_polls-widget ul {
  display: none;
}
.widget_polls-widget ul.wp-polls-ul {
  display: block;
}
.wp-polls-ul label {
  font-weight: 400;
}
.wp-polls .Buttons {
  background: none repeat scroll 0 0 #C6BDB0;
  border-left: 1px solid #fff;
  color: #FFF;
  display: block;
  padding: 3px 0;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
.wp-polls-form p {
  text-align: left !important;
}

/*
Break point specifics
=============================================== */

@media (max-width:410px) {
  #media .carousel-control .glyphicon-circle-arrow-left,
  #media .carousel-control .glyphicon-circle-arrow-right {
    top:55px !important;
    }

  .carousel-caption {
    height: 70px;
    overflow: hidden;
    margin-bottom: 20px
    }
  .sectionA iframe,
  .sectionB iframe,
  .sectionC iframe{
    -webkit-transform: scale(0.9);
      -webkit-transform-origin: 0 0;
  }

}

/* XS - Landscape phones and down */
@media (max-width: 767px) {

  #nav {
    position: relative;
    width: 100%;
    z-index: 1;
    background: transparent;
    margin-top: 20px;
  }
  #utility {
    text-align: right;
    width: 100%;
    position: relative;
  }

  .navbar-brand {
    padding: 5px 15px;
  }
  /*
  Search Box
  ================================================ */
  body .navbar-form .input-group>.form-control,
  body .navbar-form .input-group>.form-control:focus {
    width: 100%;
  }
  /*
  main slideshow caption
  ================================================ */
  #media .carousel-caption p{
    margin: 0 20px 20px 0;
  }

  .carousel-caption {
    left: 0;
    right: 10px;
    padding-bottom: 0px;
    bottom: 0;
    text-align: left;
    height: 70px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  /* indent left for smaller sliders */
  .home #home-content-primary .carousel-control.left .glyphicon {
    margin-left: 10px;
  }
  .home #home-content-primary .carousel-control .glyphicon-circle-arrow-right {
    margin-left: -20px;
  }
  .carousel-control.left, .carousel-control.right {
    width: 0;
    z-index: 40;
  }
  a.left.carousel-control {
    margin-left: 30px
  }
  a.right.carousel-control {
    margin-right: 30px
  }

  .container>.navbar-collapse {
    margin-left: 0;
  }
  .carousel-caption {
    position: relative;
    color: #9d968c;
    text-shadow: none;
    padding: 0px;
  }
  .home #home-content-primary .carousel-caption p {
    color: #9d968c;
  }
  #media .carousel-control .glyphicon-circle-arrow-left,
  #media .carousel-control .glyphicon-circle-arrow-right {
    top: 80px;
  }
  .home #content {
    padding-top: 0px;
  }
  h2.home-news {
    margin: 20px 0 0;
  }
  /*
  Footer
  ================================================ */
  footer #footer-bucket-2 {
    border-top: 1px solid #c6bdb0;
  }
  .sectionA iframe,
  .sectionB iframe,
  .sectionC iframe{
    -webkit-transform: scale(0.9);
      -webkit-transform-origin: 0 0;
  }

    .exhibitions-cont .info-cont {float:left; width:100%; margin-bottom:20px;}
    aside#content-secondary {margin-top:20px;}
    .featured-exhibit .featured-img {width:100%;}

}

/* SM - Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {

  /*
  Search Box
  ================================================ */
  body .navbar-form .input-group>.form-control {
    width: 115px;
  }
  body .navbar-form .input-group>.form-control:focus {
    width: 115px;
  }
  /*
  main slideshow caption
  ================================================ */
  #media .carousel-caption p {
  /*  max-width: 460px;*/
    margin: 0;
  }

  #media .carousel-caption {
    position: relative;
    color: #9d968c;
    text-shadow: none;
    padding: 0;
    height: 43px;
    overflow: hidden;
  }

  .carousel-caption {
    left: 60px;
    right: 10px;
    padding-bottom: 0px;
    bottom: 0;
    text-align: left;
  }
  /* indent left for smaller sliders */
  .home #home-content-primary .carousel-control.left .glyphicon {
    margin-left: 0px;
  }
  .home #home-content-primary .carousel-control .glyphicon-circle-arrow-right {
    margin-left: 20px;
  }
  .carousel-control.left, .carousel-control.right {
    width: 11%;
    z-index: 40;
  }
  a.left.carousel-control {
    margin-left: 30px
  }
  a.right.carousel-control {
    margin-right: 30px
  }
  /*
  Home  Sidebar
  =============================================== */
  h2.home-news {
    margin: 5px 0 0;
  }

  /*
  Footer
  ================================================ */
  footer #footer-bucket-1,
  footer #footer-bucket-2 {
    border-top: 1px solid #c6bdb0;
  }

  /*
  Top Nav
  ================================================ */
  #nav .nav>li>a {
    padding: 60px 15px 0px 0px;
    font-size: 15px;
  }
  #utility {
    /* width: 170px; */
  }
}

/* MD - Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {

  /*
  Search Box
  ================================================ */
  body .navbar-form .input-group>.form-control {
    width: 170px;
  }
  body .navbar-form .input-group>.form-control:focus {
    width: 170px;
  }
  /*
  main slideshow caption
  ================================================ */

  #media .carousel-caption p{
    /*max-width: 560px;*/
    margin: 0;
  }

  #media .carousel-caption {
    position: relative;
    color: #9d968c;
    text-shadow: none;
    padding: 0;
    height: 43px;
    overflow: hidden;
  }
  .carousel-caption {
    left: 50px;
    right: 10px;
    padding-bottom: 0px;
    bottom: 0;
    text-align: left;
  }
  /* indent left for smaller sliders */
  .home #home-content-primary .carousel-control.left .glyphicon {
    margin-left: 26px;
  }
  .home #home-content-primary .carousel-control .glyphicon-circle-arrow-right {
    margin-left: -10px;
  }
  .carousel-control.left, .carousel-control.right {
    width: 11%;
    z-index: 40;
  }

  /*
  Footer
  ================================================ */
  footer #footer-bucket-1,
  footer #footer-bucket-2,
  footer #footer-bucket-3,
  footer #footer-bucket-4 {
    border-top: 1px solid #c6bdb0;
  }

  /*
  Top Nav
  ================================================ */
  #nav .nav>li>a {
    padding: 60px 25px 0px 0px;
    font-size: 19px;
  }
  #utility {
    /* width: 230px; */
  }
}

/* LG - Large desktop */
@media (min-width: 1200px) {

  /*
  Search Box
  ================================================ */
  body .navbar-form .input-group>.form-control {
    width: 220px;
  }
  body .navbar-form .input-group>.form-control:focus {
    width: 220px;
  }
  /*
  main slideshow caption
  ================================================ */
  #media .carousel-caption p{
    max-width: 760px;
  }

    /* indent left for smaller sliders */
  .home #home-content-primary .carousel-control.left .glyphicon {
    margin-left: 50px;
  }
  .home #home-content-primary .carousel-control .glyphicon-circle-arrow-right {
    margin-left: -20px;
  }
  .carousel-control.left, .carousel-control.right {
    width: 8%;
    z-index: 40;
  }
  #media .carousel-inner .carousel-caption p {
      zoom: 1;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }
  #media .carousel-inner:hover .carousel-caption p,
  #media .carousel-inner:focus .carousel-caption p {
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;
  }
  .carousel-caption {
    left: 65px;
    right: 10px;
    padding-bottom: 0px;
    bottom: 0;
    text-align: left;
  }
  /*
  Footer
  ================================================ */
  footer #footer-bucket-1,
  footer #footer-bucket-2,
  footer #footer-bucket-3,
  footer #footer-bucket-4 {
    border-top: 1px solid #c6bdb0;
  }
  /*
  Top Nav
  ================================================ */
  #nav .nav>li>a {
    padding: 60px 30px 0px 0px;
    font-size: 20px;
  }
  #utility {
    /* width: 290px; */
  }

}