/* 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 (min-width: 1500px) {

		
		.fixedtermlist {
		    left: calc((100vw - 1400px)/2);
		}

	}

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

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

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


		.cardimage img {
			max-height: 13.333vw;
		}

	}

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


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

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


		.page-template-template-hitta-partner .card {
		    width: calc(33.33333% - 13.333333px);
		}	
		
		.page-template-template-hitta-partner .card:nth-child(4n+1) {
			margin-left: 20px;
		}
		
		.page-template-template-hitta-partner .card:nth-child(3n+1) {
			margin-left: 0px;
		}
		
		.page-template-default .cardlink, .page-template-template-startsida .cardlink, .error404 .cardlink {
		    margin-top: -31px;
		}

	}

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


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

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




	}

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


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

	@media only screen and (max-width: 1123px) {
		
		
		#main-nav {
			display:none !important;
		}
		
		#responsive-menu-section, #menuicon {
			display:block !important;
		}


		#footer-nav {
			display:none;
		}
		

		footer .inner-content {
			flex-direction: column;
		}
		
		#footerlogo {
			margin-bottom:30px;
		}
		
		.copyright {
		    margin-bottom: -25px;
		}
		
		footer .inner-content.bottom {
		    padding: 40px 0;
		}
		
		footer .inner-content {
		    height: auto;
		}
		
		.logo-responsive-container {
		    display: block !important;
		}
		
		#menu-row {
			 margin-bottom: 15px;
		}

		#menu-item-3641 {
			display: none !important;
		}
		
		.menu-huvudmeny-container {
		    margin-left: 0;
		}
		
		.searchicon {
		    position: absolute;
		    right: 60px;
		    top: 37px;
		}
				
	}

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



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

	@media only screen and (min-width: 981px) and (max-width: 1090px) {



		.two-cols>.col-1>.two-col {
			flex-direction:column;
			flex-wrap:wrap;
		}
		
		.two-col .edit-backend, .two-col .preview-card {
		    justify-content: left;
		    text-align: left;
		    margin-top: -15px;
		    margin-bottom:25px;
		}
		
		.acf-field-5e6b8f57b1705, .acf-field-5e6b8f6cb1706 {
			width:100% !important;
			margin-left:0 !important;
		}
		


	}

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


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

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


		.card-frontend .two-cols {
		    flex-direction:column;
		}
		
		.card-frontend .two-cols .col-2 {
		    margin-left:0;
		    width:100%;
		    margin-top:40px;
		}
		
		.topslider {
			height: 400px;
		}
		
		.introtext {
		    margin-top: 20px;
		}
		
		.partners-section .partner-logos {
		    justify-content: space-around;
		    flex-wrap: wrap;
		}

		
		.topslider-text {
			margin-top: 10px;
		}

		
	}

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



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

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


		#cards .card, .view-content-block #case-cards .case-card  {
		    width: calc(50% - 10px) !important;
		}	
		
		
		
		.card:nth-child(3n+1), .view-content-block #case-cards .case-card:nth-child(3n+1)  {
			margin-left: 20px !important;
		}
		
		
		.card:nth-child(2n+1), .view-content-block #case-cards .case-card:nth-child(2n+1) {
			margin-left: 0 !important;
		}
		
		.view-content-block #case-cards .case-card {
			margin-bottom: 25px !important;
		}		

		body.page-template-template-hitta-partner #filter-row {
		    flex-wrap:wrap;
		    height:unset;
		    margin-top:35px;
		}
		
		body:not(.page-template-template-absspeclib) .selectbox-container {
		    width:calc(50% - 15px);
		    margin-bottom:15px;
		    flex:none;
		}
		
		body:not(.page-template-template-absspeclib) .selectbox-container:nth-child(2n+1) {
		    margin-left:0;
		}
		
		figure.wp-block-image.right-expanded {
		    position: relative;
		    margin-left:0;
		    margin-top:60px;
		}
		
		.wp-block-columns {
			flex-direction: column;
		}
		
		.wp-block-column {
			flex-basis:100% !important;
		}
		

		
		.inledning {
			margin-bottom:0;
		}
		
		.acf-field-5ebd522f6f88f .acf-fields.-border {
		    flex-direction:column;
		}
		
		.acf-field-taxonomy {
		    width: 100%;
		}
		
		.acf-field-taxonomy:nth-of-type(2n+0), body .acf-field-taxonomy.acf-field-5ebd538a718b2 {
		    margin-left: 0 !important;
		}
		
		.acf-field-5e6b8f57b1705, .acf-field-5e6b8f6cb1706 {
			width:100% !important;
			margin-left:0 !important;
		}
		
			
		.messagebox {
			padding:18px 50px 20px 70px;
		}
		
		body.page-template-template-cases #filter-row {
			flex-direction:column;
			flex-wrap:wrap;
			
		}
		
		.page-template-template-cases .selectbox-container {
			width:100%;
		}
				
		.single-case .cols {
		    flex-wrap:wrap;
		    flex-direction: column;
		    width: 92%;
		}
		
		.single-case .cols .sidesection {
		    width: 100%;
		    max-width:450px;
		}
		
		.single-case .inner-content.entry {
		    width: 100%;
		}

		
	}

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


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

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

	
		.linkpuff .container {
			flex-direction:column;
		}
		
		.contact-partners .inner-content {
		    flex-direction: column;
		}
		
		
		.contact-partners .contact-partner {
			width:100%;
			margin-left:0;
		}
		
		.event-box .text {
		    padding: 35px 40px;
		}
		
		.dictionary-page .col2.cols {
		    flex-direction: column;
		}
		
		.dictionary-page .sidesection .termlist, .dictionary-page .sidesection {
		    width: 100%;
		    background:var(--white);
		}
		
		.dictionary-page .sidesection .termlist {
		    padding: 20px 0;
		    width: calc(100vw - 8%);
		    white-space: nowrap;
		    overflow: auto;
		}
		
		.dictionary-page .sidesection .termlist p {
		    margin-bottom: 0;
		    margin-right: 30px;
		    display:inline-block;
		    white-space: nowrap;	
		}
		
		.fixedtermlist {
		    position: fixed !important;
		    left: 4%;
		    top: 0;
		    height: auto;
		    width: 100%;
		    overflow: auto;
		    z-index: 30;
		}
		
		.dictionary-page .right-col.fixedterms {
		    margin-top: 34px;
		}
		
		body h1, h2 {
		    margin-bottom: 10px;
		}
		
		.dictionary-page .term-block .anchor {
		    top: -90px;
		}
		
		#main-content.dictionary-page .right-col .content-container {
		    padding: 30px 30px 50px 30px;
		}

	}

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

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

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

	
		.symbollinks {
			flex-direction:column;
			margin-left:15vw;
		}
		
		.symbollink {
			width:100%;
			margin-bottom:30px;
			justify-content: left !important;
		}
		
		.symbollink:last-child {
			margin-bottom:0;
		}
		
		.event-popup-container .event-popup {
		    border-radius: 0;
		    width: 100%;
			height: 100vh;
			max-height: unset;
		}
		
		.event-popup-container .event-popup .contentarea {
		    height: 100vh;
		    max-height: unset;
		    flex-direction: column-reverse;
		}
		
		.event-popup-container .event-popup .contentarea .bild, .event-popup-container .event-popup .contentarea .text {
			width: 100%;
		}
		
		.event-popup-container .event-popup .contentarea .bild {
			margin-bottom: 30px;
			max-height:300px;
		}
		
		.event-popup-container .event-popup .contentarea .bild img {
			height: 100%;
			width: 100%;
			object-fit:cover;
		}
		
		a.btn.show-cards {
		    margin-bottom: 25px;
		}
		
		.case-card {
			width: 100%;
			margin-left: 0;
			margin-bottom: 25px;
		}
			
	    body #cardtop-content {
	        top: 120px;
	    }
		
		#cards .card, .view-content-block #case-cards .case-card {
		    width: 100% !important;
		    margin-left:0;
		}	
		
		#cards .card, .view-content-block #case-cards .case-card {
			margin-bottom: 25px !important;
		}
		
		.card:nth-child(3n+1), .view-content-block #case-cards .case-card(3n+1) {
			margin-left: 0px !important;
		}

		.single-case #menu-row {
		    margin-bottom: -10px;
		}	
		
		.single-case #menu-row {
		    margin-bottom: -10px;
		}
		
		.single-case #cardtop-content {
			display: none;
		}	
		
	    .card:nth-child(3n+1), .view-content-block #case-cards .case-card:nth-child(3n+1) {
	        margin-left:0 !important;
	    }
	    
	    /* Hide spectable content */
		.periodic-table-section, body.page-template-template-absspeclib #filter-row, body.page-template-template-absspeclib .absspeclib-listsection, body.page-template-template-absspeclib .cardamount, body.page-template-template-absspeclib .cardlinks  {
			display: none !important;
		}  
		
	.mobile-message {
		display: block;
	}	
		
	}

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



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

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

	
		.linkpuffar {
			flex-direction:column;
		}
		
		.linkpuff {
			width:100%;
			margin-left: 0 !important;
		}
		
		.event-box {
		    flex-direction: column-reverse;
		}
		
		.event-box div {
			width: 100%;
		}
		
		#selected-card .sections {
		    flex-direction: column;
		}
		
		#selected-card .sections .offer {
		    margin-right: 0;
		    margin-bottom: 15px;
		}
		
		#selected-card .sections .contact {
		    margin-left: 0;
		}
		
		#selected-card .goals .goal {
			width: calc(16.66666666% - 8.3333333px);
		}
		
		#selected-card .goals .goal:nth-child(7n + 1) {
			margin-left: 10px;
		}
		
		#selected-card .goals .goal:nth-child(6n + 1) {
			margin-left: 0px;
		}

	}

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



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

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



		.selectbox-container {
		    width:100%;
		    margin-left:0;
		}


		header .inner-content {
		    padding-top: 30px;
		}
		
		#loginnav {
		    top: 5px;
		}
		#menuicon {
			top:37px;
		}
		
		#cardtop-content {
		    top: 80px;
		}
		
		.wpcf7 .cols {;
		    flex-direction: column;
		}
				
		.wpcf7 .col2 {
		    margin-left: 0px;
		    margin-top:15px;
		}
		
		#selected-card-section textarea, #feedbackform-section textarea {
		    min-height: 125px;
		}
		
	
		body.page-template-template-hitta-partner #main-content .inner-content {
		    padding-top: 90px;
		}
	
		.two-cols>.col-1>.two-col {
			flex-direction:column;
			flex-wrap:wrap;
		}
		
		.two-col .edit-backend, .two-col .preview-card {
		    justify-content: left;
		    text-align: left;
		    margin-top: -15px;
		    margin-bottom:25px;
		}
		

		.linkpuff.fullwidth {
		    width: 100%;
		    padding: 30px 30px 30px 30px;
		}
		

		.symbollinks {
			flex-direction:column;
			margin-left:40px;
		}
		

		.page-template-default .cardlink, .page-template-template-startsida .cardlink, .error404 .cardlink {
		    margin-top: -5px;
		}
		
		.single-case .cols .inner-content {
		    padding-right:0;
		}
		
		
		.single-case #main-content {
		    margin-top: 30px;
		    margin-bottom: 40px;
		}

		.cardimage img {
			max-height: 26.666vw;
		}
		
		#selected-card .goals .goal {
			width: calc(20% - 8px);
		}
		
		#selected-card .goals .goal:nth-child(6n + 1) {
			margin-left: 10px;
		}
		
		#selected-card .goals .goal:nth-child(5n + 1) {
			margin-left: 0;
		}
		
		.facility {
		    display: flex;
		    margin-bottom: 10px;
		    display: flex;
		    flex-direction: column;
		}
		
		.facility .col-2 {
		    width: 100%;
		}
		
		.dictionary-page .term-block {
		    padding-bottom: 30px;
		    margin-bottom: 30px;
		}
		
		.facilities {
		    margin-top: 20px;
		}
		
		.facilities .col-2.heading.beam-lines {
			display: none;
		}
		
		.facility .col-2.heading.facility {
			margin-bottom: 0;
		}
		
		.dictionary-page h1, h2 {
		    font-size: 32px;
		}
		
		.facility.heading {
			margin-bottom: 10px;
		}

		.logo-responsive {
		    margin: -5px 0 -20px -10px;
		}

		.develop .menu-huvudmeny-container {
		    margin-left: 0;
		}
		
	    .searchicon {
	        right: 50px;
	        top: 19px;
	    }
	    
		body.page-template-template-hitta-partner header:after, body.page-template-template-utforska-ekosystem header:after, body.page-template-template-cases header:after, body.page-template-template-absspeclib header:after
		 {
		    content: " ";
		    border-left: 30px solid transparent;
		    border-right: 30px solid transparent;
		    width: 0;
		    height: 0;
		    border-top: 30px solid #fff;
		    bottom: -25px;
		    left: calc(50% - 30px);
		    display: block;
		    position: absolute;
		}
		
		#feedback-form .cols {
		    flex-direction: column;
		}
		
		#feedback-form .col2 {
		    margin-left: 0;
		}
		
		.home .cardlinks {
			display:none;
		}

	}

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



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

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


		#selected-card .sections {
		    flex-direction: column;
		}
		
		#selected-card .main-block {
		    padding: 20px 20px;
		}
		
		#selected-card .sections.bottom .section {
		    padding: 20px 20px 25px 20px;
		}
		
		#selected-card, .info-pop {
			max-height: 100vh;
			width: 100%;
			border-radius:0;
		}
		
		.infopop .content-container, #selected-card .content-container {
		    max-height: 100vh;
		}
		
		#selected-card .location-container {
			flex-direction:column;
		}
		
		#selected-card .location-container .location.row {
			margin-left:0;
		}
		
		.location-container .weblink {
		    margin-left: 25px;
		}
		

		.symbollinks {
			flex-direction:column;
			margin-left:20px;
		}
		
		.topslider-text {
		    font-size: 40px !important;
		}
		
		#selected-card .goals .goal {
			width: calc(25% - 7.5px);
		}
		
		#selected-card .goals .goal:nth-child(5n + 1) {
			margin-left: 10px;
		}
		
		#selected-card .goals .goal:nth-child(4n + 1) {
			margin-left: 0;
		}


	}

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


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

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





	}

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