/*
 Theme Name: Andekan
 Description: Andekan's theme using the parent theme Twenty Seventeen.
 Author: Andekan
 Author URI: https://www.andekan.com;
 Template: twentyseventeen
 Version: 1
 */

body, html {
	position: relative;
	height: 100%;
}

body {
	font-family: Georgia, serif;
	min-width: 1250px;
}

p {
	margin: 0 0 1em;
}


/* Row element */
.row {
	display: table;
	width: 100%;
}

.row_cell {
	display: table-cell;
	vertical-align: middle;
}

.row_33 {
	width: 33.33%;
}

.row_fill {
	width: 100%;
}

.row_top {
	vertical-align: top;
}

.post-edit-link {
	font-size: 15px;
	margin-left: 0.3em !important;
	background-color: #31b182;
	font-weight: bold;
	color: white !important;
	padding: 2px 7px 0px;
	border-radius: 4px;
}

.site-header {
	background: none;
}

.image_andekan {
	width: 150px;
	height: 28px;
}

#page {
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
}

.wrap #primary{
	width: auto !important;
	padding: 0;
}

.wrap primary {
	width: auto;
    max-width: 800px !important;
    padding: 0 !important;
}

.blog:not(.has-sidebar) #primary article {
	width: auto;
	float: none;
}


/* Navigation */
header #site-navigation {
	float: right;
	margin-top: 29px;
}

.image_andekan {
	margin-top: 37px;
}

#top-menu .menu-item > a {
	font-size: 20px;
	padding: 0px;
	margin-right: 51px;
}

#top-menu {
	text-align: right;
	font-family: "Open Sans", "Segoe UI", arial, sans-serif;
}

#top-menu > li:last-child > a {
	margin-right: 0px;
	border: 1px solid black;
	padding: 5px 12px 3px;
}




/* Footer */
footer #site-navigation {
	font-family: "Open Sans", "Segoe UI", arial, sans-serif;
}

.footer_main {
	font-family: "Open Sans", "Segoe UI", arial, sans-serif;
	border-top: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	padding-top: 65px;
	padding-bottom: 65px;
}

.footer_card{
	font-size: 15px;
	display: inline-block;
	max-width: 200px;
	text-align: center;
}

.footer_card a {
	color: black;
	text-decoration: none;
}

.footer_icon {
	width: 55px;
	height: 55px;
}

.footer_title {
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}

.footer_details {
	margin-top: 16px;
}

.footer_nav {
	margin-top: 20px;
	margin-bottom: 50px;
}

.footer_link {
	margin-right: 50px;
	font-size: 15px;
}


/* General overrides */
a,
a:hover {
	box-shadow: none !important;
	transition: none !important;
}


/* Main Posts */
.site-content {
	padding-top: 180px;
	padding-bottom: 80px;
}

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	max-width: none;
}

.entry-header .entry-title {
	margin-bottom: 15px;
}

.entry-header .entry-title > a {
	margin-left: 0px;
}

.post-grid .entry-meta {
	padding-bottom: 10px;
}

.single-post .entry-title {
	font-size: 30px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.single-post .entry-content a {
	color: #007FFF;
}

.single-post .entry-content h2 {
	color: #D63031;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 50px;
}

.single-post blockquote {
	border-bottom: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	font-size: 22.5px;
	color: #a2a2a2;
	font-style: normal;
	padding-top: 35px;
	padding-bottom: 12.5px;
	margin: 50px 0px;
}

.single-post .entry-content h3 em {
	font-weight: bold;
	color: #D63031;
	font-size: 22.5px;
	position: relative;
	display: inline-block;
	padding-left: 160px;
	margin-bottom: 30px;
}

.single-post .entry-content h3 em:before {
	content: '';
	display: block;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url('/wp-content/themes/andekan/assets/images/blog-quote.png') no-repeat center center;
	background-size: contain;
	width: 125px;
	height: 90px;
}

.single-post .about-the-author,
.single-post .author-name,
.single-post .author-description {
	font-size: 22.5px;
	color: black;
	font-weight: normal;
}

.single-post .author-position {
	font-size: 20px;
	color: #D63031;
	font-weight: bold;
	margin-bottom: 15px;
}

.single-post .about-the-author {
	margin-top: 50px;
}

.single-post .author-name {
	margin-bottom: 15px;
}

.single-post .author-avatar {
	margin: 25px 0px;
}

.single-post .author-avatar > img {
	vertical-align: bottom;
	border-radius: 50%;
}

.entry-title > a {
	font-size: 30px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.entry-author {
	color: #A2A2A2;
	text-transform: capitalize;
}


.entry-meta {
	display: table;
	width: 100%;
	font-size: 20px;
	letter-spacing: initial;
	font-weight: 400;
}

.entry-author {
	display: table-cell;
}

.entry-date {
	display: table-cell;
	text-align: right;
	text-transform: capitalize;
}

.entry-author > a {
	color: #007FFF;
}

.entry-author > a:hover {
	color: #007FFF;
}

.new-icon {
	color: white;
	background-color: #D63031;
	padding: 3px 5px 1.5px 4px;
	border-radius: 5px;
	display: inline-block;
	line-height: 1;
	font-size: 19.5px;
	font-weight: bold;
	margin-right: 20px;
}

.entry-content {
	font-size: 22.5px;
	color: black;
}

.entry-readmore > a {
	font-size: 20px;
	color: #D63031;
	font-weight: bold;
}

.entry-readmore > a:hover {
	color: #D63031;
}

.view-archive > a {
	font-size: 15px;
	color: #D63031;
	font-weight: bold;
}

.view-archive > a:hover {
	color: #D63031;
}

/*
.post-grid {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 30px;
}

.post-grid > .post {
	flex: 0 0 200px;
	margin: 60px 25px 0px;
}

.post-grid > .post:nth-child(-n + 3) {
	margin-top: 0px;
}

.post-grid > .post:nth-child(3n) {
	margin-right: 0px;
}

.post-grid > .post:first-child,
.post-grid > .post:nth-child(3n + 4) {
	margin-left: 0px;
}
*/


@media screen and (min-width: 768px) {

	.post-grid {
		font-size: 0px;
	}

	.post-grid > .post {
		display: inline-block;
		width: 33.33% !important;
		padding: 0px 50px;
		box-sizing: border-box;
		margin-top: 50px;
		vertical-align: top;
		float: none !important;
	}

	.post-grid > .post:nth-child(3n) {
		padding-left: 100px;
		padding-right: 0px;
	}

	.post-grid > .post:first-child,
	.post-grid > .post:nth-child(3n + 4) {
		padding-left: 0px;
		padding-right: 100px;
	}




	.post-grid .entry-title {
		line-height: 0.8;
	}

	.post-grid .entry-title > a {
		font-size: 15px;
	}

	.post-grid .entry-meta {
		font-size: 12px;
		margin-top: 15px;
		display: block;
	}

	.post-grid .entry-author {
		display: block;
	}

	.post-grid .entry-date {
		display: block;
		text-align: left;
		font-size: 12px;
	}

	.post-grid .new-icon {
		margin-right: 6px;
		font-size: 12px;
	}

	.post-grid .post-edit-link {
		font-size: 10px;
	}

	.post-grid .entry-content {
		font-size: 15px;
		line-height: 1.4;
	}

	.post-grid .entry-readmore {
		margin-top: 15px;
	}

	.post-grid .entry-readmore > a {
		font-size: 15px;
	}
}

/* Archive */
.search-form {
	margin-bottom: 50px;
	padding-right: 50px;
}

.search-form > .search-field {
	padding: 2px;
	padding-left: 38px;
	font-size: 20px;
	color: #5a5a5a;
	border: 1px solid #a2a2a2;
	border-radius: 5px;
	height: 1.8em;
}

.search-form .search-submit {
	background-color: white;
	right: auto;
	padding: 0px;
	left: 10px;
	top: 8px;
	bottom: auto;
}

.search-form .search-submit > .icon {
	height: 16px;
	width: 16px;
	fill: #5a5a5a;
}

.search-submit:hover {
	background-color: white;
}

.page-numbers,
.page-numbers.current {
	display: none;
}

.has-sidebar .site-content .wrap {
	max-width: 1180px;
	padding-left: 5em;
	padding-right: 0px;
	margin: 0px;
}

.has-sidebar #primary {
	float: left;
	width: 77%!important;
}

.has-sidebar #primary .post {
	border-right: 1px solid #a2a2a2;
	padding-right: 50px;
}

.has-sidebar #primary .post:nth-last-child(2) {
	padding-bottom: 0px;
}

.has-sidebar #secondary {
	float: right;
	width: 23%;
	padding-top: 0px;
	margin-top: 100px;
	padding-left: 50px;
}

.has-sidebar .pagination {
	border-top: none;
	padding-top: 50px;
}

.has-sidebar .pagination .next,
.has-sidebar .pagination .prev {
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	border: 1px solid black;
	background-color: white;
	color: black;
}

.has-sidebar .pagination .next:hover,
.has-sidebar .pagination .prev:hover {
	color: black;
}

.has-sidebar .pagination .next:before {
	content: 'NEXT';
	font-family: "Open Sans", "Segoe UI", sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding-right: 65px;
}

.has-sidebar .pagination .prev:after {
	content: 'PREVIOUS';
	font-family: "Open Sans", "Segoe UI", sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding-left: 15px;
}



/* Categories widget */
.widget_categories .widget-title {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: capitalize;
	margin-bottom: 35px;
}

.widget_categories .cat-item {
	border: none;
	font-size: 22.5px;
	font-weight: normal;
	padding: 4px 0px;
}

/* Author pages */
.author .author-avatar {
	text-align: center;
	margin-top: 50px;
}

.author .author-avatar > img {
	border-radius: 50%;
	width: 225px;
	height: 225px;
	box-shadow: 0px 0px 0px 20px #eeeeee;
}

.author .author-name {
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}

.author .author-position {
	color: #D63031;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.author .author-links {
	text-align: center;
}

.author .author-links > div {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.author .author-links > div > a {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #a2a2a2;
	position: relative;
	padding: 5px 6px 4px 36px;
}

.author .author-links > div > a:before {
	content: '';
	background: url('/wp-content/themes/andekan/assets/images/a-social-twitter.svg') no-repeat center center;
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background-size: cover !important;
	top: 5px;
	left: 5px;
}

.author .author-links .author-website > a:before {
	background: url('/wp-content/themes/andekan/assets/images/a-social-website.png') no-repeat center center;
}

.author .author-links .author-github > a:before {
	background: url('/wp-content/themes/andekan/assets/images/a-social-github.svg') no-repeat center center;
}

.author .author-links .author-twitter > a:before {
	background: url('/wp-content/themes/andekan/assets/images/a-social-twitter.svg') no-repeat center center;
	width: 44px;
	height: 44px;
	top: -5px;
	left: -5px;
}

.author .author-links .author-facebook > a:before {
	background: url('/wp-content/themes/andekan/assets/images/a-social-facebook.svg') no-repeat center center;
}

.author .author-links .author-instagram > a:before {
	background: url('/wp-content/themes/andekan/assets/images/a-social-instagram.svg') no-repeat center center;
}

.author .author-description {
	text-align: center;
	font-size: 22.5px;
	margin-top: 50px;
	margin-bottom: 80px;
}

.author .post-grid {
	margin-bottom: 50px;
}

.recent-posts {
	font-size: 30px;
	font-weight: bold;
	color: black;
}

.see-author-posts {
	margin-bottom: 300px;
}

.see-author-posts > a {
	font-size: 20px;
	font-weight: bold;
	color: #D63031;
}

.see-author-posts > a:hover {
	color: #D63031;
}


@media screen and (max-width: 767px) {

	body {
		min-width: 0px;
	}

	.wrap {
		padding-left: 5.75%;
		padding-right: 5.75%;
		max-width: none;
	}

	.site-header {
		padding-left: 5.75%;
		padding-right: 5.75%;
		padding-top: 9vw;
	}

	.image_andekan {
		width: 25vw;
		height: auto;
		margin-top: 0px;
	}

	header #site-navigation {
		margin-top: 0px;
	}

	header .menu-toggle {
		padding: 0px;
	}

	header .menu-toggle .icon {
		width: 5vw;
		height: 5.8vw;
		top: -3px;
		margin-right: 0px;
	}

	header #site-navigation.toggled-on .menu-main-navigation-container {
		position: fixed;
		left: 0px;
		top: 15vw;
		z-index: 1;
		right: 0px;
		bottom: 0px;
		background-color: white;
		overflow-y: auto;
	}

	.widget_categories {
		padding-bottom: 2vw;
	}

	.widget_categories.expanded {
		padding-bottom: 10vw;
	}

	.widget_categories ul {
		height: 0px;
		overflow: hidden;
	}

	.widget_categories.expanded ul {
		height: auto;
		overflow: auto;
	}

	header #top-menu {
		text-align: left;
		padding-left: 5.75%;
		padding-right: 5.75%;
		border: none;
	}

	#top-menu .menu-item > a {
		font-size: 4.8vw;
		margin: 4% 1px;
		line-height: 1.5;
		display: block;
	}

	.main-navigation li {
		border: none;
	}

	#top-menu > li:last-child > a {
		border: none;
		padding: 0px;
	}

	.entry-title {
		margin-bottom: 5% !important;
	}

	.entry-title > a {
		font-size: 7.4vw;
	}

	.entry-content {
		font-size: 4.6vw;
	}

	.entry-meta {
		font-size: 4.5vw;
	}

	.entry-date {
		display: table-header-group;
		text-align: left;
	}

	.entry-author {
		display: table-footer-group;
	}

	.new-icon {
		font-size: 5vw;
	}

	.entry-readmore > a {
		font-size: 4.5vw;
		font-weight: normal;
	}

	.view-archive {
		text-align: center;
	}

	.view-archive > a {
		font-size: 4.5vw;
		font-weight: normal;
	}

	.post-grid .entry-title {
		margin-top: 8%;
	}

	.post-grid .entry-title > a {
		font-size: 5.4vw;
	}

	.post-grid .entry-meta,
	.post-grid .entry-content {
		font-size: 4.5vw;
	}

	.post-grid .entry-readmore {
		margin-top: 3%;
	}

	/* Override Footer */
	.m-footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.m-footer .row_cell {
		flex: 0 0 35%;
		margin-top: 12%;
	}

	.footer_main {
		border-top: 1px solid #A2A2A2;
		border-bottom: 1px solid #A2A2A2;
		padding-top: 10px;
		padding-bottom: 80px;
	}

	.footer_card {
		font-size: 2.2vw;
		display: block;
		max-width: none;
		text-align: center;
	}

	.footer_icon.contact {
		width: 44%;
	}

	.footer_icon.read {
		width: 31%;
	}

	.footer_icon.twitter {
		width: 37%;
	}

	.footer_icon.instagram {
		width: 31%;
	}

	.footer_title {
		font-weight: bold;
		margin-bottom: 8%;
		margin-top: 4%;
	}

	.footer_details {
		margin-top: 6%;
	}

	.footer_nav {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.footer_link {
		display: block;
		margin-bottom: 4%;
		font-size: 3vw;
	}

	.single-post .entry-title {
		font-size: 7vw;
	}

	.single-post .entry-content h2 {
		font-size: 5vw;
		margin-bottom: 10%;
	}

	.single-post blockquote {
		font-size: 4.6vw;
		padding-top: 10%;
		padding-bottom: 4%;
		margin: 10% 0px;
	}

	.single-post .entry-content h3 em {
		font-size: 4.6vw;
		padding-left: 0px;
		font-style: normal;
		font-weight: normal;
	}

	.single-post .entry-content h3 em:before {
		position: static;
		float: left;
		margin-right: 5%;
		width: 30vw;
		height: 24.6vw;
	}

	.single-post .about-the-author,
	.single-post .author-name,
	.single-post .author-description,
	.single-post .author-position {
		font-size: 4.6vw;
	}

	.single-post .about-the-author {
		margin-top: 10%;
	}

	.single-post .author-avatar > img {
		width: 20vw !important;
		height: 20vw !important;
	}

	.site-content {
		padding-top: 15%;
	}

	.author .site-content {
		padding-top: 5%;
	}

	.author .author-avatar > img {
		width: 25vw;
		height: 25vw;
		box-shadow: 0px 0px 0px 3vw #eeeeee;
	}

	.author .author-name {
		font-size: 5.6vw;
		margin-top: 10%;
		margin-bottom: 3%;
	}

	.author .author-position {
		font-size: 4.6vw;
		margin-bottom: 5%;
	}

	.author .author-description {
		font-size: 4.6vw;
	}

	.author .recent-posts {
		font-size: 5.6vw;
	}

	.author .see-author-posts > a {
		font-size: 5.6vw;
	}

	.author .author-links > div {
		margin: 0px 1.5% 3%;
	}

	.author .author-links > div > a {
		font-size: 3.4vw;
		border-radius: 1.4vw;
		padding: 0.4vw 1.4vw 0.8vw 7vw;
	}

	.author .author-links > div > a:before {
		width: 5vw;
		height: 5vw;
		top: 1vw;
		left: 1vw;
	}

	.author .author-links > .author-twitter > a:before {
		width: 10vw;
		height: 10vw;
		top: -1vw;
		left: -1vw;
	}

	.has-sidebar .site-content > .wrap {
		display: table;
		position: relative;
		margin-top: 10%;
		padding-left: 5.75%;
		padding-right: 5.75%;
	}

	.has-sidebar #primary {
		display: table-footer-group;
		float: none;
		width: auto;
	}

	.has-sidebar #secondary {
		display: table-header-group;
		float: none;
		width: auto;
	}

	.has-sidebar #secondary .widget {
		padding-top: 15%;
	}

	.has-sidebar .search-form {
		position: absolute;
		top: 0px;
		right: 5.75%;
		left: 5.75%;
		padding-right: 0px;
	}

	.has-sidebar #primary .post {
		border: none;
		padding-right: 0px;
	}

	.widget_categories .widget-title {
		font-size: 6vw;
		margin: 5% 0px;
	}

	.widget_categories .cat-item {
		font-size: 4.6vw;
	}

	.search-form .search-submit > .icon {
		width: 5vw;
		height: 5vw;
	}

	.search-form > .search-field {
		padding: 1vw 1vw 1vw 10vw;
		font-size: 4.6vw;
		border-radius: 1vw;
		height: 1.9em;
	}

	.has-sidebar .pagination .next:before {
		font-size: 4.2vw;
		padding-right: 12vw;
	}

	.has-sidebar .pagination .next,
	.has-sidebar .pagination .prev {
		padding-top: 2.5vw;
		padding-bottom: 2vw;
		border-radius: 2vw;
		border: 0.6vw solid black;
		font-size: 4.2vw;
	}

	.has-sidebar .pagination .prev:after {
		font-size: 4.2vw;
		padding-left: 1.5vw;
	}

	.pagination .icon {
		width: 4vw;
		height: 2.8vw;
		top: -0.5vw;
	}

	.search-form .search-submit {
		left: 3vw;
		top: 25%;
		font-size: 4.6vw;
	}
}





/* Overrides */

.anchor {
	position: relative;
}

.block {
	display: block;
}

.hide {
	display: none !important;
}

.iblock {
	display: inline-block;
}

.nowrap {
	white-space: nowrap;
}

.noselect {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pointer {
	cursor: pointer;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}