/* HOLON MOBILE STYLES START*/ @media (min-width: 728px){ .navigation-container.mobile { display: none; } .navigation-container:not(.mobile) { display: block; } } @media (max-width: 727px){ .exercises_links{ display:none; } .exercises_links_mobile{ display: flex; flex-wrap: wrap; margin-bottom: 30px; } .exercises_links_mobile > li.gbc-title > a{ /*! border: solid 2px #F2932E; */ border-bottom: solid 10px #e85000; /*! border-radius: 5px; */ } .exercises_links_mobile > li > a{ font-size: 13px; font-weight: 700; display: block; min-width: 9px; min-height: 30px; display: flex; justify-content: center; align-items: center; margin: 5px 2px; border-bottom: solid 10px #505050; color: #505050; padding: 0 5px; font-family: 'FGrotesk','Open Sans'; } .exercises_links_mobile > li:not(.gbc-title) > a{ /**color: transparent;**/ } .exercises_links_mobile > li.gbc-title > a.no-completada{ color: #989898; } .exercises_links_mobile > li.gbc-title > a.actual{ color: #e85000; border-color: #e85000; } .exercises_links_mobile > li:not(.gbc-title) > a.actual{ color: green; border-color: green; } .exercises_links_mobile > li > a.no-completada{ border-color: #989898 !important; cursor: default; } .exercises_links_mobile > li > a{ border-color: #e85000; } .exercises_links_mobile > li > a.completada):hover{ background: #e85000; } .exercises_links_mobile > li > a.actual):hover{ background: #e85000; border-color: #e85000; } .exercises_links_mobile > li:first-child > a{ border: none; } .navigation-container:not(.mobile) { display: none; } .navigation-container.mobile { display: block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; font-family: 'FGrotesk','Open Sans'; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ffffff;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {background-color: #e85000;} .dropdown:hover .dropbtn {color: #ffffff !important;} } /* HOLON MOBILE STYLES END */