/*
    Theme Name:     Ankawa
    Theme URI:      http://www.bastardreklam.se
    Author:         Oskar Nilsson
    Author URI:     http://www.bastardreklam.se
    Description:    Ankawa
    Version:        1.0.0
    Tags:           
    License: 		GNU General Public License
	License URI: 	licence/GPL.txt
    Text Domain:    bastard
    
*/


@import url('https://fonts.googleapis.com/css?family=Cairo:400,700&display=swap');

@font-face {

  font-family: 'Droid Arabic Kufi';

  font-style: normal;

  font-weight: 400;

  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);

  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');

}

@font-face {

  font-family: 'Droid Arabic Kufi';

  font-style: normal;

  font-weight: 700;

  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);

  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),

       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');

}


body,html {
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight: 400;
	box-sizing: border-box;
	background-color:#ffeede;
	line-height: 1.5;
	text-align: right;
	direction: rtl;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight: 700;
}

.rubrik-front {
	text-align: center;
	font-weight: 400;
	font-size: 36px;
}



a {
	color:#000;
	transition: all 0.2s;
	text-decoration: none;
}

a:hover {
	color:#000;
	text-decoration: underline;
}


.site-main {
	max-width:1240px;
	margin: 0 auto;
	padding:0;
	display:flex;
	background-color:white;
}

.main-column {
	width:477px;
	background-color:white;
	padding:10px;
}

.column1 {
	width:195px;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
	background-color: #f9f9f9;
}


.column2 {
	width:199px;
	background-color: white;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
}


.column3 {
	width:calc(199px + 174px);
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
}

.column3-flex {
	display: flex;
	
}

.column3b {
	width:174px;
	background-color:white;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
}

.column3a {
	width:199px;
	background-color:#f9f9f9;
	box-sizing: border-box;
	
}

.image-col3b {
	width: 50px;
	height:70px;
	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	margin-bottom:2px;
	float:right;
}

.header-col3b {
	font-size: 13px;
	text-align: right;
	font-weight: 400;
	margin:0;
}

.col3b-flex {
	display:flex;
	margin:3px 0 16px 0;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
}

.col3b-flex:last-child {
	border-bottom: none;
}

.col3b-left {
	width:calc(100% - 50px);
	margin-right: 8px; 
}

#regular-page {
	max-width: 1240px;
	margin: 0 auto;
}


/* STYLE FÖR DE OLIKA KATEGORIERNA */

.main-image {
	width: 200px;
	height:200px;
	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	margin-bottom:2px;
}

.main-rubrik {
	font-weight:bold;
	font-size:17px;
	line-height:1.3;
	width:100%;
	margin-top:15px;
	
}

.main-rubrik a {
	color:#9c3115;
}

.main-intro {
	font-size: 13px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	text-align: right;
	
}

.main-news {
	border-bottom:1px solid #e5e5e5;
	margin:6px 0 10px;
	padding-bottom:8px;
	clear: both;
	display: flex;
}

.main-news-image {
	width:200px;
	height:200px;
}

.main-news-text {
	width:calc(100% - 200px);
	margin-bottom:20px;
	padding-right:10px;
}

.main-news::after {
	content:"";
	clear:both;
	display: table;
}

.sticky {
	font-size:13px;
	position: relative;
	padding-right:14px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
}

.sticky:nth-child(odd) a {
	color:#9c3115;
}


.sticky:nth-child(even) a {
	
}

.sticky::after {
	content:"<-";
	position:absolute;
	right:0px;
	top:0px;
}


.sticky-tab {
	font-size:12px;
	position: relative;
	padding-right:14px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 8px;
	font-weight: 400;
	
}


.sticky-tab::after {
	content:"<-";
	position:absolute;
	right:0px;
	top:0px;
}

.smallavatar {
	margin:0 0 0px 5px; 
	width:57px; 
	height:63px; 
	float:right;
}

.boxinlagg {
	clear:both;
	margin:3px 0 16px 0;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
	min-height:70px;
}


.boxinlagg:last-child, .box:last-child {
	border-bottom: none;
}


.box {
	clear:both;
	margin:3px 0 16px 0;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
}


.author-col1 {
	font-size: 13px;
	font-weight: 700;
	text-align: right;
	margin:0 0 3px;
}

.authorcol2 {
	font-size:12px;
	text-align: right;
	font-weight: 700;
	margin:0;
}

.avatarcol {
	font-size: 12px;
	text-align: right;
	font-weight: 400;
	margin:0 0 16px;
}

.column-header {
	padding:6px 10px;
	text-align: center;
	font-size: 13px;
	margin:10px 6px 10px 8px;
	border-radius:4px;
}

.grey {
	background: #fbe2d4 url('https://ankawa.com/wp-content/themes/bastard-standard/img/a-grey.svg') no-repeat right;
}

.white {
	background:#fbe2d4 url('https://ankawa.com/wp-content/themes/bastard-standard/img/a-white.svg') no-repeat right;
}

.category-k {
	width: 120px;
	height:100px;
   	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	/* border-radius:8px; */
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
}
.category-f {
	width: 120px;
	height:100px;
	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
}

.aside-header {
	font-size: 13px;
	text-align: center;
	margin:3px 0 16px 0;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 10px;
}

.aside-header:last-child {
	border-bottom:none;
}


.tab {
	overflow: hidden;
	margin-bottom: 20px;
	
}

.tab button {
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px 40px 10px 16px;
	transition: 0.3s;
	border-radius: 4px;
	margin-left:6px;
	font-size: 13px;
	background-color: #fbe2d4;
	
}

.tab button:hover {
	background-color: #e85928;
	color:white;
}

.tab button.active {
  	background-color: #e85928;
	color:white;
	font-weight: 700;
}

.tabcontent, .tabcontent2 {
	display: none;
	font-size:12px;
	border-top: none;
	padding-left:10px;
	margin-bottom:30px;
}

.tab-image {
	width: 200px;
	height:200px;
	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	margin-bottom:2px;
	float:right;
}

.tab-text {
	font-size: 13px;
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 4px;
	float: right;
}

.tab-image2 {
	width: 120px;
	height:70px;
	background-position: center;
	position:relative;
	background-size: cover;
	clear:both;
	margin-bottom:8px;
}

.tab-multi-image {
	width:100%;
	display:flex;
	border-bottom:1px solid #e5e5e5;
	margin-top:6px;
}

.tab-flex-image {
	width:calc(100% - 120px);
	margin-right:8px;
}

.tab-rubrik {
	font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    width: 100%;
    
}

.wrap-column {
	padding:10px;
}

/* ANNONSER */

.ad300-container {
	
	border-bottom:1px solid #e5e5e5;
	padding:20px 0;
	margin:0 auto 20px;
}


.ad300-tall-container {
	display: flex;
	justify-content: center;
	background-color:white;
	border-top:1px solid #e5e5e5;
	padding:20px 0;
	margin:0 0 20px;
}

.ad300-300 {
	width:300px;
	height:300px;
	margin:0 auto;
}


.ad300-600 {
	width:300px;
	height:600px;
	margin:0 auto;
}

.ad300-600 iframe {
	width:300px;
	height:600px;
	border:none;
}


.ad300-300 iframe {
	width:300px;
	height:300px;
	border:none;
}

.ad160-container {
	display: flex;
	justify-content: center;
	padding:20px 7px;
	margin:20px 0;
}


.ad160-container-border {
	border-top:1px solid #e5e5e5;
	margin:20px 7px;
}



.bottom1 {
	max-width:1240px;
	margin:0 auto;
	background-color:#f5f5f5;
	padding:40px 20px;
	font-size: 13px;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
}

.archive-post a:hover {
	text-decoration:none;
}

.page-section img {
	max-width:100%;
}

#archive h1  {
	font-size:48px;
	text-align: center;
	text-decoration: underline;
	width:100%;
	padding-bottom:40px;
}

#archive {
	display:flex;
	flex-wrap: wrap;
	
	padding:70px;
	box-sizing: border-box;
}
#category {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:70px;
	box-sizing: border-box;
}

.pagination-mace {
	width:100%; border-top:1px solid #ccc; margin-top:30px; padding-top:30px; display:flex;
}

.archive-post {
	width:22%;	
	margin: 0 1.5% 40px;
}

.archive-post p {
	font-size:12px;
	line-height: 1.5;
}


.footer-container {
	max-width:1240px;
	margin:0 auto;
	
}

.footer-column {
	color:#fff;
	font-size:12px;
	padding:40px;
}

footer {
	background-color:#000;
	margin-top:40px;
	
}

.footer-container {
	display: flex;
	justify-content: space-between;
}

.footer-column {
	flex-basis: 31%;
}

.footer-column ul {
	padding:0;
	list-style: none;
}

.footer-column a:hover {
	text-decoration: underline;
	color:#c5891b;
}

header {
	max-width: 1240px;
	margin:20px auto;
	display:flex;
	
}

.ad-top {
	width:980px;
}

.logo-top {
	margin-left:20px;
	width:250px;
	display: flex;
	align-items: center;
}

.header-ad img {
	width:100%;
}

.logo-top img {
	width:100%;
}


/* MENYN */

.nav-mobile, .mobile-container {
	display:none;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.nav-mobile .menu-item-has-children:after {
	content:'+';
}

.lang-menu {
	background-color:#000;
	color:#fff;
	height:30px;
	line-height: 30px;
	max-width: 1240px;
	margin:0 auto;
}


.right-menu ul {
	float:right;
}

.right-menu ul, .lang-menu ul {
	padding:0;
	margin:0;	
	list-style: none;
	direction: rtl;
}

.lang-menu ul {	
	display:flex;
	height:30px;
	flex-direction: row-reverse;
}

.lang-menu li, .lang-menu li a {	
	height:30px;
	font-size: 13px;
	line-height: 30px;
	display: inline-block;
	color:#fff;
}

.right-menu li, .lang-menu li {
	display: inline-block;
	margin:0 10px;
	position: relative;
}

.right-menu li a {
	color: #fff;
	text-transform: uppercase;
	font-size:12px;
	text-decoration: none;
	transition: all 0.5s linear;
}

.right-menu li a:hover, .lang-menu li a:hover {
	color: #c5891b;
	
}


.nav-up {
    top: -75px;
}

.nav-down {
	position: fixed;
  	left:0;
	right:0;
 	top: 0;
 	
}

.menu-bar {
	max-width:1240px;
	margin:0 auto;
	display:flex;
	background-color:#7d0b15;
}

.left-logo {
	flex-basis:20%;
	line-height: 1;
}

.left-logo img {
	width:70px;
	padding:10px;
	
}

.right-menu {
	flex-basis:100%;
	height:28px;
	text-align: right;
	
}

.sub-menu {
    
    list-style:none;
	padding:10px 0 !important;
	position:absolute;
	width:auto;
	display:none;
	background-color:#f5f5f5;
	text-align: right;
	right:-10px;
	z-index: 99999999999;
	top:28px;
}
.sub-menu li  {
	
	width:150px;
	display:block;
	line-height: 2;
	
	
	
}
.sub-menu li a  {
	
	color:#000;
	text-decoration:none;
	
	box-sizing:border-box;
	font-size: 13px;
	
}


/* SIDOR */

.header-image {
	width:100%;
	height:400px;
	background-size: cover;
	background-position: center center;
	position:relative;
	margin-bottom:40px;
}

.archive-header-image {
	width:100%;
	height:200px;
	background-size: cover;
	background-position: center center;
	position:relative;
	margin-bottom:12px;
}

.column-3 {
	width:32%;
	
}

.header-text {
	max-width:900px;
	margin:0 auto;
	
}

.header-text h3 {
	position:absolute;
	margin-top:300px;
	font-size:36px;
	color:#fff;
	
	padding:2px 20px 2px 0px;
}

.header-text-svart h3 {
	color:#000;
}



.page-section {
	max-width:900px;
	margin:0 auto;
}

/* BLOGG */

#blogg-page {
	max-width:900px;
	margin:0 auto;
}


.intresse-formular {
	background-color:#EDEDED;
	padding:10px 75px 75px;
}

.intresse-header {
	background-color:#E0AC59;
	padding:10px 75px;
	color:#fff;
	margin-top:50px;
}

.intresse-header h3 {
	font-size:16px;
	padding:0;
	margin:0;
}

.form-row-3, .form-row-2 {
	display:flex;
	justify-content: space-between;
}

.form-row-captcha {
	display:flex;
	align-items: center;
}

.form-row-captcha p:first-child {
	margin-right:10px;
}

.form-row-captcha p:nth-child(2) {
	margin-right:10px;
}

.form-row-3 p {
	width:32%;
}

.form-row-2 p {
	width:49%;
}

.intresse-formular input, .intresse-formular textarea {
	width:100%;
	padding:10px 20px;
	font-size:14px;
	border:1px solid #E5E5E5;
	border-radius: 4px;
	font-weight: 200;
	box-sizing: border-box;
}

.intresse-formular button, [type="submit"] {
	background-color:#81CFDD;
	border:none !important;
	padding:20px !important;
	color:#fff;
	text-transform: uppercase;
	transition: all .5s;
}

[type="submit"]:hover {
	background-color:#000;
	cursor:pointer;
} 

.amnen {
	display:flex;
	align-items: center;
}

.amnen-ikon {
	font-size:12px;
	font-family: 'Raleway', serif;
	font-weight: 900;
	background-color:#81CFDD;
	color:#fff;
	padding:6px 12px;
	margin-right:12px;
}

.amnen-text {
	font-size:12px;
	font-weight:200;
	
}

.amnen-post-rubrik {
	margin:8px 0 0;
}


.site-main h1 {
	text-align:left;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.5;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 14px;
    font-weight: 200;
    display: block;
    
    padding-top: 4px;
    text-align: center;
}

div.wpcf7-response-output {
	background-color:#ff0000;
	color:#fff;
	padding: 8px;
	margin:0;
	border-radius:4px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color:#000;
    background-color: #f7e700;
    padding: 8px;
	margin:0;
	border-radius:4px;
}

.regular-page {
	
}

.feat-img-mobile {
	display:none;
}

/** BLOCKAR UT MEDIA QUERIES

@media only screen and (max-width: 1300px) {
  
	.right-menu {
		padding-right:20px;
	}
	
	.left-logo {
		padding-left:20px;
	}
	
}

@media only screen and (max-width: 1140px) {
	
	.main-column {
    	order:1;
		width:65%;
		box-sizing: border-box;
	}
	
	.column1 {
		order:0;
		width:35%;
		box-sizing: border-box;
	}
	
	.column2 {
		order:3;
		width:34%;
	}
	
	.column3 {
		order:2;
		width:66%;
	}
	
	.site-main {
		flex-wrap: wrap;
		margin:40px 40px 0;
	}
	
	.bottom1 {
		margin:0 40px;
	}
	
	.column3b {
		width:50%;
	}
	
	.column3a {
		width:50%;
	}
	
	
	
	
	
}


@media only screen and (max-width: 930px) {
  
	.nav {
		display:none;
	}
	
	
	
	.nav-mobile {
		position: absolute;
		left:0px;
		top:75px;
		width:100%;
		background-color:#f5f5f5;
		padding:10px !important;
		border-bottom:1px solid black;
		
	}
	
	.nav-mobile .sub-menu {
		border:1px solid black;
	}
	
	.mobile-menu li {
		display: block;
		line-height:2.5;
		
	}
	
	.mobile-menu li a {
		
		color:#000;
	}
	
	
	.mobile-container {
		display:flex;
		align-items:center;
		justify-content: flex-end;
		height:75px;
		flex-direction: row;
	}
	
	.mobile-container img {
		display:block;
		margin-bottom:4px;
	}
	
	.header-text h3 {
	
	bottom:30px;
	left:40px;
	
	
	
}
	
}


@media only screen and (max-width: 600px) {
	
	.main-column {
    	order:0;
		width:100%;
		box-sizing: border-box;
		border-right: none;
	}
	
	.column1 {
		order:1;
		width:100%;
		box-sizing: border-box;
		border-right: none;
	}
	
	.column2 {
		order:2;
		width:100%;
		border-right:none;
	}
	
	.column3 {
		order:3;
		width:100%;
		border-right:none;
	}
	
	.column3-flex {
		flex-wrap: wrap;
	}
	
	.column3b {
		width:100%;
		border-right: none;
	}
	
	.column3a {
		width:100%;
		border-right: none;
	}
	
	.ad160-container {
		border-top:1px solid #e5e5e5;
		margin:0 10px;
	}
	
}


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

	.site-main {
		flex-wrap: wrap;
		margin:40px 20px 0;
	}
	
	.main-news {
		flex-wrap:wrap;
	}
	
	.main-news-text {
		width:100%;
		order:1;
	}
	
	.main-news-image {
		width:100%;
		order:0;
		height:260px;
	}
	
	.main-intro {
		padding-right:0;
	}
	
	.main-image {
		width:100%;
		height:260px;
	}
	
	.bottom1 {
		margin:0 20px;
	}
	
	
	.footer-container {
    display: block;
	}
	
	.footer-column {
	text-align: center;
	}
	
	
	.footer-column {
   
    padding: 10px 40px;
	}
	
	.tab button {
    padding: 8px 10px;
    font-size: 10px;
    
}
	
	
	
	
	
	
}

**/