/* Theme Name: JELLYCODE Description: website template by JellyCode Author: jellycode.pt Author URI: http://jellycode.pt/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.0 */ /** * RETIRA O LOGO DO GOOGLE CAPTCH DO SITE * ---------------------------------------------------------------------------- */ .grecaptcha-badge { display: none !important; } /** * ---------------------------------------------------------------------------- */ .remove { display: none; } .smush-detected-img {border: 0;} * { -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html { font-size: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body { margin: 0; font-family: 'Libre Franklin', sans-serif; font-weight: 300; font-size: 14px;} .clearfix:after { content: " "; display: block; height: 0; clear: both;} .home #content { max-width: 1266px; margin: auto; position: relative; height: 100vh;} #content { max-width: 1266px; margin: auto; position: relative; height: 100%;} header .container, footer .container { padding: 0 20px; padding-top: 0;} /*.container { padding: 130px 30px 95px 30px;} */ .container { padding: 10px 30px;} /** * TYPOGRAPHY * ---------------------------------------------------------------------------- */ h1 {font-size: 35px;} h2 {font-size: 30px;} h3 {font-size: 22px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} a { text-decoration: none; color: #5a5a5a;} a:link, a:active { color: #5a5a5a;} a:active, a:hover { outline: 0; color: #f18508;} p { font-size: 14px; font-weight: 300;} b, strong { font-weight: bold;} hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} pre { overflow: auto;} blockquote { padding-left: 30px; border-left: 2px solid #f18508; margin: 0;} /** * PLACEHOLDERS * ---------------------------------------------------------------------------- */ #blog-single .form-container .formulario::-webkit-input-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .form-container .formulario::-moz-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .form-container .formulario:-ms-input-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .form-container .formulario:-moz-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form::-webkit-input-placeholder { color: #3e3e3e; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form::-moz-placeholder { color: #3e3e3e; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form:-ms-input-placeholder { color: #3e3e3e; font-size: 14px; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form:-moz-placeholder { color: #3e3e3e; font-size: 14px; font-family: 'Libre Franklin';} #footer *::-webkit-input-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #footer *::-moz-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #footer *:-ms-input-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} #footer *:-moz-placeholder { color: #ffffff; font-size: 14px; font-family: 'Libre Franklin';} /** * COLUNAS * ---------------------------------------------------------------------------- */ .grid { margin: 0 -30px;} .grid:after { content: ""; display: table; clear: both;} [class*='coll-'] { float: left; padding: 10px 30px;} .coll-3-4 { width: 75%;} .coll-2-3 { width: 66.66%;} .coll-1-3 { width: 33.33%;} .coll-1-2 { width: 50%;} .coll-1-4 { width: 25%;} .coll-1-8 { width: 12.5%;} .coll-60 { width: 60%;} .coll-40 { width: 40%;} .coll-20 { width: 20%;} /** * HEADER * ---------------------------------------------------------------------------- */ header { position: fixed; width: 100%; left: 0; top: 0; color: #ffffff; z-index: 9999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; /*height: 131px;*/ height: 117px; } /*header.sticky { height: 50px; background: #efc47D; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} header.sticky ul#primary-menu li {line-height: 50px; }*/ /* Mobile OFF no desktop ( taptap mobile plugin )*/ [class*='taptap-'] { display: none;} /** * MENU * ---------------------------------------------------------------------------- */ /* general settings */ header .header-image { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } header .header-image .logo { float: left; width: 20%; height: 100%; padding: 20px 0 20px 120px;} header .header-image .menu { float: left; width: 68%;} header .header-image .menu ul#primary-menu { float: right; padding: 0px; margin: 0px;} header .header-image .menu ul#primary-menu li { float: left; position: relative; list-style: none; white-space: nowrap; height: 70px; margin: 0px 15px;} header .header-image .menu ul#primary-menu li div {} header .header-image .menu ul#primary-menu li:hover { color: #f18508; border-bottom: 2px solid #f18508;} header .header-image .menu ul#primary-menu li a { color: #ffffff; font-size: 14px; font-weight: 700; line-height: 100px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} header .header-image .menu ul#primary-menu li a:hover { } header .header-image .menu ul#primary-menu li a:link { display: block;} /* sub menu levels */ header .header-image .menu ul#primary-menu ul { display: none; position: absolute; top: 100%; left: 0; padding: 0;} header .header-image .menu ul#primary-menu ul li { position: relative; float: none; margin: 0;} header .header-image .menu ul#primary-menu ul ul { position: absolute; left: 100%; /* makes submenu appear right */ top: -1px;} header .header-image .linguas { float: left; height: 75px; line-height: 80px; font-weight: 700;} header .header-image .linguas a { border-right: 1px solid #ffffff;} header .header-image .linguas a:last-of-type { border-right: 0px !important;} header .header-image .linguas:hover a span{ color: #f18508;} header .header-image .linguas .wpml-ls-native { color: #f18508;} header .header-image .linguas .wpml-ls-display { color: #ffffff;} /*header .header-image .search { float: left; width: 26px; height: 26px; line-height: 110px;}*/ header .header-image #search { float: left; width: 26px; height: 26px; line-height: 110px; cursor: pointer;} header .header-image #search form.search-form {height: 100%;} header .header-image #search.open { background-color: #ffffff;} header .header-image #search:hover {} header .header-image #search img { position: absolute; top: 38px; width: 20px; height: 20px;} header .header-image #search .search-submit {display: none;} .header-image #search .search-field { opacity: 0; width: 0; background-color: #ffffff; border: 0; margin: 0 20px; color: #ffffff; -webkit-transition: width 400ms ease, background 400ms ease; transition:width 400ms ease, background 400ms ease;} .header-image #search .search-field.open { opacity: 1; width: 200px; float: right; position: relative; top: 35px; right: 20px; border-bottom: 1px solid #ffffff;-webkit-transition: width 400ms ease, background 400ms ease; transition:width 400ms ease, background 400ms ease; height: 30px; color: #000; padding: 10px 5px;} /* SABRAB BOOKING */ header .header-image .menu ul#primary-menu li.menu-booking { background: #f18508; padding: 0px 10px; height: 67px; } /** * SEARCH PAGE * ---------------------------------------------------------------------------- */ .search-title.container { text-transform: uppercase; } /** * HOMEPAGE * ---------------------------------------------------------------------------- */ .home #slider { position: absolute; top: 0; left: 0;} .home .count-area .newsletter { position: absolute; bottom: 112%; /* width: 100%; */ height: 90px; /* left: calc(100% - 450px); */ right: 0; margin-right: 30px;} .home .newsletter.count { width: 410px !important;} .home .newsletter .tnp-subscription { margin: 0 auto;} .home .newsletter .tnp-subscription input[type=email] { background-color: rgba(0,0,0,0) !important; border-bottom: 1px solid rgba(255,255,255,0.30); width: 350px;} .home .newsletter .tnp-subscription input.tnp-submit { font-family: FontAwesome; font-weight: 100; cursor: pointer; font-size: 30px; padding: 4px 10px; margin: auto;} /* Count Area Preto .home .count-area { position: absolute; bottom: 15%; height: 90px; right: 0; margin-right: 30px;} .home .count-area .count{ float: left; margin: 0 5px; width: 200px; height: 100%; background-color: rgba(0,0,0,0.8); color: #ffffff; padding: 10px; cursor: pointer;} .home .count-area .count:hover { background-color: rgba(0,0,0,1);} .home .count-area .count-icon .fa{ color: rgba(255,255,255,0.30);} .home .count-area:hover .count-icon .fa { color: rgba(255,255,255,1.00);} .home .count-area .count-text-area { margin-top: -5px;} .home .count-area .count-text-area .count-text { font-size: 14px; text-align: center; font-weight: 100; color: #ffffff;} .home .count-area .count-text-area .counter { font-size: 28px; text-align: center; font-weight: 100; color: #ffffff;} */ /* Count Area Branco */ .home .count-area { position: absolute; bottom: 15%; height: 90px; right: 0; margin-right: 30px;} .home .count-area .count{ float: left; margin: 0 5px; width: 200px; height: 100%; background-color: rgba(255, 255, 255, 0.6); color: #ffffff; padding: 10px; cursor: pointer; position: relative;} .home .count-area .count:hover { background-color: rgba(0,0,0,1);} .home .count-area .count-icon {width: 10px; float: left;} .home .count-area .count-icon .fa{ color: rgba(0, 0, 0, 0.8);font-size: 22px;padding-top: 3px;} .home .count-area:hover .count-icon .fa { color: rgba(255,255,255,1);} .home .count-area .count-text-area {width: 100%; margin-top: 0; padding: 0 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .home .count-area .count-text-area .count-text { font-size: 24px; text-align: center; font-weight: 300; color: rgba(0, 0, 0, 0.8);} .home .count-area .count-text-area .counter { font-size: 28px; text-align: center; font-weight: 300; color: rgba(0, 0, 0, 0.8);} .home .count-area .count:hover .count-text-area .count-text { color: rgba(255,255,255,0.8);} .home .count-area .count:hover .count-text-area .counter { color: rgba(255,255,255,0.8);} /** * PAGES / SINGLES * ---------------------------------------------------------------------------- */ #top { width: 100%; height: 300px; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px;} #top .container { padding: 10px 30px; height: 100%;} #top .container .titulo-pagina { position: relative; top: 50%; color: #ffffff;} #content .background-image { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh;} /** * EMPRESA * ---------------------------------------------------------------------------- */ .page-template-page-empresa .background-image { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: calc(100vh - 45px);} .page-template-page-empresa #empresa { padding-top: 130px;} .page-template-page-empresa #empresa .empresa-esq { float: left; background-color: rgba(255,255,255,0.80); width: 835px; height: 100%; max-height: 510px; padding: 45px 50px; position: absolute; overflow: hidden;} .page-template-page-empresa #empresa .empresa-esq .scroll { width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding-right: 10px;} .page-template-page-empresa #empresa .empresa-esq .scroll .titulo { font-size: 25px; color: #000000; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;} .page-template-page-empresa #empresa .empresa-esq .scroll .line { border-bottom: 1px solid #000000; width: 105px; margin-bottom: 35px;} .page-template-page-empresa #empresa .empresa-dir { float: right; background-color: rgba(0,0,0,0.70); color: #ffffff; width: 100%; max-width: 320px; height: 100vh; max-height: 510px; padding: 35px 40px;} /* SCROLLBAR STYLE 3 */ #style-3::-webkit-scrollbar-track { background-color: #FFFFFF;} #style-3::-webkit-scrollbar { width: 5px; background-color: #F5F5F5;} #style-3::-webkit-scrollbar-thumb { background-color: #000000;} /** * SERVICOS * ---------------------------------------------------------------------------- */ #servicos { width: 100%; height: 350px; margin-bottom: 30px;} #servicos .servico { width: 33.33%; float: left; margin: auto; height: 350px; padding: 0 10px;} #servicos .servico .box { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: auto;} #servicos .servico .box .box-overlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; padding: 20px;} #servicos .servico .box .box-overlay .titulo { color: #fff; margin-top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} #servicos .servico .box .box-overlay:hover .titulo h3 { color: #f188508;} #servicos .servico .box .box-overlay .titulo h3 { margin: 0; padding: 0;} #servicos .servico .box .box-overlay .titulo .line { border-bottom: 2px solid rgba(255,255,255,0.5); width: 20%; margin-top: 10px; } /** * BLOG * ---------------------------------------------------------------------------- */ #noticias-container { width: 100%; height: 100%;} #noticias-container .noticia {width: 100%; height: 300px; position: relative; margin-bottom: 35px;} #noticias-container .noticia .image-container {background-position: right center; background-repeat: no-repeat; background-size: auto 245%; height: 300px; width: 100%;} #noticias-container .noticia .texto-container { height: 300px; background: #e8e8e8; position: relative; width: 46%; padding: 20px 0;} #noticias-container .noticia .texto-container:after { content: " "; position: absolute; width: 0px; top: 0; right: -100px; border-bottom: 300px solid #e8e8e8; border-right: 100px solid transparent;} #noticias-container .noticia .texto-container .categoria { position: absolute; top: 134px; left: -100px; width: 260px; height: 31px; font-size: 12px; text-transform: uppercase; color: #b3b3b3; line-height: 31px; text-align: center; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-style: italic;} #noticias-container .noticia .texto-container .categoria .line { height: 1px; width: 130px; background-color: #b3b3b3; position: absolute; right: 0;} #noticias-container .noticia .texto-container .texto { position: absolute; left: 50px; text-align: center;} /*#noticias-container .noticia .texto-container .texto .titulo { font-size: 25px; font-weight: 700; color: #000000; padding-top: 20px;}*/ #noticias-container .noticia .texto-container .texto .titulo { font-size: 22px; font-weight: 700; color: #000000; padding-top: 0px;} #noticias-container .noticia .texto-container .texto .line { height: 1px; width: 110px; background-color: #000000; margin-top: 10px; margin-bottom: 10px; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} #noticias-container .noticia .texto-container .texto .data { font-size: 12px; color: #676767; font-style: italic;} /*#noticias-container .noticia .texto-container .texto .excerto { font-size: 14px; color: #676767; margin: 30px 0}*/ #noticias-container .noticia .texto-container .texto .excerto { font-size: 14px; color: #676767; margin: 20px 0} #noticias-container .noticia .texto-container .texto .ler-mais { position: relative; width: 165px; margin: 50px auto 15px; color: #808080; text-transform: uppercase; font-weight: 700; cursor: pointer;} #noticias-container .noticia .texto-container .texto .ler-mais:before { content: url(imgs/botao_cima.svg); width: 135px; position: absolute; left: 0; top: -20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} #noticias-container .noticia .texto-container .texto .ler-mais:after { content: url(imgs/botao_baixo.svg); width: 135px; position: absolute; right: 0; bottom: -20px; transition: all 0.3s ease;} #noticias-container .noticia .texto-container .texto .ler-mais:hover:before { top: -13px; left: 10px;} #noticias-container .noticia .texto-container .texto .ler-mais:hover:after { bottom: -14px; right: 10px;} #noticias-container .noticia .texto-container .texto .ler-mais a { color: #000000;} #noticias-container .noticia .texto-container .texto .ler-mais a:hover { color: #f18508;} /* ROTAÇÃO DOS POSTS ( nth-child(2n) ) */ #noticias-container .noticia:nth-child(2n) .image-container { background-position: left center;} #noticias-container .noticia:nth-child(2n) .texto-container .texto { right: 50px;} #noticias-container .noticia:nth-child(2n) .texto-container:after { left: -100px; border-bottom: 300px solid #e8e8e8; border-left: 100px solid transparent; border-right: 0;} #noticias-container .noticia:nth-child(2n) .texto-container .categoria { right: -100px; left: unset;} #noticias-container .noticia:nth-child(2n) .texto-container .categoria .line { top: 0;} #noticias-container .noticia:nth-child(2n) .texto-container { float: right;} /* PAGINAÇÃO */ #noticias-container .pagination { width: 100%; height: 40px; font-size: 14px; font-weight: 700;} #noticias-container .pagination .pag-left { float: left;} #noticias-container .pagination .pag-right { float: right; text-transform: uppercase;} #noticias-container .pagination .pag-right .nav-previous img { padding-left: 10px;} #noticias-container .pagination .pag-right .nav-next img { padding-right: 10px;} /* BLOG TESTE */ #blog-container .noticia {width: 100%; height: 300px; position: relative; margin-bottom: 35px;} #blog-container .noticia .image-container {background-position: right center; background-repeat: no-repeat; background-size: auto 245%; height: 300px; width: 100%;} #blog-container .noticia .texto-container { height: 300px; background: #e8e8e8; position: relative; width: 55%; padding: 20px 0;} #blog-container .noticia .texto-container:after { content: " "; position: absolute; width: 0px; top: 0; right: -100px; border-bottom: 300px solid #e8e8e8; border-right: 100px solid transparent;} #blog-container .noticia .texto-container .categoria { position: absolute; top: 134px; left: -100px; width: 260px; height: 31px; font-size: 12px; text-transform: uppercase; color: #dadada; line-height: 31px; text-align: center; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-style: italic;} #blog-container .noticia .texto-container .categoria .line { height: 1px; width: 130px; background-color: #dadada; position: absolute; right: 0;} #blog-container .noticia .texto-container .texto { position: absolute; left: 50px; text-align: center;} /*#blog-container .noticia .texto-container .texto .titulo { font-size: 25px; font-weight: 700; color: #000000; padding-top: 20px;}*/ #blog-container .noticia .texto-container .texto .titulo { font-size: 22px; font-weight: 700; color: #000000; padding-top: 0px;} #blog-container .noticia .texto-container .texto .line { height: 1px; width: 110px; background-color: #000000; margin-top: 10px; margin-bottom: 10px; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} #blog-container .noticia .texto-container .texto .data { font-size: 12px; color: #000; font-style: italic; display: inline;} /*#blog-container .noticia .texto-container .texto .excerto { font-size: 14px; color: #676767; margin: 30px 0}*/ #blog-container .noticia .texto-container .texto .excerto { font-size: 14px; color: #676767; margin: 20px 0} #blog-container .noticia .texto-container .texto .ler-mais { position: relative; width: 165px; margin: 50px auto 15px; color: #a7a7a7; text-transform: uppercase; font-weight: 700; cursor: pointer; font-size: small;} #blog-container .noticia .texto-container .texto .ler-mais:before { content: url(imgs/botao_cima.svg); width: 135px; position: absolute; left: 0; top: -20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} #blog-container .noticia .texto-container .texto .ler-mais:after { content: url(imgs/botao_baixo.svg); width: 135px; position: absolute; right: 0; bottom: -20px; transition: all 0.3s ease;} #blog-container .noticia .texto-container .texto .ler-mais:hover:before { top: -13px; left: 10px;} #blog-container .noticia .texto-container .texto .ler-mais:hover:after { bottom: -14px; right: 10px;} #blog-container .noticia .texto-container .texto .ler-mais a { color: #000000;} #blog-container .noticia .texto-container .texto .ler-mais a:hover { color: #f18508;} #blog-container .categorias { display: inline;} #blog-container .categorias a{ color: #f18508;font-size:12px;} #blog-container .artigo .image{width: 100%; height: 250px; background-size: cover; background-position: center;} #blog-container .artigo .texto {width: 100%; background-color: #ECECEC; margin-bottom: 35px; height: 280px;} #blog-container .artigo .texto::after{content: " "; position: absolute; width: 0px; top: 163px; border-bottom: 100px solid #ecececeb; border-right: 235px solid transparent;} #blog-container .artigo .texto .title-line{min-height: 80px; padding-top: 5px;} #blog-container .artigo .texto .titulo{font-size: 20px; font-weight: 700; color: #000000; padding: 15px; padding-bottom: 5px; text-align: center;} #blog-container .artigo .texto .categorias{display: block!important; text-align: center; margin-top: 13px;} #blog-container .artigo .texto .categorias a {font-size: 13px!important;} #blog-container .artigo .texto .line {height: 1px; width: 110px;background-color: #000000; margin-top: 10px; margin-bottom: 10px; margin-left: 50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%);} #blog-container .artigo .texto .excerto{padding: 15px; line-height: 20px; min-height: 70px;color: #585858;} #blog-container .artigo .texto .data{ z-index: 99; top: 224px; left: 27px; position: absolute;font-style: italic;color:#000; } #blog-container .artigo .texto .ler-mais{ position: relative; width: 165px; margin: 30px auto 15px; color: #000; text-transform: uppercase; font-weight: 700; cursor: pointer; font-size: small; text-align: center!important; color: #ababab!important; } #blog-container .artigo .texto .ler-mais:before{ content: url(imgs/botao_cima.svg); width: 135px; position: absolute; left: 0; top: -20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #blog-container .artigo .texto .ler-mais:after{ content: url(imgs/botao_baixo.svg); width: 135px; position: absolute; right: 0; bottom: -20px; transition: all 0.3s ease; } #blog-container .artigo .texto .ler-mais:hover:before { top: -13px; left: 10px; } #blog-container .artigo .texto .ler-mais:hover:after { bottom: -14px; right: 10px; } .blog-top .noticia {height: 500px!important; margin-bottom: 0!important;} .blog-top .noticia .image-container {height: 500px!important; background-size: 100%!important;} .blog-top .noticia .texto-container {padding: 300px 0 0 0!important;background: none!important; width: 100%!important; max-width: 1266px; margin: 0 auto;} .blog-top .noticia .texto-container:after { left: -100px!important; display:none;} .blog-top .noticia .texto-container .texto {text-align: right!important; padding-right: 45px!important;left: 188px!important; float: right;position: initial!important;} .blog-top .noticia .texto-container .texto .titulo{color:#FFF!important; padding-right: 5px!important; padding-left: 5px; background-color: rgba(0,0,0,0.7)!important; -webkit-box-shadow: 0 7px 0 rgba(0,0,0,0.7), 0 -7px 0 rgba(0,0,0,0.7);-moz-box-shadow: 0 7px 0 rgba(0,0,0,0.7), 0 -7px 0 rgba(0,0,0,0.7);-ms-box-shadow: 0 7px 0 rgba(0,0,0,0.7), 0 -7px 0 rgba(0,0,0,0.7); -o-box-shadow: 0 7px 0 rgba(0,0,0,0.7), 0 -7px 0 rgba(0,0,0,0.7);box-shadow: 0 7px 0 rgba(0,0,0,0.7), 0 -7px 0 rgba(0,0,0,0.7);} .blog-top .noticia .texto-container .texto .data{display: block!important; padding: 5px;float: right;margin-top: 15px!important;color: #000000!important; background: #ffffffbf;} .blog-top .noticia .texto-container .texto .excerto{color: #ffffff!important; line-height: 25px!important;} .blog-top .noticia .texto-container .texto .ler-mais{ margin:0!important; float: right!important; margin-top: 26px!important; text-align: center!important; color: #616161!important; margin-right: 10px!important;} .blog-top .noticia .texto-container .texto .botao{ display: block!important; float: right; width: 100%;margin-top: 15px!important;} .blog-top .noticia .texto-container .texto .ler-mais::before{content: url(imgs/botao_cima_destaque.svg)!important;} .blog-top .noticia .texto-container .texto .ler-mais::after{content: url(imgs/botao_baixo_destaque.svg)!important;} .blog-container-destaques{background: #ececec40; padding-top: 30px;margin-bottom: 20px;} .blog-destaques{margin-bottom: 10px;} .blog-destaques .row{margin: 0!important;} .blog-destaques .image{width: 100%; height: 125px; background-size: cover; background-position: center;transition: all 0.3s ease; margin-bottom: 12px;} .blog-destaques .title{font-size: 16px; font-weight: 700; color: #000000; padding-top: 0px; margin-top: 5px; text-align: center;} .blog-destaques .title{transition: all 0.3s ease;} .blog-destaques .link:hover .title {color: #F18508; transition: all 0.3s ease;} .blog-destaques .link:hover .image{opacity: 0.7; transition: all 0.3s ease;} .blog-sidebar {background-color: #ececec; padding: 20px;} .blog-categorias .titulo {font-size: 22px; color: #f18508; font-weight: 700;} .blog-categorias .titulo .line {width: 100%; border-bottom: 1px solid #f18508; margin: 12px 0 20px 0;} .blog-categorias .cats {margin-bottom: 50px;} .blog-categorias .cats ul{list-style: none; padding-left: 10px; line-height: 35px;color: #969696;} .blog-categorias .cats ul li a {color: #000; font-size: 15px;} .blog-categorias .cats ul li a:hover {color: #f18508;} .cat-item-267 {display:none;} .blog-insta .titulo {font-size: 22px; color: #f18508; font-weight: 700;} .blog-insta .titulo .line {width: 100%; border-bottom: 1px solid #f18508; margin: 12px 0 20px 0;} .blog-facebook .titulo {font-size: 22px; color: #f18508; font-weight: 700; margin-top: 50px;} .blog-facebook .titulo .line {width: 100%; border-bottom: 1px solid #f18508; margin: 12px 0 20px 0;} .blog-facebook .text {font-size: 20px; font-weight: bold;margin-left: 20px;margin-top:40px; margin-bottom: 40px; text-transform: uppercase; position: relative; z-index:0;} .blog-facebook .text a{color: #333!important;} .blog-facebook .text a:hover{text-decoration:underline!important;} .blog-facebook .text:before{content: "";position: absolute;top: -30px;left: 30%;bottom: -30px;right: 10%;background: #f5f5f5;z-index: -1;} .blog-most-viewed .titulo {font-size: 22px; color: #f18508; font-weight: 700; margin-top: 90px;} .blog-most-viewed .titulo .line {width: 100%; border-bottom: 1px solid #f18508; margin: 12px 0 20px 0;} .blog-most-viewed .wpp-list {display: inline; margin: 0; padding: 0;} .blog-most-viewed {font-size: 12px!important;} .blog-most-viewed .row {margin-bottom: 10px;} .blog-most-viewed .row .col-md-8 {padding-left: 0!important;line-height: 18px;} .blog-most-viewed .wpp-thumbnail {width: 100%!important; height: auto!important; } #sb_instagram #sbi_load .sbi_follow_btn {margin-left: 0px!important;width: 93%;} #sb_instagram .sbi_follow_btn a {width: 100%;} /* ROTAÇÃO DOS POSTS ( nth-child(2n) ) */ #blog-container .noticia:nth-child(2n) .image-container { background-position: left center;} #blog-container .noticia:nth-child(2n) .texto-container .texto { right: 50px;} #blog-container .noticia:nth-child(2n) .texto-container:after { left: -100px; border-bottom: 300px solid #e8e8e8; border-left: 100px solid transparent; border-right: 0;} #blog-container .noticia:nth-child(2n) .texto-container .categoria { right: -100px; left: unset;} #blog-container .noticia:nth-child(2n) .texto-container .categoria .line { top: 0;} #blog-container .noticia:nth-child(2n) .texto-container { float: right;} /* PAGINAÇÃO */ #blog-container .pagination { width: 100%; height: 40px; font-size: 14px; font-weight: 700; margin-bottom: 30px;} #blog-container .pagination .pag-left { float: left; margin-top: 10px; color: #5a5a5a;} #blog-container .pagination .pag-right { float: right; text-transform: uppercase;} #blog-container .pagination .pag-right .nav-next {margin-bottom: 10px;} #blog-container .pagination .pag-right .nav-previous {margin-bottom: 10px;} #blog-container .pagination .pag-right .nav-previous img { padding-left: 10px; margin-left: 10px;} #blog-container .pagination .pag-right .nav-next img { padding-right: 10px; margin-right: 10px;} /* INSTAGRAM */ #sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sb_instagram_header{display:none!important;} #sb_instagram .sbi_follow_btn a{background: #797979!important;border-radius:0;} #sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover{box-shadow: inset 0 0 10px 20px #f18508!important;} /* BLOG TESTE */ /** * BLOG - SINGLE * ---------------------------------------------------------------------------- */ .back { width: 100%; height: 30px; padding-top: 150px; margin-bottom: 50px; line-height: 40px; font-size: 14px; font-weight: 700; text-transform: uppercase;} .back img { transform: rotate(-90deg); vertical-align: middle; position: relative; top: -2px; height: 10px; margin-right: 5px;} .fancybox-opened { z-index: 9999;} #blog-single { width: 100%; max-width: 835px; float: left;} #blog-single .galeria { width: 100%; height: 400px; float: left; margin-bottom: 25px;} #blog-single .galeria #slider { width: 100%; height: 100%;} #blog-single .galeria #slider .slick-prev { left: 0; background-color: rgba(62,62,62,0.60); width: 57px; height: 47px; z-index: 1;} #blog-single .galeria #slider .slick-prev:before { content: url(imgs/arrow_left.png);} #blog-single .galeria #slider .slick-next { right: 0; background-color: rgba(62,62,62,0.60); width: 57px; height: 47px; z-index: 1;} #blog-single .galeria #slider .slick-next:before { content: url(imgs/arrow_right.png);} #blog-single .galeria #slider ul.galeria-container { padding: 0; margin: 0; list-style-type: none;} #blog-single .galeria #slider ul.galeria-container li {position: relative; height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat; list-style-type: none; list-style: none;} #blog-single .galeria #slider ul.galeria-container li .expand { position: absolute; right: 0; bottom: 0; background-color: rgba(62,62,62,0.60);} #blog-single .galeria #slider .galeria-container-single { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;} #blog-single .titulo { font-size: 25px; font-weight: 700; color: #000000; padding-top: 20px;} #blog-single .line { height: 1px; width: 110px; background-color: #000000; margin-top: 10px; margin-bottom: 25px;} #blog-single .data { float: left; font-size: 12px; color: #3e3e3e; font-style: italic;} #blog-single .separador { float: left; padding: 0 5px; font-size: 12px; color: #3e3e3e;} #blog-single .categoria { color: #f18508; font-size: 12px;} #blog-single .categoria a { color: #f18508;} #blog-single .content { font-size: 14px; color: #3e3e3e; margin: 30px 0} #blog-single .etiquetas { font-size: 12px; color: #3e3e3e; font-style: italic; margin-bottom: 40px;} #blog-single .etiquetas .texto { font-style: normal; font-weight: 700; float: left;padding-right: 5px;} #blog-single .partilha {} #blog-single .partilha .texto { float: left; margin-right: 5px; margin-top: 17px;} #blog-single .partilha .icons { float: left; padding: 0 10px; border-right: 1px solid #3e3e3e;} #blog-single .partilha .icons:last-of-type { border-right: 0px !important;} #blog-single .comentarios { float: left; width: 100%; line-height: 25px; margin-top: 40px;} #blog-single .comentarios .icon { float: left;} #blog-single .comentarios .texto { float: left; font-size: 25px; font-weight: 700; padding: 0 15px 0 20px;} #blog-single .comentarios .numero-comentarios { float: left; font-size: 14px; color: #3e3e3e;} #blog-single .comentarios .seta { float: right; height: 30px; width: 30px; text-align: right; cursor: pointer;} #blog-single .comentarios .seta img {transform: rotate(180deg);} #blog-single .comentarios .seta.rotate img { transform: rotate(0deg)} #blog-single .comentarios .line { height: 1px; width: 100%; background-color: #000000; margin-top: 40px; margin-bottom: 25px;} #blog-single .comentarios .comentario-container { float: left; width: 100%; height: 0; padding-bottom: 25px; visibility: hidden;} #blog-single .comentarios .comentario-container.show { height: 100%; visibility: visible; } #blog-single .comentarios .comentario-container li { list-style-type: none;} #blog-single .comentarios .comentario-container .comentario { font-size: 12px; font-weight: 400; line-height: 20px; margin-bottom: 20px;} #blog-single .comentarios .comentario-container .comentario .author .name { float: left; font-size: 14px; font-weight: 700;} #blog-single .comentarios .comentario-container .comentario .comment_content { font-size: 12px;} #blog-single .comentarios .comentario-container .comentario .comment_content p { margin: 3px 0 0 0;} #blog-single .comentarios .comentario-container .comentario .author .fa { font-size: 4px; vertical-align: middle; padding: 0 0 0 3px;} #blog-single .comentarios .comentario-container .comentario .reply { font-size: 10px; font-weight: 700; text-transform: uppercase; color: #3e3e3e;} #blog-single .comentarios .comentario-container .comentario .reply img { margin-right: 5px;} #blog-single .comentarios .comentario-form p.comment-notes { display: none;} #blog-single .comentarios .comentario-form .blog-form-input { float: left; width: 49%; height: 45px; padding: 0 10px; margin-bottom: 15px; border: 1px solid #b3b3b3 !important;} #blog-single .comentarios .comentario-form #email.blog-form-input { float: right; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form textarea#comment { width: 100%; height: 130px; padding: 10px; border: 1px solid #b3b3b3 !important; font-family: 'Libre Franklin';} #blog-single .comentarios .comentario-form input#submit { float: right; background-color: transparent !important; border: 1px solid #b3b3b3; padding: 10px 20px; text-transform: uppercase; color: #000000; font-weight: 700; margin-bottom: 30px; cursor: pointer;} #blog-single .comentarios .comentario-form a#cancel-comment-reply-link {float: right; position: relative; top: 238px; right: 140px; border: 1px solid #b3b3b3; padding: 6px 20px; text-transform: uppercase; color: #000000; font-weight: 400; font-size: 12px; font-family: 'Libre Franklin', sans-serif; } .post-nav { float: left; width: 100%; height: 50px; text-transform: uppercase; font-weight: 700; color: #3e3e3e;} .post-nav .prev-post { width: 50%; float: left;} .post-nav .prev-post img { padding-right: 10px; margin-right: 10px;} .post-nav .next-post { width: 50%; float: right; text-align: right;} .post-nav .next-post img { padding-left: 10px; margin-left: 10px;} .sidebar { float: right; width: 100%; max-width: 320px; height: 100%; background-color: #ececec; padding: 20px;} .sidebar .newsletter-sidebar { margin-bottom: 35px;} .sidebar .newsletter-sidebar .titulo { font-size: 22px; color: #000000; font-weight: 700;} .sidebar .newsletter-sidebar .line { width: 100%; border-bottom: 1px solid #3e3e3e; margin: 12px 0 20px 0;} .sidebar .newsletter-sidebar .texto { font-size: 14px; color: #3e3e3e;} .sidebar .newsletter-sidebar .botao { text-align: center; padding-top: 30px;} .sidebar .newsletter-sidebar .botao a { color: #000000; font-weight: 700; padding: 10px 20px; border: 1px solid #b3b3b3;} .sidebar .post-recentes .noticia-container { position: relative;} .sidebar .post-recentes .noticia-container .noticia { margin-bottom: 35px;} .sidebar .post-recentes .noticia-container .noticia .image-container { width: 100%; height: 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 20px;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto { position: relative;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-left .titulo { font-size: 16px; color: #000000; font-weight: 700; margin-bottom: 8px;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-left .line { width: 110px; border-bottom: 1px solid #b3b3b3;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-left .excerto { font-size: 14px; font-style: italic; color: #3e3e3e; padding: 15px 32px 20px 0;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-left .data { font-size: 12px; font-style: italic; color: #3e3e3e;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-right .categoria { position: absolute; top: 30px; right: -50px; width: 130px; height: 31px; font-size: 12px; text-transform: uppercase; color: #b3b3b3; line-height: 31px; text-align: center; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-style: italic;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-right .categoria .line { height: 1px; width: 80px; background-color: #b3b3b3; position: absolute; right: -1px;} .sidebar .categorias .titulo { font-size: 22px; color: #000000; font-weight: 700;} .sidebar .categorias .line { width: 100%; border-bottom: 1px solid #3e3e3e; margin: 12px 0 20px 0;} .sidebar .categorias .cats {} .sidebar .categorias .cats ul { padding: 0;} .sidebar .categorias .cats ul li { font-size: 16px; color: #3e3e3e; line-height: 35px;list-style-type: none; border-bottom: 1px solid #b3b3b3;} .sidebar .categorias .cats ul li:last-of-type { border-bottom: 0px !important;} /** * FORMUlÁRIO CONTACTOS * ---------------------------------------------------------------------------- */ .imagem-formulario { float: left; width: 100%; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -99;} .imagem-formulario .imagem-filtro { width: 100%; height: 250px; background-color: rgba(0,0,0,0.60);} .imagem-formulario .coll-40 { float: right;} .imagem-formulario .form-container { padding: 40px; margin: auto; text-align: center;} .imagem-formulario .form-container .texto p { font-size: 30px; color: #fff; margin-top: 0; line-height: 45px;} .imagem-formulario .form-container .btn-contacts { font-size: 20px; color: #fff; background:#F18508; margin-top: 0; padding: 10px 20px 10px 20px; } .gform_wrapper { margin: 0 !important;} .gform_wrapper input.medium {width: 100% !important; background-color: transparent !important; border: 1px solid #ffffff !important; color: #ffffff;} .gform_wrapper .textarea { background-color: transparent !important; border: 1px solid #ffffff !important; color: #ffffff;} .gform_wrapper ul li.gfield { margin-top: 0px !important;} .gform_wrapper .top_label .gfield_label { display: none !important;} .gform_wrapper .gform_footer { text-align: center;} .gform_wrapper .gform_footer input.button { background-color: transparent !important; color: #ffffff; border: 0 !important;} #gform_wrapper_1 .gform_footer, #gform_wrapper_2 .gform_footer { position: relative; width: 165px; margin: auto; cursor: pointer; margin-top: 15px; z-index: 9999;} #gform_wrapper_1 .gform_footer:before, #gform_wrapper_2 .gform_footer:before{ content: url(imgs/botao_cima.svg); width: 135px; position: absolute; left: 0; top: -5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1;} #gform_wrapper_1 .gform_footer:after, #gform_wrapper_2 .gform_footer:after { content: url(imgs/botao_baixo.svg); width: 135px; position: absolute; right: 15px; bottom: -15px; transition: all 0.3s ease; z-index: -1;} #gform_wrapper_1 .gform_footer:hover:before, #gform_wrapper_2 .gform_footer:hover:before { top: 5px; left: 0px;} #gform_wrapper_1 .gform_footer:hover:after, #gform_wrapper_2 .gform_footer:hover:after { bottom: -5px; right: 20px;} /** * NEWSLETTER * ---------------------------------------------------------------------------- */ /* .newsletter { float: left; width: 100%; height: 105px; color: #b3b3b3; background-color: #3e3e3e; padding: 10px;} .newsletter-container .texto { font-size: 35px; border-right: 2px solid #b3b3b3;} .newsletter-container .texto-form { padding: 5px 20px;} .newsletter .gform_body {width: 80% !important;} .newsletter .gform_footer { float: right; position: relative; top: -30px; width: 20% !important; margin: 0 !important; padding: 5px !important; border: 1px solid #ffffff !important; cursor: pointer;} .newsletter .gform_footer .gform_button { margin: 0 !important; padding: 0 !important;} */ /** * PORTFÓLIO * ---------------------------------------------------------------------------- */ #portfolio .esg-filter-wrapper .esg-filterbutton { color: #000000; box-shadow: none; font-family: 'Libre Franklin', sans-serif; font-weight: 300; font-size: 14px; border-radius: 0; border-color: #000000;} #portfolio .esg-filter-wrapper .esg-filterbutton:hover { border-color: #f18508;} #portfolio .esg-filter-wrapper .esg-filterbutton.selected { border-color: #f18508;} #portfolio .esg-navigationbutton { border: 0;} #portfolio .esg-navigationbutton:hover { box-shadow: none;} #portfolio .esg-navigationbutton .load-more { background-image: url(imgs/icon_reload.png); width: 43px; height: 38px; background-repeat: no-repeat; background-position: center center; padding: 0; margin: 0;} /** * PORTFÓLIO - SINGLE * ---------------------------------------------------------------------------- */ #portfolio-single {} #portfolio-single #slider { width: 100%; height: 100%; position: relative;} #portfolio-single #slider .back { width: auto; position: absolute; top: 150px; left: 50px; background-color: #ffffff; height: auto; margin: 0; padding: 15px 15px 12px 5px; line-height: 10px; z-index: 9999;} #portfolio-single #slider .slick-prev { left: 0; background-color: rgba(62,62,62,0.60); z-index: 9999; width: 57px; height: 47px;} #portfolio-single #slider .slick-prev:before { content: url(imgs/arrow_left.png);} #portfolio-single #slider .slick-next { right: 0; background-color: rgba(62,62,62,0.60); z-index: 9999; width: 57px; height: 47px;} #portfolio-single #slider .slick-next:before { content: url(imgs/arrow_right.png);} #portfolio-single #slider ul.galeria-container { padding: 0; margin: 0; list-style-type: none;} #portfolio-single #slider ul.galeria-container li {position: relative; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; list-style-type: none; list-style: none;} #portfolio-single #slider .more { position: absolute; left: 50%; width: 0; height: 0; border-right: 80px solid transparent; border-left: 80px solid transparent; border-bottom: 45px solid #ececec; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} #portfolio-single #slider .more img { left: -9px; position: relative; top: 18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} #portfolio-single #slider ul.galeria-container li.slick-slide { opacity: 0.4;} #portfolio-single #slider ul.galeria-container li.slick-active { opacity: 1;} #portfolio-single #slider ul.galeria-container-single { list-style-type: none; margin: 0; padding: 0;} #portfolio-single #slider ul.galeria-container-single li { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100vh;} #portfolio-single #slider .more { } #portfolio-single #down {} #portfolio-single .post-content { float: left; width: 100%; max-width: 845px;} #portfolio-single .post-content .titulo { font-size: 25px; font-weight: 700; color: #000000; padding-top: 20px;} #portfolio-single .post-content .line { height: 1px; width: 110px; background-color: #000000; margin-top: 10px; margin-bottom: 10px;} #portfolio-single .post-content .data { font-size: 12px; color: #000000; font-style: italic;} #portfolio-single .post-content .partilha { margin-bottom: 50px;} #portfolio-single .post-content .partilha .texto { float: left; margin-right: 5px;} #portfolio-single .post-content .partilha .icons { float: left; padding: 0 10px; border-right: 1px solid #3e3e3e;} #portfolio-single .post-content .partilha .icons:last-of-type { border-right: 0px !important;} #portfolio-single .sidebar { margin-top: 30px;} #portfolio-single .sidebar .titulo { font-size: 16px; color: #000000; font-weight: 700; text-transform: uppercase;} #portfolio-single .sidebar .field { font-size: 14px; font-style: italic; color: #3e3e3e; padding: 0 0 16px 0;} #portfolio-single .sidebar .botao { line-height: 40px;} #portfolio-single .sidebar .botao a { padding: 10px 20px; border: 1px solid #b7b7b7; cursor: pointer; font-size: 14px; font-weight: 700; text-transform: uppercase;} /** * BOOKING * ---------------------------------------------------------------------------- */ .page-template-page-booking .titulos { text-transform: uppercase !important; font-weight: 300 !important; font-size: 26px! important; } .wpb_wrapper a.booknow-btna { background-color: #ffffff !important; } .rasao-esq:before{ content: ""; width: 40px; height: 50px; display: inline; float: left; background-image: url(imgs/moedas.svg); background-repeat: no-repeat; background-size: 40px; background-position: center center; margin-right: 20px; position: absolute; top: -60px; } .rasao-cen:before{ content: ""; width: 40px; height: 50px; display: inline; float: left; background-image: url(imgs/check.svg); background-repeat: no-repeat; background-size: 40px; background-position: center center; margin-right: 20px; position: absolute; top: -60px; } .rasao-dir:before { content: ""; width: 40px; height: 50px; display: inline; float: left; background-image: url(imgs/cadeado.svg); background-repeat: no-repeat; background-size: 35px; background-position: center center; margin-right: 20px; position: absolute; top: -60px;; } .tg {border-collapse:collapse;border-spacing:0;margin:0px auto;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 12px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-color:#dcdcdc;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 12px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-color:black;} .tg .tg-0lax{text-align:left;vertical-align:top} @media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}} /** * CONTACTOS * ---------------------------------------------------------------------------- */ .page-id-14 .gform_wrapper input.medium, .page-id-221 .gform_wrapper input.medium { border: 1px solid #c9c9c9 !important; color: #000; } .page-id-14 .gform_wrapper .textarea, .page-id-221 .gform_wrapper .textarea { border: 1px solid #c9c9c9 !important; color: #000 !important; } .page-id-14 .gform_wrapper .gform_footer input[type=submit], .page-id-221 .gform_wrapper .gform_footer input[type=submit] { color: #f18508; } /** * FOOTER * ---------------------------------------------------------------------------- */ /*.page #footer { float: left; position: absolute; bottom: 0; z-index: 9999; width: 100%; height: 45px;} #footer, .page-template #footer { float: left; position: relative; bottom: 0; z-index: 9999; width: 100%; height: 45px;}*/ .home #footer { position: absolute; bottom: 0; z-index: 9999; width: 100%; height: 45px;} #footer { position: relative; float: left; width: 100%; height: 45px; bottom: 0px; background-position: center right; background-size: 10.7%; background-repeat: no-repeat;} #footer .copyright { height: 45px; line-height: 45px; padding: 0; background: rgba(0,0,0,0.5); color: #ffffff;} #footer .copyright .jellycode { float: left; width: 20%; font-size: 12px; font-weight: 100;} #footer .copyright .jellycode img { vertical-align: middle; padding-right: 10px;} #footer .copyright .contactos { float: left; width: 65%; text-align: right; font-size: 14px; font-weight: 600;} #footer .copyright .contactos a:link { color: #ffffff;} #footer .copyright .contactos .textwidget.widget-text { float: right;} #footer .copyright .contactos .textwidget.widget-text .morada { width: auto; float: left; padding-right: 3px; font-weight: 300;} #footer .copyright .contactos .textwidget.widget-text .email { float: right; width: auto;} #footer .copyright .newsletter { float: right; width: 45%;} #footer .copyright .newsletter .newsletter-title { display: inline-block; float: left; width: 80px; font-weight: 100;} #footer .copyright .newsletter .tnp-subscription input[type=email] { background-color: rgba(0,0,0,0) !important; border-bottom: 1px solid rgba(255,255,255,0.30); width: 250px; color: #ffffff; font-family: 'Libre Franklin'; font-weight: 100; padding: 5px 0 3px 0; font-size: 14px;} #footer .copyright .newsletter .tnp-subscription input.tnp-submit { background-color: transparent;} #footer .copyright .social { float: right; width: 6.5%;} #footer .copyright .social .textwidget { float: right;} #footer .copyright .social .textwidget .social-backimage { position: relative; right: -20px; background-color: #000; height: 45px; padding-right: 20px;} #footer .copyright .social .textwidget .social-backimage:before { content: " "; position: absolute; width: 0px; top: 0; right: 105px; border-top: 45px solid transparent; border-right: 45px solid #000;} #footer .copyright .social .textwidget .social-icon { float: left; padding: 0 5px; color: #ffffff;} #footer .copyright .social .textwidget .social-icon .fa:hover { color: #f18508;} .gfield_required { display: none;} /* NEWFOOTER LINE --------------------------------------------------------- */ #footer .copyright-line { height: 45px; line-height: 45px; padding: 0; background: rgba(0,0,0,0.5); color: #ffffff; padding: 0 0 0 20px;} #footer .copyright-line .left { float: left;} #footer .copyright-line .all-rights { width: 20%; font-size: 12px; font-weight: 100;} #footer .copyright-line .all-rights img { vertical-align: middle; padding-right: 10px; box-shadow: none;} #footer .copyright-line .footer-newsletter { width: 70%; height: 100%;} #footer .copyright-line .footer-newsletter .newsletter-line { position: absolute; left: calc(100% - 550px);} #footer .copyright-line .footer-newsletter .newsletter-line label { float: left; display: inline-block; padding-top: 10px; width: 90px; text-align: right; font-weight: 100;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription { float: right; margin: 0;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { float: right; width: auto; background-color: rgba(0,0,0,0) !important; border-bottom: 1px solid rgba(255,255,255,0.30); width: 250px; color: #ffffff; font-family: 'Libre Franklin'; font-weight: 100; padding: 0 10px; font-size: 14px; margin: -5px 0px;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input.tnp-submit { background-color: transparent; font-family: FontAwesome; padding: 0 0 0 10px; font-size: 30px; cursor: pointer;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input.tnp-submit:hover { color: #f18508;} #footer .copyright-line .social { width: 10%; height: 100%; float: right;} #footer .copyright-line .social .social-backimage { position: relative; background-color: #000; height: 45px;} #footer .copyright-line .social .social-backimage:before { content: " "; position: absolute; width: 0px; top: 0; right: 100%; border-top: 45px solid transparent; border-right: 45px solid #000;} #footer .copyright-line .social .social-container { float: right; padding-right: 20px;} #footer .copyright-line .social .social-container .social-icon { display: inline-block; padding: 0 5px;} @media (min-width: 1367px ) { /* ---------------------------------------------------------------------------- */ #footer .copyright-line .social { width: 10%;} #footer .copyright-line .footer-newsletter .newsletter-line { position: absolute; left: calc(100% - 610px);} } @media (min-width: 1280px and max-width: 1366px ) { /* ---------------------------------------------------------------------------- */ #footer .copyright-line .social { width: 10%;} #footer .copyright-line .footer-newsletter .newsletter-line { position: absolute; left: calc(100% - 580px);} } @media (max-width: 1024px) { /* ---------------------------------------------------------------------------------------------------- */ /* HEADER ---------------------------------------- */ header { display: none;} /* Mobile ON */ [class*='taptap-'] { display: block;} .taptap-background-color-active { z-index: 0;} .taptap-header { background: url(https://www.sabrab.com/wp-content/themes/jellycode/imgs/fundo_menu.png); height: 90px; width: 100%; background-repeat: no-repeat; background-position: top left; background-size: cover; overflow: hidden; z-index: 9999;} .taptap-by-bonfire ul li a { font-size: 45px;} .taptap-contents-wrapper .linguas { font-size: 12px; height: 10px; direction: rtl;} .taptap-contents-wrapper .linguas .wpml-ls-legacy-list-horizontal { padding: 0; border: 0;} .taptap-contents-wrapper #search { text-align: center; margin-top: 20px;} .taptap-contents-wrapper #search img { position: relative; top: 5px; left: 10px; width: 20px; height: 20px;} .taptap-contents-wrapper input.search-submit { display: none;} .taptap-contents-wrapper input.search-field { color: #ffffff; background-color: transparent; border-top: transparent; border-left: transparent; border-right: transparent; border-bottom: 1px solid rgba(255,255,255,0.8);} /* EMPRESA */ .page-template-page-empresa #empresa .empresa-esq { max-width: 685px;} .page-template-page-empresa #empresa .empresa-dir { max-width: 250px;} /* BLOG - SINGLE */ #blog-single { max-width: 700px;} .sidebar { max-width: 245px;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-right .categoria { top: 40px; height: 10px; line-height: 25px} /* PORTFÓLIO */ #portfolio-single .post-content { max-width: 685px;} /* FOOTER */ /*#footer { position: absolute; bottom: 0; width: 100%;}*/ #footer .copyright .jellycode { width: 25%; font-size: 10px;} #footer .copyright .contactos { width: 60%; font-size: 12px;} #footer .copyright-line .footer-newsletter { width: 68%;} #footer .copyright-line .footer-newsletter .newsletter-line { left: calc(100% - 530px);} #footer .copyright-line .social { width: 12%} } @media (max-width: 768px) { /* ---------------------------------------------------------------------------------------------------- */ /* EMPRESA */ .page-template-page-empresa #empresa .empresa-esq { position: relative; float: left; width: 100%; max-width: 100%; height: 100%; max-height: 100%; padding: 15px 20px;} .page-template-page-empresa #empresa .empresa-esq .scroll { width: 100%; height: 100%; overflow-y: hidden; overflow-x: hidden; padding-right: 0;} .page-template-page-empresa #empresa .empresa-dir { position: relative; float: left; width: 100%; max-width: 100%; padding: 15px 20px;} /* BLOG */ #noticias-container .noticia .texto-container .texto .titulo { padding-top: 10px;} #noticias-container .noticia .texto-container .texto .excerto { margin: 15px 0;} #noticias-container .noticia .texto-container .texto .ler-mais { margin: 30px auto 15px;} #noticias-container .noticia .texto-container .texto .ler-mais:before { top: -13px; left: 10px;} #noticias-container .noticia .texto-container .texto .ler-mais:after { bottom: -14px; right: 10px;} /* BLOG TESTE */ #blog-container .noticia .texto-container .texto .titulo { padding-top: 10px;} #blog-container .noticia .texto-container .texto .excerto { margin: 15px 0;} #blog-container .noticia .texto-container .texto .ler-mais { margin: 30px auto 15px;} #blog-container .noticia .texto-container .texto .ler-mais:before { top: -13px; left: 10px;} #blog-container .noticia .texto-container .texto .ler-mais:after { bottom: -14px; right: 10px;} /* BLOG - SINGLE */ #blog-single { max-width: 490px;} .sidebar { max-width: 200px;} .sidebar .post-recentes .noticia-container .noticia .noticia-texto .noticia-right .categoria .line { width: 60px;} .imagem-formulario .form-container { } .imagem-formulario .form-container .coll-60 { width: 40%;} .imagem-formulario .form-container .texto p { font-size: 25px;} .imagem-formulario .form-container .coll-40 { width: 60%;} .newsletter { height: 100%;} .newsletter .newsletter-container .coll-20 { width: 100%; padding: 0;} .newsletter .newsletter-container .coll-20.grid { margin: 0;} .newsletter .newsletter-container .coll-20.grid .texto { width: 35%; padding: 0 20px;} .newsletter .newsletter-container .coll-40 { width: 50%; padding: 0;} .newsletter .gform_body { width: 70% !important;} .newsletter .gform_footer { width: 30% !important; right: 10px;} /* PORTfÓLIO*/ #portfolio-single .post-content { max-width: 485px;} /* FOOTER */ #footer .copyright .jellycode { display: none;} #footer .copyright .contactos { width: 85%; font-size: 10px;} #footer .copyright .contactos .textwidget.widget-text { float: left;} #footer .copyright .social { font-size: 10px;} #footer .copyright-line .footer-newsletter { width: 65%;} #footer .copyright-line .social { width: 15%} } @media (max-width: 1366px) { /* ---------------------------------------------------------------------------------------------------- */ header .header-image .menu ul#primary-menu li { margin: 0 20px; } } @media (max-width: 736px) { /* ---------------------------------------------------------------------------------------------------- */ /* HEAER */ .taptap-by-bonfire ul li a { font-size: 14px;} /* BLOG */ .imagem-formulario .form-container { padding: 0;} .imagem-formulario .form-container .coll-60 { width: 100%;} .imagem-formulario .form-container .coll-60.grid { margin: 0;} .imagem-formulario .form-container .coll-40 { width: 100%;} .imagem-formulario .form-container .coll-40.grid { margin: 0;} /* PORTfÓLIO*/ #portfolio-single .post-content { max-width: 465px;} #portfolio-single .sidebar { margin-top: 20px;} #portfolio-single .sidebar .titulo { font-size: 12px;} #portfolio-single .sidebar .field { font-size: 12px;} #portfolio-single .sidebar .botao { text-align: center;} #portfolio-single .sidebar .botao a { font-size: 12px;} /* PORTfÓLIO - SINGLE*/ #portfolio-single #slider .back { top: 115px; left: 80px; font-size: 12px;} /* BOOKING */ .booking-reserva-top .vc_column_container>.vc_column-inner, .booking-reserva-bottom .vc_column_container>.vc_column-inner { width: 50% !important; float: left; } .booking-box .booking-inner-box .rasao-esq, .booking-box .booking-inner-box .rasao-cen, .booking-box .booking-inner-box .rasao-dir { text-align: center!important; } .booking-box .booking-inner-box .rasao-esq:before, .booking-box .booking-inner-box .rasao-cen:before, .booking-box .booking-inner-box .rasao-dir:before { left: 50% !important; } .booking-box .booking-inner-box { text-align: center !important; } /* FOOTER */ #footer .copyright-line .footer-newsletter { width: 64%;} #footer .copyright-line .footer-newsletter .newsletter-line { left: calc(100% - 460px);} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 180px;} #footer .copyright-line .social { width: 16%;} } @media (max-width: 667px) { /* ---------------------------------------------------------------------------------------------------- */ /* PORTfÓLIO - SINGLE*/ #portfolio-single .post-content { max-width: 100%;} #portfolio-single .sidebar { max-width: 100%;} #portfolio-single .sidebar .field-box { float: left; width: 33.33%;} #portfolio-single .sidebar .botao { width: 100%;} /* FOOTER */ #footer .copyright-line .all-rights { display: none;} #footer .copyright-line .footer-newsletter { width: 80%;} #footer .copyright-line .footer-newsletter .newsletter-line { left: 0;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 370px;} } @media (max-width: 568px) { /* ---------------------------------------------------------------------------------------------------- */ /* FOOTER */ #footer .copyright .contactos { width: 80%;} #footer .copyright-line .footer-newsletter { width: 70%;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 295px;} #footer .copyright-line .social { width: 21%;} } @media (max-width: 516px) { .blog-top .noticia{ height: 383px!important; } .blog-top .noticia .texto-container{ padding-top: 170px!important; } .blog-top .noticia .image-container{ height: 400px!important; } #blog-container .artigo .texto{ height: 320px; } } @media (max-width: 414px) { /* ---------------------------------------------------------------------------------------------------- */ #content .container { padding: 10px 10px;} .home .count-area .count {background-color: rgba(255, 255, 255, 0.9);} .home .count-area .count-text-area .count-text { font-size: 22px; } .sidebar { max-width: 100%; } /* HOME */ .home .count-area { bottom: 10%; margin-right: 0;} .home .newsletter.count { width: 388px !important;} .home .newsletter .tnp-subscription input[type=email] { width: 330px;} .home .count-area .count { margin: 0px 12px; width: 181px;} .home .count-area .count-icon .fa { color: rgba(0,0,0,0.8);} /* SERVIÇOS */ #servicos .servico { width: 100%; margin-bottom: 15px;} /* BLOG */ #portfolio .esg-filterbutton { min-width: 40%;} #noticias-container .noticia {height: 600px;} #noticias-container .noticia .image-container { background-position: center center; background-size: cover;} #noticias-container .noticia .texto-container { position: absolute; top: 300px; width: 100%;} #noticias-container .noticia .texto-container:after {display: none;} #noticias-container .noticia .texto-container .texto { padding-right: 50px;} #noticias-container .noticia:nth-child(2n) .texto-container .texto { right: 0px; } /* BLOG TESTE */ #blog-container .noticia .image-container { background-position: center center; background-size: cover;} #blog-container .noticia .texto-container:after {display: none;} #blog-container .noticia .texto-container .texto { padding-right: 50px;} #blog-container .noticia:nth-child(2n) .texto-container .texto { right: 0px; } /* PORTfÓLIO - SINGLE*/ #portfolio-single #slider .back { top: 115px; left: 0px; font-size: 12px;} #portfolio-single .sidebar .field-box { width: 100%; text-align: center;} /* BOOKING */ .booking-reserva-top .vc_column_container>.vc_column-inner, .booking-reserva-bottom .vc_column_container>.vc_column-inner { width: 100% !important; text-align: center !important; } .booking-reserva-top .vc_column_container>.vc_column-inner h2, .booking-reserva-bottom .vc_column_container>.vc_column-inner h2 { text-align: center !important; margin-bottom: 0; } /* FOOTER */ #footer .copyright .contactos { width: 75%;} #footer .copyright .contactos .textwidget.widget-text .morada { display: none;} #footer .copyright .contactos .textwidget.widget-text .email { font-size: 14px;} #footer .copyright .social { width: 25%; font-size: 14px;} #footer .copyright-line .footer-newsletter { width: 70%;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 135px;} #footer .copyright-line .social { width: 29%;} } @media (max-width: 375px) { /* ---------------------------------------------------------------------------------------------------- */ .home .count-area .count-text-area { padding: 0px 15px;} .home .count-area .count-icon .fa {font-size: 16px;padding-top: 0px} .home .count-area .count-text-area .count-text {font-size: 15px;} /* HOME */ .home .newsletter.count { width: 346px !important;} .home .newsletter .tnp-subscription input[type=email] { width: 285px;} .home .count-area .count { width: 160px;} /* BLOG */ #noticias-container .noticia { height: 725px;} #noticias-container .noticia .texto-container { height: 450px;} .imagem-formulario { width: 100%;} .imagem-formulario .imagem-filtro { height: 100vh;} #gform_wrapper_1 .gform_footer:after, #gform_wrapper_2 .gform_footer:after { right: 22px;bottom: 34px} #gform_wrapper_1 input#gform_submit_button_1 { position: relative; top: -15px;} /* FOOTER */ #footer {position: fixed;} #footer .copyright .contactos { width: 65%;} #footer .copyright .social { width: 35%;} #footer .copyright .social .textwidget .social-backimage:before { right: 105px; border-top: 45px solid transparent; border-right: 22px solid #000;} #footer .copyright-line .footer-newsletter { width: 67%;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 135px;} #footer .copyright-line .social { width: 33%;} } @media (max-width: 360px) { /* ---------------------------------------------------------------------------------------------------- */ /* HEADER */ .taptap-contents-wrapper .linguas { margin-top: 10px;} /* HOME */ .home .count-area { width: 100%;} .home .count-area .count { margin: 0px 10px;} /* FOOTER */ #footer .copyright-line .social .social-backimage:before { display: none;} #footer .copyright-line .social .social-container { padding-right: 5px;} #footer .copyright-line .footer-newsletter .newsletter-line label { padding-top: 14px; font-size: 10px; width: 70px;} #footer *::-webkit-input-placeholder { font-size: 10px;} #footer *::-moz-placeholder { font-size: 10px;} #footer *:-ms-input-placeholder { font-size: 10px;} #footer *:-moz-placeholder { font-size: 10px;} } @media (max-width: 320px) { /* ---------------------------------------------------------------------------------------------------- */ .taptap-contents-wrapper .linguas { height: 20px; margin-top: 20px;} /* HOME */ .home .newsletter.count { width: 294px !important;} .home .newsletter .tnp-subscription input[type=email] { width: 100px;} .home .count-area .count { margin: 0px 12px; width: 135px;} /* BLOG */ #noticias-container .noticia .texto-container .categoria { left: -115px;} #noticias-container .noticia:nth-child(2n) .texto-container .categoria { right: -115px;} #noticias-container .noticia .texto-container .texto { padding-right: 0; max-width: 255px; left: 32px;} #noticias-container .noticia:nth-child(2n) .texto-container .texto { position: absolute; left: 10px; right: 50px;} #noticias-container .noticia .texto-container .texto .titulo { font-size: 20px;} #noticias-container .noticia .texto-container .texto .excerto { font-size: 12px; word-wrap: break-word;} .imagem-formulario .form-container .texto p { font-size: 14px; margin: 0;} #gform_wrapper_1 .gform_footer:before { left: 5px; top: 11px;} /* FOOTER */ #footer .copyright .contactos { width: 55%;} #footer .copyright .social { width: 45%;} #footer .copyright .contactos .textwidget.widget-text .morada { display: none;} #footer .copyright .social .textwidget .social-backimage:before { right: 104px;} #gform_wrapper_1 .gform_footer:after { right: 15px; bottom: 18px;} #footer .copyright-line .footer-newsletter { width: 64%;} #footer .copyright-line .footer-newsletter .newsletter-line .tnp-subscription input[type=email] { width: 105px;} #footer .copyright-line .social .social-container { padding-right: 5px;} #footer .copyright-line .social { width: 36%;} }