/*
Theme Name: destresswinkel2014 - gebaseerd op Twenty Fourteen
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Twenty Fourteen met kleuraanpassingen en grid op homepage voor pagina's	.
	Author: Joke Portegies
	Author URI: http://www.de-ontdekking.org
	Template: twentyfourteen
	Version: 1.0.0
*/

@import url("../twentyfourteen/style.css");

@font-face {
    font-family: 'dark_roastregular';
    src: url('./fonts/darkroast-webfont.woff2') format('woff2'),
         url('./fonts/darkroast-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background: url("./images/verloop_achtergrond_site.jpg") repeat-y scroll 0 / 100% auto rgb(0,113,140);
    
}
#body_roosje {
  background: transparent url("./images/verloop_achtergrond_roosje.jpg") no-repeat scroll 0 bottom / 100% auto;
  width: 100%;
}


#page {
	margin-left: auto;
	margin-right: auto;
} 

.site-main {
	background: none;
}
a {
  color: rgb(45, 158, 164);
}
a:active,
a:hover {
	color: rgb(45, 158, 164);
}

b,
strong {
	color: rgb(45, 158, 164);
}

ul {
	margin: 0;
}

::selection {
	background: rgb(168, 169, 173);
}

.entry-summary img {
    float: left;
    margin: 0 10px 20px 0;
}

img.kadertje {
	border: 1px solid #e5e5e5;
}

.content-sidebar .widget input[type="button"], 
.content-sidebar .widget input[type="reset"], 
.content-sidebar .widget input[type="submit"], 
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.content-sidebar .widget input[type="button"] {
	background-color: rgb(168, 169, 173);
}



.content-sidebar .widget input[type="button"]:hover, 
.content-sidebar .widget input[type="reset"]:hover, 
.content-sidebar .widget input[type="submit"]:hover, 
button:hover,
button:focus,
.button:hover,
.button:focus,
.content-sidebar .widget input[type="button"]:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: rgb(45, 158, 164);
}

#mc_display_rewards {
	display: none;
}

#mc_embed_signup_scroll .indicates-required {
    float: right;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

.wpcf7-form input {
    margin: 5px 15px;
}
.wpcf7-form textarea {
    height: 100px;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid rgb(45, 158, 164);
}
/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */
 
.site-header {
	background-color: #fff;
}
.site-title a, .site-title a:hover {
    color: #d23721;
    font-family: 'Gill Sans', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
}
.search-toggle,
.search-box,
.search-toggle:hover,
.search-toggle.active {
	background-color: rgb(45, 158, 164);
}



/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, 
.site-navigation .current-menu-ancestor > a {
    color: rgb(0,113,140);
}

.site-navigation a {
	color: rgb(168, 169, 173);

}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.home .entry-header {
    display: none;
}
.content-area {
	padding-top: 32px;
}
.site-content .has-post-thumbnail .entry-header {
	margin-top: 0px;
}


.site-content .entry-header{
	font-family: 'Gill Sans', sans-serif;
}


.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 674px;
}

.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content .entry-meta,
.full-width .page-content {
	max-width: 100%;
	margin-left: 40px;

}


.site-content .entry-meta .entry-date,
.site-content .entry-meta .byline {
	display: none;
}
.category-kunst .entry-header {
  color: #702d54;
}

#mc_embed_signup {
    clear: left;
    width: 300px;
}
.mc-field-group > label {
    float: left;
    width: 150px;
}
.page-id-978 table {
	width: auto;
}
.page-id-3010 iframe  {
    float: right;
}

#lightbox table, #lightbox td {
    border: medium none;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

.post-thumbnail {
	background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
	display: none;
	position: relative;
	width: 100%;
	z-index: 0;
}
/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
.site-content .entry-header {
	background-color: transparent;
}
.entry-title,
.tribe-events-single-event-title {
	/* font-size: 23px; */
	color: rgb(45, 158, 164);
	font-family: "dark_roastregular";
  font-size: 43px;
  text-transform: none;
}
.entry-title a {
	color: rgb(168, 169, 173);
	text-decoration: none;
}
.entry-title a:hover {
	color: rgb(45, 158, 164);
}


/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.site-content .entry-meta {
	background-color: inherit;
}
.cat-links,
.cat-links a,
.tribe-events-list-separator-month,
.tribe-event-schedule-details {
	font-family: Lato, sans-serif;
  color: rgb(168, 169, 173);
  font-weight: 900;
  text-transform: uppercase;
}

.tribe-events-list-separator-month {
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.tribe-event-schedule-details {
	font-size: 13px;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: rgb(0,113,140);
}
.entry-meta a:hover,
.cat-links a:hover {
	color: rgb(0,113,140);
}
.entry-meta .tag-links a:hover {
	background-color: rgb(0,113,140);
}



.wmle_container .wmle_item .wmle_post_meta .tag-links a {
    background-color: #d1d1d1;
    color: #fff;
    margin-right: 5px;
    padding: 0 4px;
}
.wmle_item img {
    margin-bottom: 5px;
}

.wp_rp_wrap.wp_rp_vertical {
    margin-left: 65px;
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	background-color: transparent;
}

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

.entry-content .more-link {
	margin-left: 5px;
}

a.more-link {
    text-decoration: none;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */
.gallery-caption {
	position: relative;
	background-color: transparent;
	opacity: 1;
	color: inherit;
	text-align: center;
}
/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
.post-navigation a:hover,
.image-navigation a:hover {
	color: rgb(45, 158, 164);
}

.paging-navigation {
	border-color: #d1d1d1;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid rgb(45, 158, 164);
}

.paging-navigation a:hover {
	border-top: 5px solid rgba(0, 113, 140, 0.5);
	color: #2b2b2b;
}
/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */
.archive-title,
.page-title {
  color: rgb(45, 158, 164);
}
/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-link {
    display: none;
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

#secondary {
	color: inherit;
}
.site-description {
	display: none;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */
 
.widget {
  margin-bottom: 28px;
  margin-top: 20px;
}

.grid .widget .featured-content .hentry {
    width: 70%;
    float: right;
}
.widget .featured-content  {
    margin-top: 80px;
}
.widget .featured-content a {
	color: #fff;
}
.widget .cat-post-item a:hover {
	color: #fff;
	text-decoration: underline;
}

.widget h4 {
	margin: 0 0 24px;
}
.widget_text ul {
    list-style: none;
}

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget .widget-title {
	border-top: 1px solid rgb(45, 158, 164);
	color: rgb(45, 158, 164);
}
.content-sidebar .widget table,
.content-sidebar .widget th,
.content-sidebar .widget td {
	border-color: rgba(0, 0, 0, 0);
}

.content-sidebar .widget a {
	color: rgba(45, 158, 164, 0.5);
	font-size: 15px;
}
.content-sidebar .widget a:hover {
	color: rgb(45, 158, 164);
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
 
 .site-footer {
	background-color: rgb(45, 158, 164 );
}
.footer-sidebar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#supplementary + .site-info {
    border-top: none;
}
.site-info {
    background-color: rgb(45, 158, 164 );
}

.site-contact {
    float: left;
    background-color: #faa939;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 15px 30px;
}
.site-footer, .site-info, .site-info a, .site-sequel a, .site-contact a, #site-generator a{
    color: rgba(255, 255, 255, 0.7);
}
.site-info a:hover,
#site-generator a:hover,
.site-sequel a:hover,
.site-contact a:hover {
	color: inherit;
	color: rgba(255, 255, 255, 1.0);
	text-decoration: underline;
}

#site-generator {
  float: right;
  font-style: italic;
  position: relative;

}

.site-info a {
	display: inline-block;
	padding: 5px 30px;
	text-decoration: none;
}
.site-info a.jannytermeer {
	background: url(images/logoJannyTerMeer.png) center left no-repeat;
}
#site-generator a.deontdekking {
	background: url(images/logoDeOntdekking.png) center left no-repeat;
}
#site-generator a.willekevrij {
	background: url(images/logoWillekeVrij.png) center left no-repeat;
}
#site-generator a.saskia {
	background: url(images/AtelierVanSaskia.png) center left no-repeat;
	
}
.footer-sidebar .widget {
    width: 100%;
}
.textwidget {
    margin-top: -30px;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid rgb(45, 158, 164);
}

.upw-posts.hfeed > article {
    float: left;
    margin-right: 35px;
    border-bottom: none;
}

.upw-posts h4.entry-title {
	font-family: Lato,sans-serif;
}
.upw-posts .entry-title a {
	color: #fff;
}
.upw-posts .entry-title a:hover {
	text-decoration: underline;
}
/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */
 .featured-content {
	background: none;
}
.grid .featured-content .hentry {
  margin-bottom: 10px;
}
.featured-content .entry-header {
	background-color: transparent;
  font-family: 'Gill Sans';
}
.grid .featured-content .entry-header {
    border: none;
    display: table-cell;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.featured-content .post-thumbnail {
	padding-top: 75.357142857%;
}
.featured-content .entry-title {
    font-size: 16px;
}
.featured-content a:hover {
	color: #E2E1E1;
}


@media screen and (min-width: 673px) {
	.full-width .site-content .has-post-thumbnail .entry-header,
	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: -48px;
	}
	.grid .featured-content .entry-header {
		border-color: transparent;
	}
	#secondary,
	#supplementary {
		padding: 0 30px 0 20px;
	}
  .site-content {
  	border-right: 1px solid #d1d1d1;
  }
}

@media screen and (min-width: 783px) {
	 .primary-navigation {
		 float: right;
		 margin-left: 20px;
	        }
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #fff;
		color: rgb(45, 158, 164);
		font-weight: 900;
	}
	        
}
.site {
		margin: 0 auto;
		}
		media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-left: 55px;
	        }
	            }
	        .site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
		max-width: 874px;
        }
        
        .comments-area {
		max-width: 874px;
        }
        
        .post-navigation, .image-navigation {
		max-width: 874px;
        }
        
        .site:before,
#secondary {
		width: 0;
		display: none;
	    }

.featured-content {
		padding-left: 0;
        }
        
        .site-content, .site-main .widecolumn {
		margin-left: 0;
        }  
        
        .hentry {
		max-width: 900px;
        }
.post-thumbnail img {
		width: 100%;
		}  
		
@media screen and (min-width: 810px) {
	.full-width .site-content blockquote.alignleft,
	.full-width .site-content img.size-full.alignleft,
	.full-width .site-content img.size-large.alignleft,
	.full-width .site-content img.size-medium.alignleft,
	.full-width .site-content .wp-caption.alignleft {
		margin-left: 0px;
	}
	.full-width .site-content .alignleft {
    clear: none;
}
}
@media screen and (min-width: 846px) {
	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: 0px;
	}

}
@media screen and (min-width: 1008px) {
	.featured-content {
		padding-left:0px;
	}
	.grid .featured-content .hentry {
    margin-left: 1%;
    width: 32%;
	}
	.site:before {
		background-color: transparent;
	}	
	.site-content {
		margin-right: 23.04761904%;
	}
	.content-sidebar {
		margin-left: -23.04761904%;
		width: 23.04761904%;
	}
	.primary-sidebar .widget .widget-title {
		font-size: 14px;
	}	
}

@media screen and (min-width: 1080px) {
	.search-box-wrapper,
	.featured-content {
		padding-left: 0px;
	}
	#secondary {
		width: 182px;
	}
	
}
@media screen and (min-width: 1218px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-right: 0px;
	}
}