/*
Theme Name: Wappstars
Theme URI: http://www.wappstars.nl/
Author: Wappstars - Dave Beerens
Author URI: http://www.wappstars.nl
Description: Wappstars Basic theme
Version: 4.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wappstars
Tags: Wappstars, Bootstrap, Repsonsive, Sidebar, Wordpress, Custom post-types, Portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wappstars is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Word break
# Alignments
# Widgets
# Homepage
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
# Post meta
# Search
# Portfolio
# Social icons
# Carousel
	## Customize the navbar
	## Customize the carousel
	## Marketing content
	## Featurettes
	## Responsive CSS
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Word break
--------------------------------------------------------------*/
#primary, #secondary{
     word-break: break-word;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.widget ul{
	list-style:none;
	padding-left:10px;
}

/*--------------------------------------------------------------
Homepage 
--------------------------------------------------------------*/

.homehero .hentry {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.hentry {
	margin: 0 0 1.8em;
	padding-bottom: 1.8em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
img.wp-post-image {
	margin-bottom: 20px;
	width:100%;
	height:auto;
}
.author-meta {
	margin-top: 40px;
}
.author-meta .avatar {
	border-radius: 50%;
}
.author-meta .fa{
	font-size: 22px;
	margin-right:10px;
}
.author-meta .fa-twitter{
	color:#5EA9DD;
}
.author-meta .fa-facebook{
	color:#3B5998;
}
.author-meta .fa-google-plus{
	color:#D95232;
}
.author-meta .fa-twitter:hover, .author-meta .fa-facebook:hover, .author-meta .fa-google-plus:hover{
	color:#333;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

.comments-title, .comment-reply-title {
	padding-bottom: 9px;
	margin: 40px 0 20px 0;
	border-bottom: 1px solid #eee;
}

ol.comment-list {
	list-style:none;
	padding-left: 0;
}

.comment-author .avatar {
	margin-right: 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 4px;
}

.comment-meta {
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment-details {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.comment-details .reply {
	margin-top: 10px;
}

.comment-date a {
	font-size: 11px;
	color: #777;
	margin-right: 10px;
}

#commentform #comment {
	width: 100% !important;
}

#commentform #submit {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;

	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

#commentform #submit:hover{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	max-width: 100%;
	height:auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#colophon {
	background-color:#91268F;
	color:#ffffff;
}

#colophon a {
	color:#ffffff !important;
}

#colophon .container {
	padding-top: 25px;
}


.footer-menu {
	margin-left:0;
	padding:0 0 30px 0;
}

.footer-menu li {
	display:inline;
	list-style-type:none;
}

.footer-menu li a {
	border-left:1px solid #ddd;
	padding: 0 8px;
}

.footer-menu > li:first-child > a {
	border-left:none;
	padding:0 8px 0 0;
}

.copyright, .poweredby {
	padding-bottom: 20px;
}

/*--------------------------------------------------------------
Post Meta
--------------------------------------------------------------*/
.entry-meta .posted-on, .entry-meta .byline, .cat-links, .tags-links, .comments-link {
	margin-right: 20px;
}

.posted-on .fa, .byline .fa, .cat-links .fa, .tags-links .fa, .comments-link .fa {
	color: #bcbcbc;
}

.posted-on a, .byline a, .cat-links a, .tags-links a, .comments-link a {
	color: #777;
	text-decoration: none;
}

.posted-on a:hover, .byline a:hover, .cat-links a:hover, .tags-links a:hover, .comments-link a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/
.search-highlight {
    background:#FFFF00  
}


/*--------------------------------------------------------------
Portfolio
--------------------------------------------------------------*/
.portfolio img.wp-post-image {
    margin-bottom: 0;
    height: auto;  
}

.portfolio-item {
	margin: 10px 0;
}

.portfolio .thumbnail {
	margin-bottom: 5px;
}

.portfolio h4 {
	margin-top: 5px;
}

.single-portfolio .hentry {
	border-bottom: 0;
}

/*--------------------------------------------------------------
Social Icons
--------------------------------------------------------------*/
.social-icons {
	font-size: 32px;
	padding-bottom: 20px;
}

.social-icons a:hover{
	text-decoration: none;
}
/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Customize the navbar
--------------------------------------------------------------*/

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/*--------------------------------------------------------------
## Customize the carousel
--------------------------------------------------------------*/

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 20px;
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-inner {
  position: relative;
  overflow: inherit;
  width: 100%;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.text-box {
  background-color: rgba(0,0,0,0.5);
  padding: 10px;
}

@media (max-width: 500px) {
	h1.text-box{
		font-size:24px;
	}
}

/*--------------------------------------------------------------
## Marketing content
--------------------------------------------------------------*/

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

/*--------------------------------------------------------------
## Featurettes
--------------------------------------------------------------*/

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
/*--------------------------------------------------------------
## Responsive CSS
--------------------------------------------------------------*/

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/*--------------------------------------------------------------
Media Queries 
--------------------------------------------------------------*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.poweredby {
		float: right;
	}
 
	.social-icons {
		float: right;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*--------------------------------------------------------------
CUSTOM
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color:#ffffff;
}

.h-purple{
	color:#91268F;
}

h1.headline_text {
    color: #91268F;
	font-size:32px;
}

.well{
	color:#ffffff;
	background:#91268F;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.well a{
	color:#ffffff;
	font-weight:bolder;
	text-decoration:underline;
}

.navbar-default {
  background-color: #91268F;
  border-color: transparent;
}

.navbar-default .navbar-brand {
  color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #771B77;
  background-color: #eeeeee;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #771B77;
  background-color: #eeeeee;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #771B77;
  background-color: #eeeeee;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #eeeeee;
}

header.entry-header, header.page-header {
    background: #91268F;
    padding: 10px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

h1.entry-title{
	margin:0;
	font-size:24px;
}

.work-box h3 {
    font-size: 24px;
	color:#ffffff;
}

.work-box {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow:hidden;
	margin-bottom:20px;
	color:#ffffff;
	background:#91268F;
	border:1px solid #999999;
}

.work-text {
    padding: 0 15px;
}

.work-box-img{
	overflow:hidden;
}
.work-box-img > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
        -moz-transition: all .5s ease; /* Firefox */
        -ms-transition: all .5s ease; /* IE 9 */
        -o-transition: all .5s ease; /* Opera */
        transition: all .5s ease;
}
.work-box-img > img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
        -moz-transform:scale(1.25); /* Firefox */
        -ms-transform:scale(1.25); /* IE 9 */
        -o-transform:scale(1.25); /* Opera */
         transform:scale(1.25);
}

.banner-img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

input.form-control.search-query {
    background: #ffffff;
    padding-left: 10px;
}

span.input-group-btn button {
    background-color: #000000 !important;
}

.entry-content {
    padding: 0 15px;
}

.top-widgets {
    margin-top: 20px;
}

textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
    background-color: rgba(255,255,255,0.1);
    padding: 0 10px;
    color: #fff;
}

.posted-on a, .byline a, .cat-links a, .tags-links a, .comments-link a {
    color: #fff;
    text-decoration: none;
}

h1.entry-title a {
    color: #fff;
}

.post .entry-content {
    background-color: #EEEEEE;
    padding: 10px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.post .entry-content h1, .post .entry-content h2, .post .entry-content h3, .post .entry-content h4, .post .entry-content h5, .post .entry-content h6, .post .entry-content .h1, .post .entry-content .h2, .post .entry-content .h3, .post .entry-content .h4, .post .entry-content .h5, .post .entry-content .h6{
	color:#91268F;
}

input.form-control.search-query {
    color: #333333;
}

.navbar{
	margin-bottom: 0;
}