/*
Theme Name: Base WP Theme
Theme URI: 
Author: the FlexAspect team
Author URI: 
Description: Base theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: accessblog
*/

/*--- Nelli's additions below ---*/

/* Improving the language menu */
.c-site-header__top-row #lang_sel ul ul {
    right: 0;
    top: 20px;
    width: 220px;
}

.js-wpml-ls-legacy-dropdown {
	width: 100px;
}

/* Disabling the additional arrow */ 
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border: 0;
}

/* Gray bg for footer language selector */
.c-site-info #lang_sel {
background-color: #F0F0F0;
}


/* Front page author block improvement with longer titles */ 
.c-author-block__inner {
  align-items: flex-start;
}

.c-author-block {
  padding-bottom: 15px;
  padding-right: 15px;
}

.c-author-block .l-column {
  padding-top: 5px;
}

.c-author-block__avatar {
  margin: -15px 20px 10px 30px;
}

.c-page-post-block--is-guest,
.c-page-post-block--main-is-guest {
   margin-bottom: 100px;
}

/* Blog archive funky pages width changes fix */
.c-category-page__content .flex-65 {
  max-width: 740px;
  flex-basis: 65%;
}
.c-category-page__content .flex-35 {
  flex-basis: 35%;
}

.pagination {
	box-sizing: border-box;
	position: relative !important;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
  padding: 0 50px;
}

.pagination .page-numbers {
    margin: 2px;
}

.pagination .page-arrow.page-arrow-left,
.pagination .page-arrow.page-arrow-right,
.pagination .next,
.pagination .prev {
	position: absolute;
	bottom: 5px;
	height: 20px;
}

.pagination .page-arrow.page-arrow-left,
.pagination .prev {
	left: 0;
}

.pagination .page-arrow.page-arrow-right,
.pagination .next {
	right: 0;
}


/* Author images always square */ 
.c-author-section__avatar {
  width: 162px;
  height: 162px;
  object-fit: cover;
}

/*---- Mobile styles ----*/ 
@media (max-width: 767px) {
	/* resetting the adjustments for the layout that works on every page I did earlier on mobile */
.c-category-page__content .flex-65, .c-category-page__content .flex-35 { 
	flex-basis: 100%;
	}

/* more margin to fit longer author titles on mobile as well */
	.c-category-list .c-category-list__category-post .c-page-post-block--is-guest {
		margin-bottom: 115px;
	}	
	
/* Hiding the extra lang selector on mobile */
	.c-off-canvas #lang_sel a.lang_sel_sel {
		 position: absolute;
		z-index: 999;
	}
	
	/* Adjusting pagination padding on mobile */ 
	.pagination {
		padding: 0 20px;
		justify-content: center;
	}
	
}