/* ----------------------------------------------------------------
HEADER: Responsive
color for geopark estrela - #006cb6
-----------------------------------------------------------------*/

@media (max-width: 991px) {
  /*TopBar*/
  #topbar.topbar-transparent.dark {
    background-color: #ffffff !important;
  }

  #topbar.topbar-transparent.dark .top-menu>li>a,
  #topbar.topbar-transparent.dark .social-icons li a {
    color: #565656 !important;
  }

  /*Header*/
  #header.header-fullwidth #header-wrap .container {
    padding: 0 15px;
  }

  #header.header-fullwidth #header-wrap .container .header-extras {
    border: 0px;
  }

  #header #logo {
    position: absolute !important;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    float: none;
    height: 100px;
    left: 0;
    right: 0;
    padding: 0 !important;
  }

  #header #logo>a {
    display: inline-block;
    margin-top: 8px;
  }

  #header.header-transparent+#slider,
  #header.header-transparent+#page-title:not(.page-title-classic),
  #header.header-transparent+.fullscreen,
  #header.header-transparent+.halfscreen,
  #header.header-transparent+#google-map,
  #header.header-light-transparent+#slider,
  #header.header-light-transparent+#page-title:not(.page-title-classic),
  #header.header-light-transparent+.fullscreen,
  #header.header-light-transparent+.halfscreen,
  #header.header-light-transparent+#google-map,
  #header.header-dark-transparent+#slider,
  #header.header-dark-transparent+#page-title:not(.page-title-classic),
  #header.header-dark-transparent+.fullscreen,
  #header.header-dark-transparent+.halfscreen,
  #header.header-dark-transparent+#google-map,
  #header.header-colored-transparent+#slider,
  #header.header-colored-transparent+#page-title:not(.page-title-classic),
  #header.header-colored-transparent+.fullscreen,
  #header.header-colored-transparent+.halfscreen,
  #header.header-colored-transparent+#google-map,
  #header.header-modern+#slider,
  #header.header-modern+#page-title:not(.page-title-classic),
  #header.header-modern+.fullscreen,
  #header.header-modern+.halfscreen,
  #header.header-modern+#google-map {
    top: 0 !important;
    margin-bottom: 0 !important;
  }

  #header .dark,
  #header.dark {

  }

  #header .dark #header-wrap,
  #header.dark #header-wrap {
    background-color: #252525;
  }

  #header .dark #header-wrap .lines,
  #header .dark #header-wrap .lines:before,
  #header .dark #header-wrap .lines:after,
  #header.dark #header-wrap .lines,
  #header.dark #header-wrap .lines:before,
  #header.dark #header-wrap .lines:after {
    background-color: #ffffff;
  }

  #header .dark #mainMenu nav>ul>li>a,
  #header.dark #mainMenu nav>ul>li>a {
    color: #eeeeee;
  }

  #header .dark #mainMenu nav>ul>li>a .menu-sub-title,
  #header.dark #mainMenu nav>ul>li>a .menu-sub-title {
    color: #eeeeee;
  }

  #header .dark #mainMenu nav>ul>li.current>a:after,
  #header .dark #mainMenu nav>ul>li:hover>a:after,
  #header .dark #mainMenu nav>ul>li:focus>a:after,
  #header.dark #mainMenu nav>ul>li.current>a:after,
  #header.dark #mainMenu nav>ul>li:hover>a:after,
  #header.dark #mainMenu nav>ul>li:focus>a:after {
    background-color: #ffffff;
  }

  #header .dark .header-extras i,
  #header.dark .header-extras i {
    color: #ffffff;
  }

  #header .dark .header-extras .lines,
  #header .dark .header-extras .lines:before,
  #header .dark .header-extras .lines:after,
  #header.dark .header-extras .lines,
  #header.dark .header-extras .lines:before,
  #header.dark .header-extras .lines:after {
    background-color: #ffffff;
  }

  #header.header-transparent,
  #header.dark.header-transparent,
  #header.dark.header-colored,
  #header.dark.header-colored-transparent {

  }

  #header.header-transparent #header-wrap,
  #header.dark.header-transparent #header-wrap,
  #header.dark.header-colored #header-wrap,
  #header.dark.header-colored-transparent #header-wrap {
    background-color: #ffffff;
  }

  #header.header-transparent #header-wrap .lines,
  #header.header-transparent #header-wrap .lines:before,
  #header.header-transparent #header-wrap .lines:after,
  #header.dark.header-transparent #header-wrap .lines,
  #header.dark.header-transparent #header-wrap .lines:before,
  #header.dark.header-transparent #header-wrap .lines:after,
  #header.dark.header-colored #header-wrap .lines,
  #header.dark.header-colored #header-wrap .lines:before,
  #header.dark.header-colored #header-wrap .lines:after,
  #header.dark.header-colored-transparent #header-wrap .lines,
  #header.dark.header-colored-transparent #header-wrap .lines:before,
  #header.dark.header-colored-transparent #header-wrap .lines:after {
    background-color: #252525;
  }

  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a {
    color: #252525;
  }

  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title {
    color: #252525;
  }

  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu {
    background-color: #ffffff;
  }

  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a {
    color: #252525;
  }

  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
  #header.header-transparent mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
  #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
  #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li.current>a:after,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li:hover>a:after,
  #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li:focus>a:after {
    background-color: #252525;
  }

  #header.header-transparent .header-extras i,
  #header.dark.header-transparent .header-extras i,
  #header.dark.header-colored .header-extras i,
  #header.dark.header-colored-transparent .header-extras i {
    color: #006cb6;
  }

  #header.header-transparent .header-extras i:hover,
  #header.dark.header-transparent .header-extras i:hover,
  #header.dark.header-colored .header-extras i:hover,
  #header.dark.header-colored-transparent .header-extras i:hover {
    color: #000000;
  }

  #header.header-transparent .header-extras .lines,
  #header.header-transparent .header-extras .lines:before,
  #header.header-transparent .header-extras .lines:after,
  #header.dark.header-transparent .header-extras .lines,
  #header.dark.header-transparent .header-extras .lines:before,
  #header.dark.header-transparent .header-extras .lines:after,
  #header.dark.header-colored .header-extras .lines,
  #header.dark.header-colored .header-extras .lines:before,
  #header.dark.header-colored .header-extras .lines:after,
  #header.dark.header-colored-transparent .header-extras .lines,
  #header.dark.header-colored-transparent .header-extras .lines:before,
  #header.dark.header-colored-transparent .header-extras .lines:after {
    background-color: #252525;
  }

  #header.header-modern {
    margin: 0 !important;
    width: 100% !important;
  }

  #header.header-modern #header-wrap {
    border-radius: 0px !important;
  }

  #header.header-logo-right #header-wrap {
    float: right;
  }

  #header .header-extras [class*="social-"] {
    margin-left: 10px;
  }

  #header #mainMenu-trigger {
    position: relative;
    opacity: 1;
    visibility: visible;
  }

  #header #mainMenu:not(.menu-overlay) {
    max-height: 0;
    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);
  }

  #header #mainMenu:not(.menu-overlay)>.container {
    text-align: left !important;
    width: 100%;
    max-width: 100%;
  }

  #header #mainMenu:not(.menu-overlay) nav {
    line-height: 40px;
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul {
    float: none;
    width: 100%;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block;
    border: 0;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
    /*line-height: 40px;*/
    content: "\f105";
    font-family: fontawesome;
    font-size: 16px;
    opacity: 0.6;
    position: absolute;
    right: 2px;
    color: #262626;
    transition: .3s ease;
    transform: rotate(90deg);
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li>a {
    display: block;
    padding: 12px 0;
    font-size: 13px !important;
    border: 0;
    border-radius: 0;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li>a:after {
    display: none;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title {
    display: none !important;
  }

  #header #mainMenu:not(.menu-overlay) 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;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a,
  #header #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span,
  #header #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a {
    padding: 12px 0;
    display: block;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item {
    position: relative;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content {
    padding: 0 0 0 15px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content>a,
  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content>span,
  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li>a {
    padding: 10px 0px 10px 0px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:first-child>a {
    padding-top: 12px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:last-child>a {
    padding-bottom: 12px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-submenu {
    position: relative;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-submenu:before {
    right: 0;
    top: 0;
    font-size: 16px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu {
    border: 0 none;
    background-color: transparent;
    display: block;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu>.dropdown-submenu {
    position: relative;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu>.dropdown-submenu:before {
    right: 0;
    transform: rotate(90deg);
  }

  #header #mainMenu:not(.menu-overlay) nav>ul li.hover-active>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
  }

  #header #mainMenu:not(.menu-overlay) nav>ul [class*="col-md"] {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  #header #mainMenu:not(.menu-overlay).menu-sub-title nav>ul>li {
    line-height: unset !important;
  }

  #header #mainMenu:not(.menu-overlay).menu-sub-title nav>ul>li .dropdown-submenu:before {
    top: 0;
  }

  #header #mainMenu:not(.menu-overlay).menu-slide nav>ul>li {
    visibility: visible;
    opacity: 1;
  }

  #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li.current>a,
  #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li:hover>a,
  #header #mainMenu:not(.menu-overlay).menu-rounded nav>ul>li:focus>a {
    background-color: unset !important;
  }

  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li.current,
  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:hover,
  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:focus {
    background-color: unset;
  }

  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li.current>a,
  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:hover>a,
  #header #mainMenu:not(.menu-overlay).menu-hover-background nav>ul>li:focus>a {
    color: unset !important;
  }

  #header #mainMenu:not(.menu-overlay).menu-left nav {
    margin-left: 0;
  }

  /*Main Menu*/
  #mainMenun.menu-center nav {
    margin: 0px;
  }

  .mainMenu-open {
    overflow-y: hidden;
  }

  .mainMenu-open #header #mainMenu {
    width: calc(100% + 20px);
    padding-right: 20px;
    display: block;
    opacity: 1;
    overflow-y: scroll;
  }

  .mainMenu-open #dotsMenu {
    z-index: -1;
  }

  #dotsMenu {
    right: 20px;
  }

  #dotsMenu:before {
    background: none;
  }

  #menu-responsive-icon {
    opacity: 1;
    pointer-events: auto;
  }

  /*Slide Panel*/
  #side-panel {
    width: 300px;
    left: -300px;
  }

  #side-panel .side-panel-wrap {
    padding: 30px;
    right: 0;
  }

  .side-panel {
    /* Static */
  }

  .side-panel #side-panel-trigger {
    display: block !important;
  }

  .side-panel.side-panel-static #side-panel {
    left: -300px !important;
    right: auto !important;
  }

  .side-panel.side-panel-static #wrapper {
    padding-left: 0px;
  }

  .side-panel.side-panel-static #wrapper #header.header-sticky #header-wrap>.container {
    padding-left: auto;
  }

  .side-panel.side-panel-static.side-panel-right #side-panel {
    right: -300px !important;
    left: auto !important;
  }

  .side-panel.side-panel-static.side-panel-right #wrapper {
    padding-right: 0px;
  }

  .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky #header-wrap>.container {
    padding-right: auto;
  }

  .side-panel.side-panel-active.side-panel-static {

  }

  .side-panel.side-panel-active.side-panel-static #close-panel {
    display: block !important;
  }

  .side-panel.side-panel-active.side-panel-static #side-panel {
    left: 0 !important;
    right: auto;
  }

  .side-panel.side-panel-active.side-panel-static #wrapper {
    left: 300px;
    cursor: url(../../img/img_icons/close.png), auto;
  }

  .side-panel.side-panel-active.side-panel-static #wrapper:after {
    width: 100%;
    height: 100%;
    opacity: 1;
  }

  .side-panel.side-panel-active.side-panel-static #wrapper #header.header-sticky #header-wrap>.container {
    left: 300px;
    right: 0;
  }

  /*Page menu*/
  .page-menu nav {
    display: none;
    position: absolute;
    float: none;
    width: 210px;
    top: 40px;
    left: auto;
    right: 15px;
    height: auto;
    z-index: 11;
  }

  .page-menu nav ul {
    line-height: 20px;
  }

  .page-menu nav li {
    border-radius: 0;
    border: 0;
    float: none;
    width: 100%;
    border-bottom: 1px solid #f3f3f3 !important;
  }

  .page-menu nav li a {
    border: medium none;
    border-radius: 0;
    padding: 10px 14px;
    line-height: 18px;
  }

  .page-menu nav li a:after {
    height: 0 !important;
  }

  .page-menu nav li:last-child {
    border-bottom: 0 !important;
  }

  .page-menu.page-menu-active nav {
    display: block;
    background-color: #ffffff !important;
    box-shadow: 0 4px 16px #e2e2e2;
    border-radius: 6px 0px 6px 6px;
  }

  .page-menu.page-menu-active #menu-responsive-icon {
    border-radius: 6px 6px 0 0;
    background-color: #ffffff !important;
  }

  .page-menu.menu-dark #menu-responsive-icon {
    background-color: #252525 !important;
  }

  .page-menu.menu-dark #menu-responsive-icon i {
    color: #9d9d9d !important;
  }

  .page-menu.menu-dark li {
    border-bottom: 1px solid #333 !important;
  }

  .page-menu.menu-dark li a {
    color: #9d9d9d !important;
  }

  .page-menu.menu-dark li:hover a,
  .page-menu.menu-dark li.active a {
    color: #1abc9c !important;
  }

  .page-menu.menu-dark.page-menu-active nav {
    background-color: #252525 !important;
  }

  .page-menu.menu-dark.page-menu-active #menu-responsive-icon {
    background-color: #252525 !important;
  }

  .page-menu.menu-colored-background {
    background-color: #1abc9c;
  }

  .page-menu.menu-colored-background .menu-title {
    color: #ffffff;
  }

  .page-menu.menu-colored-background nav li a {
    color: #252525;
    border-width: 0;
  }

  .page-menu.menu-colored-background nav li:hover a,
  .page-menu.menu-colored-background nav li.active a {
    color: #1abc9c;
    background-color: #ffffff;
  }

}