/*
Theme Name:		 VF-WP SIS
Theme URI:		 https://github.com/embl-communications/science-in-school/tree/main/wp-sis/wp-content/themes/vf-wp-sis/
Description:	 Visual Framework WordPress Theme for SIS
Author:        Alexander Kubias
Template:      vf-wp
Version:       1.0.0-beta.12
Text Domain:	 vfwp
*/

ul li ul li {
	list-style: circle;
   }
   
   .wp-block-embed__wrapper {
	   overflow: hidden !important;
	   position: relative !important;
	   max-width: 100% !important;
	   height: auto !important;
	   padding-bottom: 56.25% !important;
   }
   
   .wp-block-embed__wrapper iframe,
   .wp-block-embed__wrapper object,
   .wp-block-embed__wrapper embed {
	   position: absolute !important;
	   top: 0 !important;
	   left: 0 !important;
	   width: 100% !important;
	   height: 100% !important;
   }
   
   .vf-content figure:not([class*=vf-]) {
	   display: grid !important;
	   margin: auto;
   }
   
   .vf-footer::before {
	   background-position-x: 65% !important; 
   }
   
   .vf-footer__links-group {
	   padding-bottom: 2rem !important;
   }
   
   .vf-language-switcher {
	   position: relative;
	   display: inline-block;
	   margin-left: 1rem;
   }
   
   .vf-language-switcher__button {
	   background: none;
	   border: 1px solid #ccc;
	   padding: 0.35rem 0.6rem;
	   border-radius: 4px;
	   cursor: pointer;
	   font-size: 1rem;
	   display: flex;
	   align-items: center;
	   gap: 0.5rem;
   }
   
   .vf-language-switcher__dropdown {
	   display: none;
	   position: absolute;
	   top: 100%;
	   left: 0;
	   background: #fff;
	   border: 1px solid #ccc;
	   border-radius: 4px;
	   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	   list-style: none;
	   padding: 0;
	   margin: 0;
	   z-index: 1000;
   }
   
   .vf-language-switcher__dropdown li {
	   margin: 0;
   }
   
   .vf-language-switcher__dropdown a {
	   display: flex;
	   align-items: center;
	   gap: 0.5rem;
	   padding: 0.35rem 0.6rem;
	   text-decoration: none;
	   color: #333;
	   font-size: 1rem;
   }
   
   .vf-language-switcher__dropdown a:hover {
	   background-color: #f0f0f0;
   }
   
   .vf-language-switcher__flag {
	   width: 20px;
	   height: 14px;
	   border: 1px solid #ccc;
   }
   
   /* Show dropdown when active */
   .vf-language-switcher--active .vf-language-switcher__dropdown {
	   display: block;
   }
   .vf-language-switcher__dropdown li {
	   display: block;
   }
   
   .vf-language-switcher__dropdown {
	   list-style: none;
	   margin: 0;
	   padding: 0;
   }
   .fontWeight600 {
	   font-weight: 600;
   }
   
   .fontSize18 {
	   font-size: 17px !important;
   }

   @media (max-width: 768px) {
	#covers-it, 
	#covers-de,
	#covers-es,
	#covers-fr {
	  grid-column-end: span 2;
	}
  }

  .vf-footer::before {
	background-size: cover !important;
  }