/*
Theme Name: Marina Parque das Nações
Theme URI: http://underscores.me/
Author: UltraWise
Author URI: http://www.ultrawise.pt
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marinaparquedasnacoes
Tags:

*/

/*--------------------------------------------------------------
LAYOUT
--------------------------------------------------------------*/

body {

    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #444444;
    }
    
    body.home {
    
    overflow:scroll;
    }
    
    a, a:hover, a:active, a:focus  {
    
    outline: none !important;
    }
    
    p {
    
    margin-bottom: 15px;
    }
    
    ul {
      
    list-style: disc;
    padding-left: 15px;
    margin-bottom: 20px;
    }
    
    li {
      
    margin-bottom: 5px; 
    }
    
    img {
    
    max-width: 100%;
    height: auto;
    }
    
    
    img.alignleft {
      
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    }
    
    
    img.alignright {
      
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    }
    
    h1, h2, h3, h4, h5 {
    
    font-family: 'Montserrat', sans-serif;
    }
    
    h1 {
    
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #009EE3;
    text-transform: uppercase;
    }
    
    h2 {
    
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #009EE3;
    }
    
    h3 {
    
    font-size: 16px;
    color: #13B6F7;
    font-weight: 400;
    margin-bottom: 5px;
    }
    
    h4 {
    
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    margin-bottom: 5px;
    }
    
    hr {
      
    float: none;
    clear: both;
    border: none;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
    }
    
    a {
      
    text-decoration: none;
    color: #666666;
    }
    
    .afi-document-icon {
      
    line-height: 1.8; 
    }
    
    #page {
      
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    }
    
    #main {
    
    width: 75%;
    float: right;
    padding: 50px 0;
    font-size: 1.1em;
    line-height: 1.5;
    }
    
    .home #main {
    
    width: 100%;
    max-width: 1140px;
    clear: both;
    float: none;
    font-size: 1em;
    }
    
    #left_area {
      
    width: 25%;
    min-width: 240px;
    height: 100%;
    float: left;
    }
    
    #left_area_content {
      
    padding: 320px 10px 40px; 
    }
    
    #logotipo {
      
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 1000;
    }
    
    #top_area_container {
      
    width: 100%;
    height: 80px;
    }
    
    #top_area_container #top_area {
      
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    }
    
    #menu_container {
      
    width: 100%;
    height: 58px;
    background: #009ee3;
    }
    
    #menu {
    
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    }
    
    .menu_bar {
      
    width: 62%;
    float: right;
    }
    
    #split {
    
    width: 100%;
    height: 5px;
    background: #fdc300;
    }
    
    #top_area #items {
      
    text-align: right;
    width: 100%;
    height: 80px;
    }
    
    
    #top_area #items .widget {
      
    display: inline-block;
    }
    
    #top_area #items .widget_icl_lang_sel_widget {
      
    font-size: 12px;
    margin-top: 24px;
    }
    
    #top_area #items .widget_icl_lang_sel_widget li a {
    
    text-transform: uppercase;
    color: #b3b3b3;
    padding: 8px 5px;
    margin: 0 2px;
    border-radius: 5px;
    }
    
    #top_area #items .widget_icl_lang_sel_widget li a.lang_sel_sel {
      
    background: #009ee3;
    color: #ffffff;
    cursor: default;
    }
    
    #top_area #items .social {
      
    margin-top: 28px;
    }
    
    #top_area #items .social a:nth-child(2) {
      
    margin: 0 4px; 
    }
    
    #top_area #items .search {
    
    margin-top: 22px;
    }
    
    #searchform input#s {
    
    font-size: 13px;
    border: none;
    color: #b2b2b2;
    width: 130px;
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    }
    
    #searchform input#s:focus {
    
    outline: none;
    }
    
    #searchform #searchsubmit {
      
    border: none;
    background: none;
    font-size: 0;
    background: url(images/loupe.png);
    width: 32px;
    height: 32px;
    cursor: pointer;
    }
    
    #searchform #searchsubmit:focus {
    
    outline: none;
    }
    
    #top_area #items .split {
      
    margin-top: 28px;
    font-size: 18px;
    font-weight: normal;
    color: #dbdbdb;
    margin: 24px 20px 0;
    }
    
    #top_area #items .widgettitle {
    
    display: none;
    }
    
    #bottom_screen a.more-link {
      
    text-decoration: none;
    display: block;
    margin-top: 30px;
    }
    
    #bottom_screen .more-link .text {
      
    background: #008dc9;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    
    #bottom_screen #agenda .more-link .text {
     
    background: #BB9100;
    }
    
    #bottom_screen .more-link .symbol {
      
    background: #009ee3;
    font-size: 0.9em;
    color: #ffffff;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    }
    
    #bottom_screen #agenda .more-link .symbol {
    
    background: #CFA000;
    }
    
    #news_events_container {
      
    width: 100%;
    background: #f2f2f2;
    border-top: 1px solid #d9d9d9;
    padding: 30px 0;
    }
    
    
    #news_events {
      
    max-width: 1140px;
    min-height: 385px;
    margin: 0 auto;
    }
    
    #news_events .slick-slide {
        padding: 0 10px;
    }
    
    #news_events .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #cccccc;
    }
    
    #news_events .slick-arrow:hover {
        color: #444444;
        cursor: pointer;
    }
    
    #news_events .slick-arrow.slick-disabled {
        opacity: 0;
    }
    
    #news_events .slick-arrow.slick-prev {
        left: -15px;
    }
    
    #news_events .slick-arrow.slick-next {
        right: -15px;
    }
    
    footer#colophon {
      
    width: 100%;
    background: #fdc300;
    padding: 40px 0;
    }
    
    
    #news_events_content {
    
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px 4px #000;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    }
    
    #news_events .news_events {
      
    position: relative;
    }
    
    #news_events .owl-controls {
    
    font-size: 22px;
    color: #cccccc;
    }
    
    #news_events .owl-controls .owl-nav {
      
    position: absolute;
    width: 100%;
    top: 45%;
    }
    
    #news_events .owl-controls .owl-prev {
      
    position: absolute;
    left: -35px;
    }
    
    #news_events .owl-controls .owl-next {
     
    position: absolute;
    right: -35px;
    }
    
    #news_events .owl-controls .disabled {
      
    opacity: 0.2;
    cursor: default;
    }
    
    #news_events_content {
      
    margin-bottom: 10px;
    }
    
    #news_events_content h2,
    #news_events_content .intro {
      
    text-align: center; 
    }
    
    #news_events_content h2 a {
      
    color: #666666;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 400;
    display: block;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 60px;
    }
    
    #news_events_content .intro {
      
    font-style: italic;
    color: #b2b2b2;
    padding: 0 10px;
    height: 150px;
    }
    
    #news_events_content .readmore {
      
    height: 30px;
    line-height: 30px;
    position: relative;
    }
    
    #news_events_content .readmore a {
      
    text-decoration: none;
    color: #ffffff;
    display: block;
    }
    
    #news_events_content .readmore .text {
      
    padding-left: 10px; 
    }
    
    #news_events_content .readmore .symbol {
     
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    text-align: center;
    }
    
    #news_events_content .index-1 { background: #cc701f; }
    #news_events_content .index-2 { background: #d9b00d; }
    #news_events_content .index-3 { background: #29b362; }
    #news_events_content .index-4 { background: #7e8b8c; }
    #news_events_content .index-5 { background: #138770; }
    
    #news_events_content .index-1 .symbol { background: #e67e22; }
    #news_events_content .index-2 .symbol { background: #f1c40f; }
    #news_events_content .index-3 .symbol { background: #2ecc71; }
    #news_events_content .index-4 .symbol { background: #95a5a6; }
    #news_events_content .index-5 .symbol { background: #16a085; }
    
    
    #left_area .menu li {
    
    list-style: none;
    }
    
    #left_area .menu li ul {
      
    padding-left: 15px;
    margin-bottom: 20px;
    }
    
    #left_area .menu li a {
      
    color: #666666;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-size: 0.9em;
    }
    
    #left_area .menu li li a {
    
    color: #bdbdbd;
    margin-bottom: 5px;
    font-size: 1em;
    text-transform: none;
    }
    
    
    #left_area .menu li.menu-item-type-custom > a {
     
    
    color: #666666;
    text-transform: uppercase;
    cursor: default;
    font-size: 0.9em;
    }
    
    #left_area .menu li.menu-item-has-children > a {
      
    color: #666666;
    display: block;
    margin-bottom: 10px;
    }
    
    #left_area .menu li.current-menu-item > a {
    
    color: #009EE3;
    }
    
    #left_area .widget_nav_plus_widget {
      
    margin-left: 40px; 
    }
    
    
    #menu .ubermenu li.ubermenu-has-submenu-flyout ul {
    
    padding: 10px 0;
    }
    
    #menu .ubermenu li.ubermenu-has-submenu-flyout li a {
    
    padding: 5px 20px !important;
    }
    
    #menu .ubermenu .ubermenu-item-header>span span,
    #menu .ubermenu .ubermenu-item-header>a span {
      
    font-size: 0.9em;
    text-transform: uppercase;
    }
    
    .ubermenu-hide-desktop {
    
    display: none !important;
    }
    
    .awesome-weather-wrap {
    
    margin-top: 15px;
    width: 180px;
    color: #cccccc;
    text-shadow: none;
    }
    
    .awesome-weather-forecast-day {
    
    width: 15%;
    margin: 0 5%;
    }
    
    .awesome-weather-forecast-day.today,
    .awesome-weather-forecast-day.today i ,
    .awesome-weather-forecast-day.today .awesome-weather-forecast-day-temp,
    .awesome-weather-forecast-day.today .awesome-weather-forecast-day-abbr {
    
    color: #009EE3;
    }
    
    
    .awesome-weather-forecast-day-temp {
    
    font-size: 1em;
    color: #cccccc;
    font-size: 12px;
    }
    
    .awesome-weather-forecast-day i {
    
    padding-bottom: 10px;
    font-size: 1.2em;
    color: #cccccc;
    }
    
    .awesome-weather-forecast-day-abbr {
    
    margin-top: 2px;
    color: #cccccc;
    font-size: 11px;
    }
    
    #bottom_screen {
    
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 0;
    }
    
    #bottom_screen div.column {
    
    float: left;
    width: 33.3333%;
    height: 520px;
    padding: 45px;
    color: #ffffff;
    }
    
    #bottom_screen #intro {
    
    background: rgba(0,158,227,0.9);
    line-height: 1.5;
    position: relative;
    }
    
    #bottom_screen #intro h4 {
      
    color: #ffffff;
    font-size: 1em;
    margin-bottom: 25px;
    text-shadow: 1px 1px 3px #000000;
    }
    
    #bottom_screen #intro .more-link .text {
    
    background: #009ee3; 
    }
    
    #bottom_screen #intro .more-link .symbol {
    
    background: #00b1fc;
    }
    
    #bottom_screen #comments {
    
    position: relative;
    background: rgba(51,51,51,0.8);
    }
    
    #bottom_screen #comments h2 {
    
    font-size: 1.1em;
    color: #fdc300;
    margin-bottom: 25px;
    text-shadow: 1px 1px 3px #000000;
    }
    
    #bottom_screen #comments h3 {
      
    margin-bottom: 10px;
    font-size: 0.9em;
    font-weight: 300;
    color: #ffffff;
    }
    
    #bottom_screen #comments h3 .author {
    
    text-transform: uppercase;
    }
    
    #bottom_screen #comments p {
    
    font-style: italic;
    margin-bottom: 5px;
    }
    
    #bottom_screen .more-link {
      
    position: absolute;
    right: 45px;
    bottom: 50px;
    font-style: normal;
    }
    
    #bottom_screen #comments .more-link .text {
    
    background: #e3ae00; 
    }
    
    #bottom_screen #comments .more-link .symbol {
    
    background: #fdc300;
    }
    
    #bottom_screen #agenda {
    
    background: rgba(253,195,0,0.8);
    }
    
    .feature {
      
    float: left;
    width: 50%;
    margin: 25px 0;
    padding-right: 30px;
    }
    
    .feature .thumb {
      
    float: left;
    margin-right: 20px;
    }
    
    .feature .thumb img {
      
    border-radius: 200px;
    }
    
    .feature a {
     
    text-decoration: none;
    }
    
    .feature .title {
      
    color: #56B8E2;
    margin: 5px 0;
    }
    
    .feature .intro {
      
    color: #444444; 
    }
    
    table {
      
    margin-bottom: 25px; 
    }
    
    table,
    table th,
    table td {
      
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px 10px;
    }
    
    table th {
    
    font-size: 15px;
    font-weight: 600;
    color: #222222;
    background: #efefef;
    }
    
    table p {
      
    margin-bottom: 0; 
    }
    
    .ml-responsive-table .ml-grid {
      
    border: none; 
    }
    
    .distance {
      
    background: url(images/distance.png) no-repeat;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
    }
    
    .walk {
      
    background: url(images/walk.png) no-repeat;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
    }
    
    .date {
      
    font-size: 0.85em;
    font-weight: 700;
    }
    
    #mapp0_layout {
      
    margin: 0;
    margin-bottom: 40px;
    max-width: 100% !important;
    }
    
    .top_menu ul {
      
    list-style: none;
    padding: 0;
    margin-top: 30px;
    }
    
    .top_menu ul li {
      
    display: inline-block;
    margin-right: 20px;
    }
    
    .top_menu ul li a {
      
    font-size: 0.8em;
    text-transform: uppercase;
    }
    
    #agenda {
      
    position: relative; 
    }
    
    #agenda .events {
    
    width: 100%;
    clear: both;
    }
    
    #agenda #events_content {
      
    float: left;
    width: 80%;
    }
    
    #agenda h2 {
      
    font-size: 1em;
    text-transform: none;
    margin-bottom: 5px;
    }
    
    #agenda h2 a {
      
    color: #ffffff;
    }
    
    #agenda h4 {
      
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #8F6F00;
    }
    
    #agenda .intro {
      
    color: rgba(0,0,0,0.6);
    margin-bottom: 20px;
    min-height: 50px;
    }
    
    #agenda #date {
      
    width: 40px;
    background: url(images/calendar.png) no-repeat center top;
    display: block;
    min-height: 40px;
    float: left;
    margin-right: 15px;
    }
    
    #agenda #date .day {
    
    font-size: 1.4em;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    width: 40px;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 4px;
    }
    
    #agenda #date .month,
    #agenda #date .year{
      
    width: 40px;
    text-align: center;
    color: rgba(255,255,255,0.7);
    font-size: 0.9em;
    line-height: 1.1;
    }
    
    
    #footer_content {
      
    max-width: 1140px;
    margin: 0 auto;
    }
    
    #footer_content .footer_menu {
      
    float: left;
    margin-right: 50px;
    }
    
    #footer_content ul.menu {
      
    list-style: none;
    padding: 0;
    }
    
    #footer_content ul.menu li a {
      
    text-transform: uppercase;
    color: #8b6a00;
    font-size: 0.9em;
    }
    
    #footer_content h4.widgettitle {
      
    text-transform: uppercase;
    color: #342500;
    margin-bottom: 15px;
    }
    
    #footer_content .footer_contacts {
      
    float: right;
    color: #8b6a00;
    text-align: right;
    }
    
    #bottom_container {
      
    width: 100%;
    height: 160px;
    }
    
    #bottom_container #bottom {
    
    max-width: 1140px;
    margin: 0 auto;
    }
    
    #bottom_container #bottom .left {
      
    float: left;
    width: 70%;
    margin-top: 20px;
    }
    
    #bottom_container #bottom .right {
      
    float: right;
    text-align: right;
    width: 30%;
    margin-top: 30px;
    color: #cccccc;
    }
    
    #copyright_container {
      
    width: 100%;
    height: 32px;
    background: #000000;
    }
    
    #copyright_container #copyright {
      
    max-width: 1140px;
    margin: 0 auto;
    }
    
    #copyright {
      
    line-height: 32px;  
    }
    
    #copyright .left {
      
    float: left 
    }
    
    #copyright .right {
      
    float: right; 
    }
    
    #copyright .split {
      
    margin: 0 20px; 
    }
    
    #colophon .footer_left {
     
    float: left;
    }
    
    #colophon .footer {
     
    float: left;
    }
    
    #colophon .footer_right {
     
    float: right;
    }
    
    .wpml-ls-legacy-list-horizontal {
    
        border: none;
        padding: 0;
    }
    
    .wpml-ls-legacy-list-horizontal .wpml-ls-item a,
    .wpml-ls-legacy-list-horizontal .wpml-ls-item a:hover {
    
        background: none;
    }
    
    #top_area #items .widget_icl_lang_sel_widget li a {
    
        padding: 4px;
    }
    
    #top_area #items .widget_icl_lang_sel_widget li.wpml-ls-current-language a span {
    
        color: #ffffff;
    }
    
    .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a,
    .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a:hover {
    
        background: #009ee3;
        color: #ffffff;
    }
    
    table.layout {
      
    border: none; 
    }
    
    table.layout td {
      
    padding: 0;
    border: none;
    text-align: center;
    }
    
    table.layout td figure {
      
    display: inline-block;
    margin: 20px auto;
    width: 100% !important;
    max-width: 120px;
    text-align: center;
    font-size: 0.9em;
    }
    
    table.rates td,
    table.rates th {
      
    text-align: center;
    vertical-align: middle;
    font-size: 0.9em;
    }
    
    .gallery {
      
    margin-bottom: 30px;
    margin-top: 20px;
    }
    
    .gallery-item {
      
    max-width: 170px;
    float: left;
    margin: 0;
    padding: 0;
    }
    
    .gallery-item img {
    
    vertical-align: top;
    }
      
    .gallery:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    }
    
    .frm_style_formidable-style.with_frm_style .frm_section_heading {
    
    margin: 0;
    }
    
    .frm_section_heading h3 {
      
    border: none !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    }
    
    .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading {
    
    margin-bottom: 40px !important;
    }
    
    .osc-res-tab {
      
    margin-top: 40px; 
    }
    
    .osc-res-tab .nav-tabs > li.active > a, .osc-res-tab .nav-tabs > li.active > a:hover, .osc-res-tab .nav-tabs > li.active > a:focus {
    
    background: #f8f8f8;
    }
    
    .osc-res-tab ul.tab-content {
    
    border: 1px solid #dddddd;
    border-top: none;
    background: #f8f8f8;
    padding: 40px 60px;
    }
    
    #wprmenu_bar {
    
    z-index: 5000;
    }
    
    .the_champ_sharing_container {
      
    margin-top: 50px;
    padding-top: 10px;
    border-top: 1px solid #efefef;
    }
    
    .home .the_champ_sharing_container {
    
    border-top: none;
    margin: 0;
    padding: 0;
    }
    
    #gwolle_gb .admin-entry {
      
    background: none !important; 
    }
    
    
    .newsletter-container {
    
        padding-top: 30px;
    }
    
    .subscribe-newsletter {
    
        background: #009ee3;
        color: #ffffff;
        padding: 15px 25px;
        border-radius: 4px;
        font-size: 1.1em;
    }
    
    .subscribe-newsletter:hover {
    
        background: #007bb0;
    }
    
    .menu-institucional-item a {
        text-transform: uppercase;
        color: #8b6a00;
        font-size: 0.9em;
    }