/*
Theme Name: iVega - Clean & Modern HTML5 template
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.0.0 
Created: July 2014
License URI: http://wrapbootstrap.com
File Description: Put here your custom CSS styles
*/
body {font-family: Arial, Tahoma;color:#202020;
	background-color: #f3f3f3;
     /*background-image:url(/f/home/foto2.jpg);*/
      /*background-size:cover;*/
}
.main-navigation {
    border:0px;
    background-color: rgba(243, 243, 243, 0.75);
    padding:0px 0px 5px 0px;
}


.fixed-header-on .main-navigation.fixed {
border-bottom: 0px;
background-color: rgba(243, 243, 243, 0.75);
}

.preheader {background-color: rgba(102, 102, 102, 0.9);}
.triangle.opened {border-color: transparent rgba(102, 102, 102, 0.9) transparent transparent;}

.page-wrapper {
    background-color: transparent;
    border:0px;
}
.header {
    background-color: rgba(243, 243, 243, 0.75);
    padding:0px;
    border:0px;
}

.upgradebrowser {width:100%;background-color:#CC0000;color:#FFF;text-align:center;}
.upgradebrowser a{color:#333;}

.header-top {background-color: rgba(243, 243, 243, 0.75); bottom:0;width:100%;border:0px;}
.header-top .info li {display:block;text-align: left; padding:0px 10px 5px 0px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a:focus {background-color: #CC0000;;}
.dropdown-menu > li > a {background-color: #CC0000;} 
.dropdown-menu > li > a:hover {background-color: #131313;} /*  #3D4346 */

a:hover {color: #CC0000;}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color: #333;}

.banner {background-color: #FFF;}

.scrollToTop {
  background-color: #CC0000;
}


.container-logo .logo {
    float: left;
}

.site-slogan {color: #33;}
.site-slogan-sub {
    font-family: Helvetica, Tahoma;
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
    letter-spacing: 0.35em;
    word-spacing: 1em;
}

.site-slogan-main {
    font-family: Tahoma;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.2em;
    padding-bottom: 10px;
}

.main-navigation .navbar {
margin: 0;
margin-left:auto;
margin-right:auto;
}

.owl-item .caption
{width:60%;
 /* top:70%; 
 height:20%;*/
 background-color: rgba(243, 243, 243, 0.75);
 color:#000;
 text-shadow: none;
 text-align:left;
 margin-bottom:20px;
}

.owl-item .caption a {color: #CC0000}
.owl-item .caption h2{margin:0px; padding:0;}
.owl-slideshow-item img {
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel.slideshow {
    margin-bottom: 0px;
    margin-top:10px;
}
h1 {font-weight: normal;}
h1.page-title {
        font-size: 28px;
    }

#detail h1.page-title {margin:0px 0px 15px;}
#detail h2 {margin: 25px 0 10px;}

@media (max-width: 767px) {
    .owl-item .caption h2 {font-size:18px;}
    .owl-item .caption {font-size:14px;}
    .owl-slideshow-item img {height:400px;}
    .site-slogan-sub {font-size: 10px; word-spacing:0em;}
    .site-slogan-main {font-size: 22px;}
    .container-logo .logo img {height:40px;width:54px; margin-left:-5px;margin-top:10px;}
    .container-logo {margin-left:auto;margin-right:auto;width:300px;}
}

@media (min-width: 767px) {
    .container-logo .logo img {height:80px; width:106px;}
    .container-logo {margin-left:auto;margin-right:auto;width:520px;}
    .main-navigation .navbar {width:600px;}
    .main-navigation .navbar-nav > li > a {padding: 5px 10px;}
    .navbar-collapse.collapse {padding-left: 32px;}     /* navigatie center plaatsen */
}

@media (min-width: 990px) 
{
    .logos {margin-top:40px;}
}
    


.logos img {float:left;margin:5px;opacity: 0.7;filter: alpha(opacity=70);height:26px;}
.logos {float:right;}

.creationsfooter {float:right;font-size:10px;color:#9E9E9E;margin-right:5px;}
.creationsfooter a {color:#9E9E9E;}

.page-intro {
    margin: 0;
    background-color: transparent;
    border-bottom:0px;
    box-shadow: none;
}
.img-box .mask {
    background: rgba(0, 0, 0, 0.2);
    /*margin:10px 0 0 10px;*/
    height:340px;
    max-width:100%;
}
.img-box img {
    /*max-width: 290px;*/
    height:340px;
}
.img-box img {
    width: inherit;
}

.front .img-boxes {
margin: 0 0 0 0; /* 20px 0 0 0; met subnavigatie*/
}
.filters {
margin: 0 0 0 0;
}

.fancybox-title iframe {
    min-height: 30px;
    vertical-align: middle;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 0px;
    color: #000;
    text-shadow: 0 0px rgba(0, 0, 0, 0.5); 
}

.fancybox-opened .fancybox-title {
visibility: visible;
margin:5px;
height: 50px;
}


@media (max-width: 480px)
{
    .img-box {width: 360px !important;}
}

/* BLOG */
.post-date {
  background-color: #CC0000;        /* CC0000*/
}

.btn-default, #preheader-contact-form .btn-default.disabled, #contact-form .btn-default.disabled, #footer-form .btn-default.disabled {
  background-color: #CC0000;
  border-color: #CC0000;
}

.btn-default:hover {background-color: #FFF;color:#CC0000; border-color:#CCC;}

.blogpost-content {
  margin-left: 95px;
  border-bottom: 1px solid #CCC;
}

ul.pagination li.active a, .pagination > .active > a:hover, .pagination > .active > a:focus {
  background-color: #CC0000;
  border-color: #CC0000;
}

ul.pagination li > a, .pagination > li:first-child > a, .pagination > li:last-child > a {
    border: 1px solid #CCC;
}

ul.pagination {
  margin: 0 0 80px 100px;
  text-align: left;
}

@media (min-width: 767px)
{
.navbar-collapse.collapse.en {
  padding-left: 3px;
  margin-left: 41px;
}
}

.mask {
    background: rgba(0, 0, 0, 0.2);
}
article.blogpost {
  margin-bottom: 36px;
}

.blogpost-body a {color:#CC0000;}

.addthis_sharing_toolbox, .addthis_default_style 
{
    opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.post-date .day {
    font-size: 25px;
}

/*
.blogpost-content h2, .blogpost-content h1 {
    background-color: rgba(243, 243, 243, 0.75);
}
.blogpost-content .blogpost-body {
    background-color: rgba(243, 243, 243, 0.75);
    padding:5px;
}
*/

.mask-wrapper{border:none;}