/* ---------------------------------------------------------------- Main menu - Vertical color for geopark estrela - #006cb6 -----------------------------------------------------------------*/ #mainMenu.menu-vertical, #mainMenu.menu-center.menu-vertical { max-height: 3000px; clear: both; display: block; width: 100%; opacity: 1; overflow: hidden; transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { text-align: left !important; /*width: 100% !important;*/ } #mainMenu.menu-vertical nav, #mainMenu.menu-center.menu-vertical nav { line-height: 40px; float: none; width: 100%; padding-bottom: 20px; } #mainMenu.menu-vertical nav>ul, #mainMenu.menu-center.menu-vertical nav>ul { float: none; width: 100%; } #mainMenu.menu-vertical nav>ul>li, #mainMenu.menu-center.menu-vertical nav>ul>li { padding: 0; margin: 0; clear: both; float: none; display: block; border: 0; cursor: pointer; } #mainMenu.menu-vertical nav>ul>li.dropdown:before, #mainMenu.menu-center.menu-vertical nav>ul>li.dropdown:before { content: "\f105"; font-family: fontawesome; font-size: 16px; opacity: 1; position: absolute; /*right: 2px;*/ right: 15px; color: #ffffff; transition: .3s ease; transform: rotate(90deg); z-index: 12; } #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { display: block; /*padding: 12px 0;*/ border: 0; /*border-radius: 0;*/ border-radius: 4px; margin-top: 4px; margin-bottom: 4px; } #mainMenu.menu-vertical nav>ul>li>a:after, #mainMenu.menu-center.menu-vertical nav>ul>li>a:after { display: none; } #mainMenu.menu-vertical nav>ul>li>a .menu-sub-title, #mainMenu.menu-center.menu-vertical nav>ul>li>a .menu-sub-title { display: none !important; } #mainMenu.menu-vertical nav>ul>li .dropdown-menu, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu { background-image: none !important; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); position: static; clear: both; float: none; box-shadow: none; border: 0 !important; min-width: 100%; margin: 0; border-radius: 0px; box-shadow: none; padding: 0 16px; } #mainMenu.menu-vertical nav>ul>li .dropdown-menu>li>a, #mainMenu.menu-vertical nav>ul>li .dropdown-menu>li>span, #mainMenu.menu-vertical nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li>span, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a { /*padding: 12px 0;*/ display: block; margin-top: 4px; margin-bottom: 4px; border-radius: 4px; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item { position: relative; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content { padding: 0 0 0 15px; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title { padding-top: 12px; padding-bottom: 12px; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>a, #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>span, #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>a, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content>span, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li>a { padding: 10px 0px 10px 0px; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:first-child>a, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:first-child>a { padding-top: 12px; } #mainMenu.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:last-child>a, #mainMenu.menu-center.menu-vertical nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:last-child>a { padding-bottom: 12px; } #mainMenu.menu-vertical nav>ul>li .dropdown-submenu, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu { position: relative; } #mainMenu.menu-vertical nav>ul>li .dropdown-submenu:before, #mainMenu.menu-center.menu-vertical nav>ul>li .dropdown-submenu:before { right: 0; top: 0; font-size: 16px; } #mainMenu.menu-vertical nav>ul li>.dropdown-menu, #mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu { border: 0 none; background-color: transparent; display: block; } #mainMenu.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu, #mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu { position: relative; } #mainMenu.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu:before, #mainMenu.menu-center.menu-vertical nav>ul li>.dropdown-menu>.dropdown-submenu:before { right: 0; transform: rotate(90deg); } #mainMenu.menu-vertical nav>ul li.hover-active>.dropdown-menu, #mainMenu.menu-center.menu-vertical nav>ul li.hover-active>.dropdown-menu { visibility: visible; opacity: 1; max-height: 2000px; } #mainMenu.menu-vertical nav>ul [class*="col-md"], #mainMenu.menu-center.menu-vertical nav>ul [class*="col-md"] { width: 100%; padding: 0; margin: 0; } #mainMenu.menu-vertical.menu-sub-title nav>ul>li, #mainMenu.menu-center.menu-vertical.menu-sub-title nav>ul>li { line-height: unset !important; } #mainMenu.menu-vertical.menu-sub-title nav>ul>li .dropdown-submenu:before, #mainMenu.menu-center.menu-vertical.menu-sub-title nav>ul>li .dropdown-submenu:before { top: 0; } #mainMenu.menu-vertical.menu-slide nav>ul>li, #mainMenu.menu-center.menu-vertical.menu-slide nav>ul>li { visibility: visible; opacity: 1; } #mainMenu.menu-vertical.menu-rounded nav>ul>li.current>a, #mainMenu.menu-vertical.menu-rounded nav>ul>li:hover>a, #mainMenu.menu-vertical.menu-rounded nav>ul>li:focus>a, #mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li.current>a, #mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li:hover>a, #mainMenu.menu-center.menu-vertical.menu-rounded nav>ul>li:focus>a { background-color: unset !important; } #mainMenu.menu-vertical.menu-hover-background nav>ul>li.current, #mainMenu.menu-vertical.menu-hover-background nav>ul>li:hover, #mainMenu.menu-vertical.menu-hover-background nav>ul>li:focus, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li.current, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:hover, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:focus { background-color: unset; } #mainMenu.menu-vertical.menu-hover-background nav>ul>li.current>a, #mainMenu.menu-vertical.menu-hover-background nav>ul>li:hover>a, #mainMenu.menu-vertical.menu-hover-background nav>ul>li:focus>a, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li.current>a, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:hover>a, #mainMenu.menu-center.menu-vertical.menu-hover-background nav>ul>li:focus>a { color: unset !important; } /**************************** MEDIA QUERYS ************************************/ /* (2048)*/ @media only screen and (max-width: 2048px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 55% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 65% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: 0px; } .hidden-back{ display: none; } } /* (1920)*/ @media only screen and (max-width: 1920px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 55% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 55% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: 0px; } .hidden-back{ display: none; } } /* (1680) */ @media only screen and (max-width: 1680px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 60% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 65% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 65% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: 0px; } .hidden-back{ display: none; } } /* (1440) */ @media only screen and (max-width: 1440px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 70% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 75% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: -3px; } .hidden-back{ display: none; } } /* (1366) */ @media only screen and (max-width: 1366px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 80% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 85% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: -7px; } .hidden-back{ display: none; } } /* (1280) */ @media only screen and (max-width: 1280px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 13px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 80% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 85% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: inline; margin-left: -10px; } .hidden-back{ display: none; } } /* (1080) */ @media only screen and (max-width: 1080px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 12px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 90% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 95% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (1024) */ @media only screen and (max-width: 1024px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 12px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 90% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 95% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (991) */ @media only screen and (max-width: 991px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (800) */ @media only screen and (max-width: 800px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (720) */ @media only screen and (max-width: 720px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; visibility: hidden; } .hidden-back{ display: inline; margin-left: 3px; } } /* (667) */ @media only screen and (max-width: 667px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (480)*/ @media only screen and (max-width: 480px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (375)*/ @media only screen and (max-width: 375px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } } /* (320)*/ @media only screen and (max-width: 320px) { #mainMenu.menu-vertical nav>ul>li>a, #mainMenu.menu-center.menu-vertical nav>ul>li>a { font-size: 9px !important; } #mainMenu.menu-vertical>.container, #mainMenu.menu-center.menu-vertical>.container { width: 100% !important; } #mainMenu.menu-vertical>.container-geositios, #mainMenu.menu-center.menu-vertical>.container-geositios { width: 100% !important; display: table; margin: 0 auto; } #mainMenu.menu-vertical>.container-news, #mainMenu.menu-center.menu-vertical>.container-news { width: 100% !important; display: table; margin: 0 auto; } .hidden-back-btn{ display: none; } .hidden-back{ display: inline; margin-left: 3px; } }