/*
Theme Name: Variations
Author: Tyler Moore
Description: Variations is a block theme and hopefully the last theme you will even have to install.  It comes with many different templates and block patterns to make creating a website easy.  
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: variations
Tags: one-column, wide-blocks, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, translation-ready
*/

a:where(:not(.wp-element-button)) {
    color: #000000;
    text-decoration: none !important;
}

.wp-classic-menu-block>.menu ul
{
border: 1px solid rgba(0,0,0,.15);
padding: 10px;
}

.wp-classic-menu-block>.menu li:hover>ul {
    left: auto;
    right: -158px;
    background-color: #ffffff;
}

#menu-main-menu .menu-item:nth-child(4):hover .sub-menu:nth-child(2){
    left: auto;
    right: 100px;
    background-color: #ffffff;
}

#menu-main-menu-fr .menu-item:nth-child(4):hover .sub-menu:nth-child(2){
    left: auto;
    right: 100px;
    background-color: #ffffff;
}

.humanities-arts-and-society > a {
    color: #FFFFFF;
    background-color: #000000;
    padding: 5px 10px;
    font-weight: 600;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-layout-2.wp-block-columns-is-layout-flex {
    margin-top: 5px !important;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-layout-4.wp-block-columns-is-layout-flex {
    margin-top: 5px !important;
}

.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-layout-6.wp-block-columns-is-layout-flex {
    margin-top: 5px !important;
}


/* Sidebar Menu French*/
#menu-sidebar-menu {
  list-style: none;
    font-size: 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#menu-sidebar-menu li {
  margin-bottom: 0px; /* Adjust the spacing between menu items */
  position: relative;
}

#menu-sidebar-menu li ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: auto;
  right: 20%;
  top: 0;
  display: none;
}

#menu-sidebar-menu li:hover ul {
  display: block;
}

#menu-sidebar-menu li a {
  display: block;
  text-decoration: none;
  color: #333; /* Adjust the text color */
  padding: 5px; /* Adjust the padding for better readability */
}

/* Sidebar Menu English*/
#menu-sidebar-menu-en {
  list-style: none;
    font-size: 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#menu-sidebar-menu-en li {
  margin-bottom: 0px; /* Adjust the spacing between menu items */
  position: relative;
}

#menu-sidebar-menu-en li ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 20%;
  right: auto;
  top: 0;
  display: none;
}

#menu-sidebar-menu-en li:hover ul {
  display: block;
}

#menu-sidebar-menu-en li a {
  display: block;
  text-decoration: none;
  color: #333; /* Adjust the text color */
  padding: 5px; /* Adjust the padding for better readability */
}


ul.sub-menu {
    z-index: 100;
}

body header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-position-sticky, body header.wp-block-template-part:has(+ .wp-block-cover) .is-position-sticky {
    position: relative;
}

@media only screen and (max-width: 768px) {
.wa-comp.wa-text.wa-bg-gradient.param\[grad\(rgba\(0\,0\,0\,0\)\).border\(0.\#969696\)\] {
    display: none;
}
.wp-block-spacer {
    display: none;
}
figure.gb-block-image.gb-block-image-5e06901d {
    display: none;
}
figure.gb-block-image.gb-block-image-c5a761ee {
    display: none;
}
figure.gb-block-image.gb-block-image-a18de0ce {
    display: none;
}
figure.gb-block-image.gb-block-image-2e63b1e8 {
    display: none;
}
figure.gb-block-image.gb-block-image-385f30ca {
    display: none;
}
}

:where(body .is-layout-flex) {
    gap: 0.3rem !important;
}

:where(body .is-layout-constrained) > * {
    margin-block-start: 0.3rem !important;
}



/* If you also want to remove any default padding or margin that might cause indentation */
.widget_polylang ul {
  list-style-type: none;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.title-visibiliy-rm{
	display:none;
}

.glossy-button {
  background: none;
  border: 2px solid transparent;
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover effect mimicking the image */
.glossy-button:hover {
  background: linear-gradient(to bottom, #d6f6af, #71C122);
  border: 2px solid #71C122;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 0 4px #71C122;
}