/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 6, 2018, 8:25:20 PM
    Author     : yamiru
*/
/* default @media only screen and (min-width:980px) */

.entry-content, .page-template-Home article, .page-template-Home section {
    padding: 30px;
}
@media (min-width:1200px) { 
    .entry-content, .page-template-Home article, .page-template-Home section {
        padding: 30px 80px;
    }
}
.page-template-Home .entry-content { padding: 0; }

.subsection {
    text-align: left;
}
.subsection.img-left, .subsection.img-right {
    min-height: 360px;
}
.subsection.img-left>p img {
    float: left;
    margin: 0 20px 20px 0;
}
.subsection.img-right>p img, .subsection.img-right>.map {
    float: right;
    margin: 0 0 20px 20px;
}


/* header and menu */
.navbar .nav>li>a:first-letter { font-size: inherit; }

/* NEW brand - menu */
.row-fluid .navbar-wrapper.span9 {
    width: 100%!important;
    margin-left: 0;
}
/* center menu w. logo */
.navbar-inner>.row-fluid {
    text-align: center;
    margin-left: -25px; 
}
.navbar-inner .menu-before-logo { margin-right: 60px; padding-right: 0; }
html[lang='en'] .navbar-inner>.row-fluid { margin-left: -50px; }
html[lang='fr'] .navbar-inner>.row-fluid { margin-left: 15px; }

.tc-header .pull-menu-right .nav-collapse {
    float: none!important;
    display: inline-block;
    text-align: left;
    position: unset;
}
.sticky-enabled .tc-header .brand {
    margin-top: 0;
}    

@media (min-width:1200px) { /*menu brand space*/
    .navbar-inner .menu-before-logo { margin-right: 150px; padding-right: 0; }
}
@media (max-width:1023px) {
    .navbar .nav>li>a { font-size: 14px!important; padding: 5px 10px; }
}
@media (min-width:1024px) and (max-width:1340px) {
    .tc-header .navbar .nav>li>a { font-size: 14px!important; padding: 5px 10px; }
}
@media (min-width:1340px) {
    .sticky-enabled .tc-header .navbar .nav>li>a { font-size: small!important; }
}

/* New large nav menu */
.navbar .nav, .navbar .dropdown, .navbar .dropdown-submenu { position: unset; }
.navbar .navbar-inner .nav li { position: unset!important; }

.navbar-inner .nav-collapse .dropdown-menu>li>a:focus, .navbar-inner .nav-collapse .dropdown-menu>li>a:hover, .navbar-inner .nav-collapse .dropdown-submenu:focus>a, .navbar-inner .nav-collapse .dropdown-submenu:hover>a {
    background-color: transparent;
    color: #299aa4;
}
.dropdown-menu>li>a:hover, .dropdown-submenu:focus>a, .dropdown-submenu:hover>a {
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    filter: none;
    color: black;
}
.navbar .dropdown>ul>li>ul a {
    font-size: 14px;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
}
.nav .dropdown-submenu>a:after { display: none; }

    /* ul continentes*/
.navbar .nav>li.menu-surfcamps:hover>ul, .navbar li.dropdown:hover>ul {
    display: flex!important;
}
.navbar .nav>li>ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 28px;
    padding: 25px 10% 15px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.navbar .nav>li>ul>li {
    width: 32%;
    text-align: center;
    margin-top: 10px;
}
.navbar .nav>li.menu-surfcamps>ul {
    height: 48px;
    padding-bottom: 0;
    padding-left: 0;
}
.sticky-disabled .navbar .nav>li.menu-surfcamps>ul { padding-top: 0; }
.nav:hover li:hover>ul { 
    width: unset;
    max-width: unset;
}

    /* ul li continente */
.navbar .nav>li.menu-surfcamps>ul>li {
    display: inline-block;
    width: auto;       
    margin-left: 0;
    padding: 5px;
}
.navbar .nav>li.menu-surfcamps>ul>li>a {
    font-size: 16px;
    text-align: center;    
    padding-left: 20px;
}

.navbar .nav>li.menu-surfcamps>ul>li:hover, .navbar .nav>li.menu-surfcamps>ul>li:active {
    background-image: linear-gradient(transparent 0%, transparent 72%, #299aa4 74%, #299aa4 85%, transparent 86%, transparent 100%);
}
.navbar .nav>li.menu-surfcamps>ul>li:hover>a, .navbar .nav>li.menu-surfcamps>ul>li:active>a {
    color: #333;
}
.navbar .nav>li>ul>li>ul {
    display: block !important;
    width: 31%;
    position: relative;
    left: 0;
    top: 0;
    box-shadow: none;
}

    /* ul paises (menu 3)*/
.navbar .nav>li.menu-surfcamps>ul>li>ul {
    display: flex!important;
    position: absolute;
    left: 0;
    right: 0;
    height: auto;
    padding: 15px 10%;
    margin-top: 72px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.sticky-disabled .navbar .nav>li.menu-surfcamps>ul>li>ul { margin-top: 47px; }
.navbar .nav>li>ul>li .dropdown-menu { display: block!important; }
.navbar .nav>li.menu-surfcamps>ul>li .dropdown-menu { display: none!important; }
.navbar .nav>li.menu-surfcamps>ul>li:hover .dropdown-menu { display: flex!important; }
    /* li pais */
.navbar li.dropdown>ul>li>ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
}
.navbar li.menu-surfcamps>ul>li>ul>li {
    width: 31%;
    padding-bottom: 20px;
}

.navbar li.menu-h2>a {
    font-size: 21px !important;
    margin: 10px 0;
}

.navbar li.menu-h2>ul>li {
    width: 100%!important;
}
.navbar li.menu-h2>ul a {
    padding: 3px 0!important;
}

.navbar li.menu-h2 ul {
    display: block !important;
    position: relative;
    left: 0;
    top: 0 !important;
    width: 100% !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: none;
    background-color: transparent!important;
}
.navbar li.menu-h2>ul ul {
    padding-left: 20px;
    box-sizing: border-box;
}
.dropdown-menu>li.current-menu-ancestor>a, .dropdown-menu>li.current-menu-item>a {
    background-color: transparent;
    color: #299aa4!important;
}
@media (min-width: 1024px) {
    .navbar .nav>li.menu-surfcamps>ul>li>a { font-size: 18px; }
}
@media (min-width: 1341px) {
    .navbar li.menu-h2>a { font-size: 22px !important; }
    .navbar .dropdown>ul>li>ul a { font-size: 15px; }
}

/* social icons */
.navbar-inner .social-block {
    margin: 0;
    bottom: -10px;
}
@media (min-width: 1200px) {
    .navbar-inner .social-block {
        float: right !important;
        margin-top: 0;
        width: auto;
        display: block;
        text-align: right;
        padding-right: 0;
        padding-left: 10px;
    }
    .navbar-inner { padding-right: 0 }
    .navbar-inner .social-block { float: left; }
    .tc-header .pull-menu-right .nav-collapse {
        float: left;
        clear: unset;
    }

    /* NEW */
    .navbar-inner .social-block {
        float: none!important;
        position: absolute;
        right: 0;
    }
}
@media (max-width: 1199px) {
    .navbar-inner .social-block {
        float: right !important;
        margin-top: 0;
        width: auto;
        display: block;
        text-align: right;
        padding-right: 0;
        padding-left: 10px;
    }
    .row-fluid .brand.span3 { width: 14.89361702% }
    .row-fluid .navbar-wrapper.span9 { width: 82.9787234%; }
    .navbar-inner { padding-right: 0 }
    .navbar-inner .social-block { float: left; }
    .tc-header .pull-menu-right .nav-collapse {
        float: left;
        clear: unset;
    }

    /* NEW */
    .navbar-inner .social-block {
        float: none!important;
        position: absolute;
        right: 0;
    }
}

/* slider */
/* body.home .carousel.customizr-slide { display: block; }  */ /* hidden old home on mobile */
.sticky-enabled .ps-slider.ps-photos {
    margin-top: -94px;
}
.ps-slider picture h2 { bottom: 60%; }
.ps-slider.old500h picture h2 { bottom: 70%; }
.ps-slider picture h2>sub { left: 57%; }

@media (max-width: 1199px) {
    .ps-slider picture h2 { bottom: 55%; }
    .ps-slider.old500h picture h2 { bottom: 62%; }
    .ps-slider picture h2>sub { left: 62%; }
}

/* offers */
.surf-course-offers ul li {
    margin: 15px !important;
}
/* bar menu */
#content .entry-content .bar-menu { top: 53px; }
.sticky-disabled #content .entry-content .bar-menu { top: 150px; } 
/* side menu */
#left.widget-area.sticky-col {
    position: fixed;
    top: 35px;
    background-color: white;
}

.side-menu-bar {
    position: relative;
    top: 0;
}
.sticky-enabled .side-menu-bar {
    top: 0;
}
.side-menu-bar.menu-bar-fixed, .sticky-enabled #tc-reset-margin-top + .container .side-menu-bar {
    top: 69px;
    margin-top: 15px;
    position: fixed;
}
.side-menu.menu-sb {
    height: 45px;
}
.side-menu .sub-menu {
    position: absolute;
    top: 45px;
    bottom: unset;
    padding: 0 2px 2px;
}

.side-menu .menu>li { width: 100%; }

.side-menu .menu li a { line-height: 50px; }

div#breadcrumbs {
    margin: 30px 0 -30px;
}

/* only in HOME */

.sticky-disabled .navbar-wrapper { margin-top: 45px; }

.sticky-disabled .navbar-inner .menu-before-logo { margin-right: 250px; }

.sticky-disabled .navbar-inner .social-block { top: 45px; }

.sticky-disabled .navbar .nav>li.menu-surfcamps>ul { height: 45px; }
.sticky-disabled .navbar .nav>li.menu-surfcamps>ul>li>ul { margin-top: 44px; }

/* .sticky-disabled #tc-reset-margin-top { margin-top: 147px !important; } */
.sticky-enabled #tc-reset-margin-top { margin-top: 147px !important; }

.sticky-enabled #tc-reset-margin-top + div#main-wrapper { margin-top: -70px; } /* when no slider */

.sticky-enabled .carousel { margin-top: -94px; }

/* consent */
#ps-consent {
    right: 15px;
    width: 260px;
    margin-bottom: 10px;
    border-top: none;
}

/* beach cinema */
.beach-cinema picture {
    width: 440px;
    height: 275px;
}
@media (min-width: 1200px) {
    .beach-cinema {
        height: 330px;
    }
    .beach-cinema picture {
        width: 520px;
        height: 325px;
    }
}

/* Inline page Tabsheets */
@media only screen and (max-width: 1024px) {
    ul.nav-tab {
        height: auto;
        text-align: center;
    }
    ul.nav-tab li {
        float: none;
        margin: 0!important;
    }
}

/* content */
.ps-photos-bar {
    background-color: transparent;
}

.ps-photos-ctn>a:before {
    content: '';
    position: absolute;
    border: solid 8px white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ps-photos-ctn>a:first-child:before {
    border-left: unset;
}
.ps-photos-ctn>a:last-child:before {
    border-right: unset;
}
.ps-photos-ctn>a:hover:before {
    display: none;
}
.ps-photos-ctn>a>img {
    filter: unset!important;
    transition: unset!important;    
}

.photo-left, .photo-right {
    width: 50px;
    font-size: 100px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: all .1s ease-in;
}
.photo-left:hover, .photo-right:hover {
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
    transition: all .1s ease-in;
}
.photo-left:before, .photo-right:before, .photo-index { 
    opacity: 0; 
    transition: opacity 0.2s ease-in-out;
}
.ps-photos:hover .photo-left:before, .ps-photos:hover .photo-right:before, .ps-photos:hover .photo-index { 
    opacity: 1; 
    transition: opacity 0.2s ease-in-out;
}
.photo-left.disabled:before, .photo-right.disabled:before { opacity: 0; }
.ps-photos:hover .photo-left.disabled:before, .ps-photos:hover .photo-right.disabled:before { opacity: 0.5; }

.photo-index { opacity: 1; }

/*.ps-photos-ctn[data-idx='0']>a:before { border-top-width: 0; border-bottom-width: 16px; }
.ps-photos-ctn[data-idx='1']>a:before { border-top-width: 0; border-bottom-width: 16px; }
.ps-photos-ctn[data-idx='2']>a:before { border-top-width: 8px; border-bottom-width: 8px; }
.ps-photos-ctn[data-idx='3']>a:before { border-top-width: 16px; border-bottom-width: 0; } */

.ps-photos-tight:hover .photo-left:before, .ps-photos-tight:hover .photo-right:before { 
opacity: 0.5;
}

.ps-photos-tight .ps-photos-ctn>a:before {
    content: unset;
    border: unset;
}
.ps-photos-tight.side {
    width: 570px;
    height: 320px;
}
.ps-photos-tight .ps-photos-ctn>a {
    width: 570px;
    height: 320px;
}
    /* block */
.section-block { 
    text-align: left;
    min-height: 360px; 
}
.section-block.left img {
    float: left;
    margin: 20px 20px 20px 0;
}
.section-block.right img {
    float: right;
    margin: 20px 0 20px 20px;
}

/* gallery instagram */
.ps-gallery.social>ul>li {
    width: 11.3%;
    margin: 0 0.4%;
    height: calc(100vw / 8);
}

/* footer menu */
#footer .footer-menu {
    display: block;
    padding: 0 130px;
}
#footer .footer-menu a {
    padding: 5px;
    margin: 0 5px;
    line-height: unset;
    height: unset;
}


.simpleslider {
    width: unset;
    margin: unset;
}
.simpleslider .pics-8.anim-slide {
    animation: unset;
}
.simpleslider-ctn.pics-8 {
    width: unset;
    height: unset;
    text-align: center;
}

@media (max-width:1199px) { 
    .simpleslider-ctn.pics-8>picture { width: 110px; }
}

/* services icons */
#content .entry-content .surfcamp-services { margin-left: 20px; }
#content .entry-content .surfcamp-service { width: 280px; }

/* video player */

#video-player>div { position: unset; }
#video-player .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#video-player .close {
    top: 0;
    right: 0;
    width: 21px;
    height: 21px;
    bottom: unset;
    padding: 6px 5px 12px 12px;
    font-size: 30px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    border-left: 2px solid #777;
    border-bottom: 2px solid #777;
    border-radius: 0 0 0 100%;
    opacity: .85;
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 9px 4px #333;
}
#video-player .close b, #video-player .ext-video-btn { display: none; }