/* RESPONSIVE MEDIA QUERIES © Eborn Interactive */


/* Screen Widths

Tablet Portrait - 768px
Tablet Landscape - 1024px

iPhone 3,4,5 - 320px


/* iOS Specific
================================================== */

@supports (-webkit-overflow-scrolling: touch) {
	
  /* CSS specific to iOS devices */ 

}

/* ================================================ */

/* Other than iOS specific
================================================== */

@supports not (-webkit-overflow-scrolling: touch) {
	
  /* CSS for other than iOS devices */ 
  
}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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

	
	
		/* forskarstöd */
		.forskarstod-block .fblock .topsection {
			transform: translate(0,0);
		}
		/* end forskarstöd */



	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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

	
	
		/* Kontaktkort */
		.contact-cards {
		    padding: 0;
		}
		/* end puffar */



	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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

	
	
		/* Kontaktkort */
		.contact-card {
		    margin-bottom: -30px;
		}
		/* end puffar */
		
		
		/* inforuta */
		.inforuta-block {
		    float: unset;
		}
		
		.moveup {
			margin-top: 0;
		}		
		/* end inforuta */



	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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



		.twocolumn-block .main-column {
		    padding-right: 50px;
		}



	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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


		/* Header */
		#main-nav, .searchrow {
			display: none;
		}
		
		#responsive-menu-section {
			display: block;
		}
		
		header .inner-content {
		    padding-top: 15px;
		}
		/* end header */ 
		
		
		/* text/image */
		.text-image-block .inner-content {
		    flex-direction: column;
		}	
		
		.text-image-block.reverse .inner-content {
		    flex-direction: column-reverse;
		}	
		
		.text-image-block .text {
		    padding-right: 0;
		    padding-left: 0;
		    padding-bottom: 50px;
		}
		
		.text-image-block .image .imagearrow {
		    width: 22px;
		    position: absolute;
		    left: 80px;
		    right: unset;
		    top: -27px;
		    transform: rotate(90deg);
		}	
		
		.text-image-block.reverse .text {
		    padding-left: 0;
		    padding-right: 0;
		}	
		
		.text-image-block.colorback {
			padding-bottom: 68px !important;
		}
		
		.text-image-block.colorback .text {
		    padding-top: 50px;
		    padding-bottom: 50px;
		}	
		
	
		.text-image-block.colorback.has-ticker .text {
		    padding-top: 70px;
		}		
		/* end text/image */
		
		/* Puffar */
		.puff-block .puffar {
		    padding: 0;
		}		
		/* end puffar */
		
		/* post slider */
		.postslider-block .slider-container {
		    flex-direction: column-reverse;
		}
		
		.postslider-block .slider-container .nav-column {
		    flex: 0 0 130px;
		}
		/* end postslider */
		
		
		/* Nyheter */
		.news-block .nyhet {
		    flex-direction: column-reverse;
		}
		/* end nyheter */
		
		/* footer */
		.footer-columns {
		    flex-direction: column;
		}	
		
		.footer-columns.bottom {
		    align-items:center;
		}
		
		.footer-columns .links, .footer-columns .column.right-align .links {
		    justify-content: center;
		}	
		
		.footer-columns .column {
			width: 100%;
		}
	
		/* end footer */
		
		
		/* Twocolumn */
		.twocolumn-block .inner-content {
		    flex-direction: column;
		}		
		
	    .twocolumn-block .main-column {
	        padding-right: 0 !important;
	        padding-left: 0 !important;
	    }


		.aside-column {
		    margin-top: 40px;
		}
		
		.faktaruta-block, .inforuta {
			max-width: 450px;
		}		
		/* end twocolumn */
		
		.contact-cards {
		    width: 100%;
		    padding: 0 50px;
		}


	}

/* ================================================ */


/* Responsive Width Section (Mobile Phone)
================================================== */

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


		/* kolumnbox */
		.kolumnboxar-block .kolumnbox .col {
		    padding: 30px 20px 15px 20px;
		}		
		/* end kolumnbox */


	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

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


		.forskarpres-block .inner-content {
			flex-direction: column;
		}
		
		.forskarpres-block .bild {
		    margin-right: 0;
		    flex: 1;
		    margin-bottom: 30px;
		    height: auto;
		}
		
		.forskarpres-block .bild img {
		    width: 100%;
		    height: auto;
		}
		
		.forskarpres-block .inner-content {
		    margin-top: 0;
		}

	}

/* ================================================ */




/* Responsive Width Section (Mobile Phone)
================================================== */

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


		/* Puffar */
		.puff-block .puff {
		    flex: 1 1 100%;
		    max-width: 350px;
		}		
		/* end puffar */
		
		
		/* Kontaktkort */
		.contact-card-block {
		    margin-top: 50px;
		    position: relative;
		}

		.contact-cards {
		    padding: 0;
		}
		/* end kontaktkort */


	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

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


		/* kolumnbox */
		.kolumnboxar-block .kolumnbox {
		    flex-direction: column;
		}	
		
		.kolumnboxar-block .kolumnbox .col.right:before {
			height: 20px;
			width: 100%;
			left: 0;
			top: 0;
		}
		
		.kolumnboxar-block .kolumnbox:hover .col.right:before {
			top: -10px;
			left: 0;
		}
		
		.kolumnboxar-block .kolumnbox .col.left {
			padding-bottom: 20px;
		}
		/* end kolumnbox */


	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 580px) {
	
		h1, h2.extra, .text-image-block.extra h2 {
		    font-size: 32px;
		}
		
		h2 {
		    font-size: 27px;
		}
				
		/* header */
		header .inner-content {
		    padding-bottom: 50px;
		}		
		/* end header */
		

		/* post slider */
		.postslider-block .slider-container .swiper-wrapper .swiper-slide {
		    width:calc(90% - 30px) !important;
		}
		
		.postslider-block .inner-content {
		    padding: 30px 0 30px 20px;
		}
	
	    .postslider-block .slider-container .nav-column {
	        flex: 0 0 60px;
	    }
	    
		.postslider-block .slider-container {
		    margin-top: 30px;
		}
		
		.postslider-block .swiper-slide .text h3 {
		    font-size: 27px;
		}
	    /* end post slider */
	    
	    
	    /* footer */
		.footer-columns, .dual-columns {
		    flex-direction: column;
		}
		
		.footer-columns .dual-columns .column {
		    width: 100%;
		}
		
		footer .inner-content {
		    padding: 30px 0;
		}
		
		.footer-columns, .dual-columns {
		    gap: 20px;
		}	    
	    /* end footer */
	    
		.news-block .nyhet .text {
		    flex: 0 0 58%;
		    padding: 20px 20px 30px 20px;
		}
		
		.block {
		    padding: 40px 0;
		}
		
		.text-image-block.colorback {
        	padding-bottom: 30px !important;
        }
        
         .text-image-block .text {
	        padding-bottom: 30px;
	    }
	    
		.inforuta-block {
		    max-width: 100%;
		    width: 100%;
		}
		
		/* Twocolumn */
		.twocolumn-block.block {
		    padding: 30px 0;
		}
		
		.twocolumn-block .aside-column {
		    flex: 0;
		}		
		/* end twocolumn */
		
		.video-block {
			margin: 30px 0;
		}

		.contact-card {
		    max-width: 100%;
		}	
		
		a.mail-link {
		  white-space: nowrap;        /* Ingen radbrytning */
		  overflow: hidden;           /* Dölj överflöd */
		  text-overflow: ellipsis;    /* Lägg till … */
		  max-width: 100%;           /* Måste ha en begränsad bredd */
		  display: block; 
		}	
		
		.pagetitle .inner-content {
		    margin-bottom: 0px;
		}
	    
			    
	}

/* ================================================ */


/* Responsive Width Section (Smallest Mobile Screens)
================================================== */

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





	}

/* ================================================ */