/*
Theme Name:     Ronneby Child Theme
Theme URI: 		http://themes.dfd.name/ronneby/
Description:    ronneby - Highly Functional Multifaceted WP Theme
Author:         DFD
Author URI:		http://wpsaloon.com/
Template:       ronneby
Version:        1.0.0
*/

@font-face {
  font-family: 'NeutraText-Light';
  src: url('NeutraText-Light.eot?#iefix') format('embedded-opentype'),  url('NeutraText-Light.otf')  format('opentype'),
	     url('NeutraText-Light.woff') format('woff'), url('NeutraText-Light.ttf')  format('truetype'), url('NeutraText-Light.svg#NeutraText-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeutraText-Demi';
  src: url('NeutraText-Demi.eot?#iefix') format('embedded-opentype'),  url('NeutraText-Demi.otf')  format('opentype'),
	     url('NeutraText-Demi.woff') format('woff'), url('NeutraText-Demi.ttf')  format('truetype'), url('NeutraText-Demi.svg#NeutraText-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeutraText-Book';
  src: url('NeutraText-Book.eot?#iefix') format('embedded-opentype'),  url('NeutraText-Book.otf')  format('opentype'),
	     url('NeutraText-Book.woff') format('woff'), url('NeutraText-Book.ttf')  format('truetype'), url('NeutraText-Book.svg#NeutraText-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeutraText-Bold';
  src: url('NeutraText-Bold.eot?#iefix') format('embedded-opentype'),  url('NeutraText-Bold.otf')  format('opentype'),
	     url('NeutraText-Bold.woff') format('woff'), url('NeutraText-Bold.ttf')  format('truetype'), url('NeutraText-Bold.svg#NeutraText-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.uvc-sub-heading h3.widget-sub-title {
    color: #FFFFFF!important;
}

section#header {
    opacity: 0.75;
}


#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after { background-color: transparent!important; }

#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after { border: 1px solid white!important; }


.nav-prev{display: none!important;}
.nav-next{display: none!important;}

.nav-menu .mega-menu-item.menu-item-depth-0:before {
    content: none!important;
    display: block;
    width: 1px;
    height: 13.2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6.6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.current-menu-item{
  border:solid 1px #FFF;
}
.nav-menu .mega-menu-item .item-title{
  line-height:30px!important;
  height:30px!important;
}
.mega-menu-item{
  margin-top:4px!important;
}


/*http://stackoverflow.com/questions/18240844/css-full-page-width-horizontal-menu-and-horizontal-submenu*/
.filter .active{
  background-color: #333!important;
  color:white!important;
}

.filter ul {
  /*position: absolute;*/
  /*display:none;*/
  /*float: none!important;*/
}
.filter ul li{
  /*display:none;*/
  float:left;
}
.filter ul li:hover > ul {
    display: block;
  }

.filter li div { /* nested div (containing the sub nav) will be hidden by default */
    background-color: #ccc;
    width: 100%;
    position: absolute;
    /*left: -9999px;*/
}
.filter li div li{
  /*display:none;*/
  float: left;
  display: inline-block;
}

.filter > li.selected > div {
    display: inline;
}
.filter .sub-menu{
  color: white;
    background-color: #333;
    position: relative;
    /*height: 39px;*/
    position: absolute;
    margin-top: 35px;
    width: 100%;
    left: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.filter .sub-menu {
  

  }
.filter .sub-menu li{
  color: white;
  text-align: center;
  }

.row {
     width: 100%!important; 
    max-width: 100%!important;
    /* min-width: 768px; */
     margin: 0 0 !important; 
    /* position: relative; */
    /* display: block; */
}

#portfolio-page .columns {
    float: left;
    min-height: 1px;
   padding: 0 0px!important;
   padding-right: 3px!important; 
    position: relative;
}

#layout.portfolio-page #grid-folio.grid-folio-full-width-bordered {
     margin-top: none!important; 
}
/*.filter > li:first{
  background-color: #FFF;
  color: #333;
}*/


.backBt{
    background-color: #333;
    color:white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
}

#layout.single-folio .folio-info.desc-left:before, #layout.single-folio .folio-info.desc-right:before {
background-color: white!important;
    }

  #right-sidebar > * {
    padding-left: 30px;
    background-color: #333;
    
}
.widget h3.widget-title, .module .widget h3.widget-title{
  padding-top: 20px;
  color: white!important;
  margin-bottom: 10px!important;
}
.widget ul li a{
  color: white!important;
}
.form-search{
  padding: 0px!important
}
#layout .widget + .widget {
    margin-top: 0px!important;
}
#layout .widget .search-query{
  /*background-color: #990000;*/
  border-radius: 0px;

  padding:10px;
  height:30px;
  width:90%;
}
#layout .widget ul li{
  color: white!important;
  border-bottom: 0px solid #e8e8e8;
  line-height: 20px; 
}
#layout .widget ul {
  padding-bottom: 20px; 
}
.filter li a{
  display: block!important;
}

#layout.portfolio-page #portfolio-page {
    padding-top: 0px!important;
    padding-bottom: 70px;
}
.RSicons{
  float: right;
}
.widget.soc-icons.dfd-soc-icons-hover-style-14{
  float: right;
}
nav.mega-menu{
  min-width: 70%!important;
  width: 70%;
  padding-right: 260px;
}
.widget.soc-icons.dfd-soc-icons-hover-style-14 a{
  width: 30px!important;
  height: 30px!important;
  line-height: 20px!important;
  color:#FFF!important;
}
.widget.soc-icons.dfd-soc-icons-hover-style-14 {
  margin-top: -28px;
  z-index: 999999;
}

.text{
  line-height: normal;
  font-family: 'arial';
}
.panel{
  display: none;
}

#bricks .bricks-content .brick {
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
    display: block;
    float: left;
    width: 236px;
    border-radius: 0px!important;
    margin: 0 0 10px 0;
    position: relative;
    background: #fff;
    color:#FFF!important;
}
#bricks .bricks-content .twitter{
  background-color: #55ACEE!important;
  color: white!important;
}
#bricks .bricks-content .facebook{
  background-color: #3b5998!important;
  color: white!important;
}
#bricks .bricks-content  .text{
  color: white!important;
  font-size: 12px
}
#bricks .bricks-content  .text a{
  color: #0B2C72!important;
  font-weight: bold;
}
#bricks .bricks-buttons{
  display: none;
}

#bricks .bricks-content .counts ul li {
  color: white!important;
  font-size: 14px;
  padding-top: 5px;
}
.brick .panel {
    display: none;
}
.brick footer .txt, .brick footer .txt small{
  color: white!important;
}
.brick footer a:hover{
   background: none;
 }
 .brick footer a{
   border: none;
 }
.filter li a:before{
  content: none!important;
}
@media only screen and (max-width: 799px){
.widget {
    margin-bottom: 0px!important;
}
}
.lang-sel{
  display: none!important
}
.widget_search form input[type="submit"]{
      /*line-height: 36px!important;
      width:86px!important;
      right: 14px!important;
      top: -12px!important;*/
}
@media only screen and (max-width: 1100px){
#header-container {
  background-color: #000;
}
}