/*
 * Custom Styles for Kristasolmon.com
 */

/* =============================================================================
 GLOBAL STYLES
 ========================================================================== */
/*
 BOOTSTRAP OVERRIDES
 ----------------------------------------------------------------------------*/

body{
  font-family:'FuturaBT-Book', Helvetica, Arial, sans-serif;
  font-size:14px;
  margin-top:20px;
  line-height:1.0;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:'TorinoURWD-Reg', serif;
}

a{
  color:#ff95d9;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.center-text{
  text-align:center;
}

/* NAV */
.navbar .btn-navbar{
  font-family:'TorinoURWD-Reg', serif;
  font-size:143%;
  padding:7px 10px;
  margin-right:5px;
  margin-left:5px;
  margin-bottom:5px;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:#000000;
  border-color:#000000;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar{
  font-family:'TorinoURWD-Reg', serif;
  position:relative;
  z-index:2;
  margin-bottom:20px;
  margin-top:60px;
  overflow:visible;
}

.navbar-inner{
  min-height:30px;
  padding-right:0;
  padding-left:0;
  background-color:#ffffff;
  background-image:none;
  background-repeat:no-repeat;
  border-top:2px solid #000000;
  border-bottom:2px solid #000000;
  border-left:none;
  border-right:none;
  -webkit-border-radius:0;
     -moz-border-radius:0;
          border-radius:0;
  filter:none;
  zoom:1;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

.navbar .nav{
  position:relative;
  left:0;
  display:block;
  float:none;
  margin:0 10px 0 12%;
}

.navbar .nav.pull-right{
  float:right;
  margin-right:0;
}

.navbar .nav>li{
  float:left;
  margin-right:40px;
}

.navbar .nav>li>a{
  font-size:186%;
  float:none;
  padding:5px 30px 5px 30px;
  color:#000000;
  text-decoration:none;
  text-shadow:none;
}

.navbar .nav>li:last-of-type{
  margin-right:0;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover{
  color:#ffffff;
  text-decoration:none;
  background-color:#000000;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus{
  color:#ffffff;
  text-decoration:none;
  background-color:#000000;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

.dropdown-toggle:active,
.open .dropdown-toggle{
  outline:0;
}

.caret{
  display:inline-block;
  width:0;
  height:0;
  vertical-align:top;
  border-top:4px solid #000000;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:'';
}

.dropdown .caret{
  margin-top:8px;
  margin-left:2px;
}

.dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:160px;
  padding:0 0 5px 0;
  margin:0;
  list-style:none;
  background-color:#000000;
  border:none;
  -webkit-border-radius:0;
     -moz-border-radius:0;
          border-radius:0;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
  -webkit-background-clip:padding-box;
     -moz-background-clip:padding;
          background-clip:padding-box;
}

.dropdown-menu.pull-right{
  right:0;
  left:auto;
}

.dropdown-menu .divider{
  width:100%;
  height:1px;
  margin:9px 1px;
  overflow:hidden;
  background-color:#e5e5e5;
  border-bottom:1px solid #ffffff;
}

.dropdown-menu>li>a{
  font-size:143%;
  display:block;
  padding:3px 30px;
  clear:both;
  font-weight:400;
  line-height:1.2;
  color:#ffffff;
  white-space:nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a{
  color:#ffffff;
  text-decoration:underline;
  background-color:#000000;
  background-image:none;
  background-repeat:no-repeat;
  filter:none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{
  color:#ffffff;
  text-decoration:none;
  background-color:#000000;
  background-image:none;
  background-repeat:no-repeat;
  text-align:center;
  outline:0;
  filter:none;
}

.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret{
  border-top-color:#ffffff;
  border-bottom-color:#ffffff;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle{
  color:#ffffff;
  background-color:#000000;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret{
  border-top-color:#000000;
  border-bottom-color:#000000;
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{
  border-top-color:#ffffff;
  border-bottom-color:#ffffff;
}

.navbar .nav>li>.dropdown-menu:before{
  position:absolute;
  top:0;
  left:9px;
  display:inline-block;
  border-right:none;
  border-bottom:none;
  border-left:none;
  content:'';
}

.navbar .nav>li>.dropdown-menu:after{
  position:absolute;
  top:0;
  left:10px;
  display:inline-block;
  border-right:none;
  border-bottom:none;
  border-left:none;
  content:'';
}

.navbar .mobile>li{
  float:none;
  margin-right:0;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled]{
  color:#ffffff;
  background-color:#000000;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active{
  background-color:#000000 \9;
}

.navbar .mobile{
  margin:0 10px 0 0;
}

/*
 CUSTOM
 ----------------------------------------------------------------------------*/
/* GLOBAL SECTION */
.container-fluid,
.container{
  padding-left:0;
  padding-right:0;
}

#outerborder{
  padding:5px;
  border:1px solid #000000;
}

#altouterborder{
  padding:5px;
  border:1px solid #000000;
  margin-top:100px;
}

#innerborder{
  border:5px solid #000000;
  padding:0 20px 150px 20px;
}

#altinnerborder{
  border:5px solid #000000;
  padding:0 20px 60px 20px;
}

#masthead,
#brand{
  margin-top:40px;
  text-align:center;
}

#msg{
  font-family:'FuturaBT-Book', Helvetica, Arial, sans-serif !important;
  margin:60px 0 0 0;
  text-align:center;
  font-weight:400;
  font-size:400%;
}

.content{
  margin-top:30px;
}

#footer{
  margin:10px 0;
}

#footer p{
  margin:0;
  color:#000000;
  font-size:86%;
  text-align:center;
}

.header_img{
  margin-bottom:20px;
}

/* ABOUT SECTION */
#about p{
  font-size:131%;
  line-height:1.2;
}

#about .copy img{
  float:left;
  margin:0 10px 5px 0;
}

#about .pics img{
  margin-bottom:20px;
}

/* SERVICES SECTION */
#services .cta_contact{
  margin-top:45px;
}

#services h1{
  font-weight:400;
  line-height:0.8;
}

#services p{
  font-size:129%;
  margin-bottom:25px;
}

.header_img{
  margin-bottom:50px !important;
}

#services .cta:hover{
  cursor:pointer;
}

#featured img{
  margin:0 15px 15px 0;
  /*border: 1px solid #000;*/
}

#portfolio div{
  text-align:center;
}

#events_portfolio.content,
#interiors_portfolio.content{
  margin-top:0;
}

#events_portfolio h1,
#interiors_portfolio h1{
  font-weight:400;
}

#gallery .thumbnail{
  border:0;
  border-radius:0;
  box-shadow:none;
  display:inline-block;
  line-height:1.0;
  padding:0;
  transition:none 0;
}

#gallery li{
  line-height:1.0;
}

#gallery ul{
  margin:0;
  padding:0;
  text-align:left;
}

ul#thumbs{
  list-style-type:none;
  text-align:center;
  padding-left:20px;
}

ul#thumbs li.thumbnail{
  cursor:pointer;
  float:left;
  margin:0 18px 15px 0;
}

/* ==================================
 * Lightbox
 ================================= */
body:after{
  content:url('../_img/close.png') url('../_img/loading.gif') url('../_img/prev.png') url('../_img/next.png');
  display:none;
}

.lightboxOverlay{
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  background-color:black;
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity:0.8;
  display:none;
}

.lightbox{
  position:absolute;
  left:0;
  width:100%;
  z-index:10000;
  text-align:center;
  line-height:0;
  font-weight:normal;
}

.lightbox .lb-image{
  display:block;
  max-width:inherit;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
       -o-border-radius:3px;
          border-radius:3px;
}

.lightbox a img{
  border:none;
}

.lb-outerContainer{
  position:relative;
  background-color:white;
  width:250px;
  height:250px;
  margin:0 auto;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
      -ms-border-radius:4px;
       -o-border-radius:4px;
          border-radius:4px;
}

.lb-outerContainer:after{
  content:'';
  display:table;
  clear:both;
}

.lb-container{
  padding:4px;
}

.lb-loader{
  position:absolute;
  top:43%;
  left:0;
  height:25%;
  width:100%;
  text-align:center;
  line-height:0;
}

.lb-cancel{
  display:block;
  width:32px;
  height:32px;
  margin:0 auto;
  background:url('../_img/loading.gif') no-repeat;
}

.lb-nav{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:10;
}

.lb-container>.nav{
  left:0;
}

.lb-nav a{
  outline:none;
}

.lb-prev,
.lb-next{
  width:49%;
  height:100%;
  cursor:pointer;
  /* Trick IE into showing hover */
  display:block;
}

.lb-prev{
  left:0;
  float:left;
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity:0;
  -webkit-transition:opacity 0.6s;
     -moz-transition:opacity 0.6s;
       -o-transition:opacity 0.6s;
          transition:opacity 0.6s;
}

.lb-prev:hover{
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1;
  background:url('../_img/prev.png') left 48% no-repeat;
}

.lb-next{
  right:0;
  float:right;
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity:0;
  -webkit-transition:opacity 0.6s;
     -moz-transition:opacity 0.6s;
       -o-transition:opacity 0.6s;
          transition:opacity 0.6s;
}

.lb-next:hover{
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1;
  background:url('../_img/next.png') right 48% no-repeat;
}

.lb-dataContainer{
  margin:0 auto;
  padding-top:5px;
  width:100%;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
          border-bottom-left-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
          border-bottom-right-radius:4px;
}

.lb-dataContainer:after{
  content:'';
  display:table;
  clear:both;
}

.lb-data{
  padding:0 4px;
  color:#bbbbbb;
}

.lb-data .lb-details{
  width:85%;
  float:left;
  text-align:left;
  line-height:1.1em;
}

.lb-data .lb-caption{
  font-size:13px;
  font-weight:bold;
  line-height:1em;
}

.lb-data .lb-number{
  display:block;
  clear:left;
  padding-bottom:1em;
  font-size:12px;
  color:#999999;
}

.lb-data .lb-close{
  display:block;
  float:right;
  width:30px;
  height:30px;
  background:url('../_img/close.png') top right no-repeat;
  text-align:right;
  outline:none;
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity:0.7;
  -webkit-transition:opacity 0.2s;
     -moz-transition:opacity 0.2s;
       -o-transition:opacity 0.2s;
          transition:opacity 0.2s;
}

.lb-data .lb-close:hover{
  cursor:pointer;
  filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1;
}


/* =============================================================================
 MEDIA QUERIES
 ========================================================================== */
/* Landscape phones and down */
@media (max-width: 480px){
  .navbar .mobile>li>a{
    font-size:143%;
    float:none;
    padding:5px 10px 5px 10px;
    color:#000000;
    text-decoration:none;
    text-shadow:none;
    font-weight:400 !important;
    text-align:center !important;
  }
  .navbar{
    margin-top:30px;
  }
  .btn-navbar{
    margin:0 auto;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px){
  .navbar .mobile>li>a{
    font-size:157%;
    float:none;
    padding:5px 10px 5px 10px;
    color:#000000;
    text-decoration:none;
    text-shadow:none;
    font-weight:400 !important;
    text-align:center !important;
  }
  .navbar{
    margin-top:30px;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
  .navbar .mobile>li>a{
    font-size:157%;
    float:none;
    padding:5px 10px 5px 10px;
    color:#000000;
    text-decoration:none;
    text-shadow:none;
    font-weight:400 !important;
    text-align:center !important;
  }
}

@media (max-width: 1201px){
  .navbar .desktop{
    margin:0 10px 0 5%;
  }
}

/*  MEDIA QUERIES CSS ENDS */