/*
 Theme Name:   Thijs van Noort punt nl
 Theme URI:    http://www.thijsvannoort.nl
 Description:  Custom theme
 Author:       Thijs van Noort
 Author URI:   http://www.thijsvannoort.nl
 Template:     atomic-blocks
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Version:      1.6.3
 Tags: one-column, featured-images, theme-options, custom-background, custom-colors, custom-menu, editor-style, translation-ready, footer-widgets, full-width-template, blog
 Text Domain:  thijsvannoort
*/


/* inline crap */

div.simplesocialbuttons.simplesocialbuttons-align-right {
    margin-top: 20px;
}

	input[type='button'],
	input[type='submit'],
	.page-numbers.current,
	.page-numbers:hover,
	#page #infinite-handle button,
	#page #infinite-handle button:hover,
	.comment-navigation a,
	.su-button,
	.mobile-navigation,
	.toggle-active {
	      background-color: #3c79e4 !important;
	}

	.entry-content p a,
	.header-text a,
	.header-text a:hover,
	.entry-content .meta-list a,
	.site-footer a {
		color: #3c79e4;
	}

	.entry-content p a,
	.header-text a {
		box-shadow: inset 0 -1px 0 #3c79e4;
	}


	@media (min-width: 1000px) {
		#primary {
			width: 70%;
		}
	}

	@media (min-width: 1000px) {
		body {
			font-size: 20px;
		}
	}

	@media (min-width: 1000px) {
		.entry-header .entry-title {
			font-size: 50px;
		}
	}
 
	h1, h2, h3, h4, h5, h6, body, button, 
	input[type='button'],
	input[type='reset'],
	input[type='submit'],
	.button,
	#page #infinite-handle button {
		font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
	}


/* end inline crap */



/* Hide publication date */

.entry-byline-on, .entry-byline-date {
 display:none
}

/* Hide homepage title */

.page-id-1093 .entry-header .entry-title, .page-id-1464 .entry-header .entry-title  {
    opacity: 0;
}


/* Grey background */


 body {
    background: #ebeff4;
}

/*header background and height */

@media (max-width: 600px) {
.custom-logo-link img {
	max-width: 40%;
}}

@media (max-width: 500px) {
.custom-logo-link img {
	max-width: 50%;
}}

@media (max-width: 400px) {
.custom-logo-link img {
	max-width: 70%;
}}

@media (max-width: 600px) {
.top-navigation {
    height: 260px;
}}

.site-header {
    background: url(/wp-content/uploads/2018/12/background_opt.png);
    background-size: 1400px;
    z-index: 2;
}

.top-navigation {
    background-color: #3c79e4;
    opacity: 0.93;
	z-index: 3;
}

.site-identity {
    padding: 4% 0;
	}


/* footer white */

.site-footer {
    background: #fff;
    padding-left: 5px;
}


/* menu items in white */

.main-navigation a {
    color: #fff;
}



.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-page-item a {
    color: #f6a91b;
}

.search-toggle i {
    color: #fff;
}


/* for article grid */


.ab-block-post-grid .is-grid article {
    margin-bottom: 2.5em;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

@media (min-width: 601px) {
#post-1093, #post-1464 {
    background-color: transparent;
}}

@media (max-width: 600px) {
#post-1093, #post-1464 {
    background-color: transparent;
	padding: 1px;
}}


#page {
    padding-top: 0%;
}

.ab-block-post-grid .is-grid.columns-2 {
    margin-top: -10%;
}

/* for article */


.single .post, .page-template-default .post {
    margin-top: -10%;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 4;
}

@media (max-width: 600px) {
.container {
    padding: 0 1px;
        padding-top: 0px;
}}

/* for category pages */



@media (max-width: 600px) {
.header-text {
    margin-top: -10%;
    z-index: 4;
    font-size: 20px;
}}

@media (max-width: 500px) {
.header-text {
    margin-top: -15%;
    z-index: 4;
    font-size: 20px;
}}

@media (max-width: 400px) {
.header-text {
    margin-top: -20%;
    z-index: 4;
    font-size: 20px;
}}


@media (max-width: 600px) {
.header-text h1, .header-text .browsing {
    font-size: 20px;
}}


@media (min-width: 601px) {
.header-text {
    margin-top: -10%;
    z-index: 4;
}}

.header-text h1 {
	color: #FFF}



.blog .post:not(:last-of-type), .archive #post-wrap .post:not(:last-of-type), .search .post:not(:last-of-type),.blog .post, .archive #post-wrap .post, .search .post {
    margin-bottom: 2.5em;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
	margin-top: -30px;}

/* change link color and underline  */

a:focus {
  outline: 0;
}

#editor .editor-rich-text__tinymce a:hover, .ab-block-post-grid h2 a:hover, .ab-block-post-grid .ab-block-post-grid-link:hover {
  color: #f6a91b !important;
  box-shadow: none !important;
}

a:hover, a:focus, a:active {
  color: #f6a91b;
}

.site-footer a:hover {
  color: #f6a91b;
  text-decoration: none;
}

.header-text a:hover {
  box-shadow: none;
  color: #f6a91b;
}

.main-navigation a:hover {
  color: #f6a91b;
}


.widget-area .post-stats a:hover {
  color: #f6a91b;
}

.widget-area a:hover {
  color: #f6a91b;
}

.widget-area .widget-grofile h4 a:hover {
  color: #f6a91b;
}

.post-cats a:hover,
.entry-cats a:hover {
  color: #f6a91b;
  box-shadow: none;
}

.entry-header .entry-title a:hover {
  color: #f6a91b;
  box-shadow: none;
}


.entry-byline a:hover {
  color: #f6a91b;
}

.archive-box ul a:hover {
  box-shadow: none;
  color: #f6a91b;
}


#main .entry-content .page-links a:hover {
  border: none;
  color: #f6a91b;
}

.full-post-header .entry-title a:hover {
  color: #f6a91b;
}

.byline a:hover {
  color: #f6a91b;
  box-shadow: none;
}

.entry-content p a:hover {
  box-shadow: none;
  color: #f6a91b;
}

#jp-relatedposts a:hover {
  color: #f6a91b;
}

.social-navigation a:hover:before {
  color: #f6a91b;
}

.entry-content .meta-list a:hover {
  color: #f6a91b;
}

.post-navigation a:hover .post-title {
  color: #f6a91b;
}

.entry-content p a, .header-text a {
    color: #3c79e4;
	box-shadow: none;
}