/*
Theme Name: Boats Template
Theme URI:
Author: Joana Souza
Author URI:
Description: Template Lets Go Boats
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: dominio do template
This theme, like WordPress, is licensed under the GPL.
*/

/*GERAL*/
	
body{font-family: 'Roboto', sans-serif;margin: 0;font-size: 18px;}
.flex-container{display: flex;}
.space-between{justify-content: space-between;}
*{box-sizing:border-box;}
h1, h2, h3, h4, figure,p{margin:0;}
a{text-decoration: none; color: inherit;}
article img{width: 100%;}
.center-items{align-items: center;}

.container{width:100%; max-width:1200px;margin:0 auto;padding:0 2%;}
.exemplo{flex-wrap: wrap;}
.row{margin:0 -15px; display: flex; flex-wrap: wrap;}
.row:after{content:'.';display:block;clear:both;height:0px;visibility:hidden;}

/*COLUNAS*/

.col{padding:0 15px;/*border:1px solid #F00;*/}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


/*GERAL*/

.btn-more{display:inline-block;font-size:0.8em; border:2px solid #fee440; padding:15px 15px; text-transform: uppercase;transition: 0.3s; color:#000; border-radius: 5px;text-align:center;}
.btn-more:hover{background-color: #fee440;border:2px solid #fee440;}

.btn-more-yellow-book{display:inline-block;font-size:0.8em; background-color:#fee440; border:2px solid #fee440; padding:15px 15px; text-align: center; text-transform: uppercase;transition: 0.3s; color:#000; font-weight: 400; border-radius: 5px;position: relative; z-index: 1;}
.btn-more-yellow-book:hover{background-color: #000; color: #FFF; border:2px solid #000;}

.btn-more-blue{display:inline-block;font-size:0.8em; background-color:#22B2DA;border:2px solid#22B2DA; padding:15px 25px; text-transform: uppercase;transition: 0.3s; color: #FFF; border-radius: 5px;}
.btn-more-blue:hover{background-color: #FFF;border:2px solid #22B2DA; color: #22B2DA;}

.btn-more-black{display:inline-block;font-size:0.8em; background-color:#000;border:2px solid #000; padding:15px 25px; text-transform: uppercase;transition: 0.3s; color:#FFF; border-radius: 5px;}
.btn-more-black:hover{background-color: #FFF;border:2px solid #000; color:#000;}

.tour-single-text a{text-decoration: underline; color: #0a6ece;}

/*TOP-SITE*/

.top-site{position:fixed; width:100%; top:0; left:0; padding:1.5em; color:#FFF;transition:0.3s; z-index: 99;}
.logo {transition:0.3s;}
.logo img{height: 2em; display: block; transition:0.3s;}
.top-menu{align-items: center;}
.main-menu{display: flex;}
.main-menu a{font-size: 0.9em;}
.main-menu a:hover{text-decoration: underline;}
.main-menu ul{list-style-type:none; margin:0; padding: 0;}
.main-menu ul li{ display: inline-block;margin:0; padding: 0; margin-left: 1em; position: relative;}
.main-menu ul li ul{position:absolute;top:100%; right:0; padding-top:0.5em; min-width: 8em; text-align:right; display:none;}
.main-menu ul li:hover ul{ display:block;}
.main-menu ul li ul li{display:block; margin:0; background-color:rgba(0, 29, 63, 0.9); overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.main-menu ul li ul li a{display:block; padding:0.5em 1.5em; color:#FFF!important; }
.main-menu ul li ul li:first-child a{padding-top:1em;}
.main-menu ul li ul li:last-child a{padding-bottom:1em;}
.menu-item-has-children::after {content: "\f0d7";font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: solid;margin-left: 5px;}
/*.main-menu > div > ul > li:last-child{background-color: #fee440; color: black; padding: 5px 10px; text-transform: uppercase;}*/
.current-menu-item{color:#fee440;}
.current-menu-parent {color:#fee440;}
.mobile-menu{display: none; font-size: 1.7em; color: #FFF;}
.mobile-menu img{width: 30px;}
.languages{margin-left: 20px;}

.switcher .option{position:absolute !important;}

.top-bar-scroll{
    background-color:rgba(0, 29, 63, 0.9);
    padding:1em 1.5em;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.top-bar-scroll .logo img{height: 1.4em;}

.mobile-languages{position:absolute; right:2em; top:0.6em; z-index:2;}
.mobile-languages img{width:auto;}

/***************** HOME ******************/

/*DESTAQUE*/
.headline{position: relative; color: #FFF; height: 100vh; overflow: hidden; }
.about-homepage-mobile{display: none;}
.title{position:absolute; width: 100%; height:100%;background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); text-transform: uppercase; align-items: center;}
.title-item{text-align: center;}
.title-item h2{font-size:3em;font-weight: 500;margin-bottom: 10px; text-shadow: 1px 1px 5px rgba(0,0,0,0.4); }
.title-item h3{font-size:1.2em; text-shadow: 1px 1px 5px rgba(0,0,0,0.4); font-weight: 400;letter-spacing: 0.2em; margin-bottom: 20px;}

/*Imagem de destque*/
.image-gallery{width: 100%;height: 100%;}
.image-gallery img{height: 100%; object-fit: cover;}

/*Vídeo homepage*/
.video-background{width: 100%;}
.video-background video{width: 100%;height: 100%; object-fit: cover;}

/*PRODUCTS*/
.products{background-color: #f2f2f2;}
.product-list{position:relative; top:-120px;justify-content: center;}
.product-item{position:relative; background-color: #FFF;box-shadow:0 0 10px rgba(0,0,0,0.3);margin-bottom: 40px;}
.image-link {width: 100%; height: 200px; overflow: hidden;display: block;}
.image-link img{height:100%;object-fit: cover; display: block;}
.product-item header{padding: 30px; position:relative;}
.product-item h3{font-size: 1.5em; font-weight: 500; margin-bottom: 10px;}
.product-item p{font-weight: 300;margin-bottom: 20px;line-height: 1.5em;}
.price-product{display:block;position:absolute; top: 20px; right:20px; z-index:1;background-color: #fee440; color: black; padding: 10px 15px; text-transform: uppercase;font-size: 0.7em; font-weight: 500;}
.product-item h3 a:hover{text-decoration: underline;}
.product-item .people{font-size: 0.6em; font-weight: 500;text-transform: uppercase;}
.tour-book{text-align: center;}
.tour-book a{width: 49%;}
.people i{margin-right: 10px; text-align: center;}

/*SOBRE*/

.sobre{background-color: #FFF; padding: 100px 40px; overflow: hidden;}
.text-box h4{font-size: 1em; font-weight: 500; text-transform: uppercase; color: #888888;}
.text-box h3{font-size: 3em; font-weight: 300;}
.text-box p, .text-box-page p{font-weight: 300; margin: 10px 0 20px 0; font-size: 1em; color: rgb(34, 34, 34); line-height: 1.5em;}
.image-box img{width:100%;height:100%;object-fit: cover; display: block;}

/*Blocos texto e imagem lado a lado*/
.wp-block-media-text{margin-bottom: 80px;}
.wp-block-media-text__content h3{font-size: 2.2em; font-weight: 300;}
.wp-block-media-text__content p{font-weight: 300; margin: 10px 0 20px 0; font-size: 1em; color: rgb(34, 34, 34); line-height: 1.5em;}

/*LANDSCAPE*/
.landscape{background-color: #FFF; padding: 0 40px 100px 40px; overflow: hidden;}
.text-box{padding-left: 30px;}

/*REVIEWS*/

.trip-reviews {width: 100%; padding-top: 50px; background-color: #f8f8f8;}
.trip-reviews img{width: 100%;display: block;}


/***************** TOURS CATEGORIA ******************/

/*DESTAQUE*/
.headline-tours{position: relative; color: #FFF; height: 50vh; overflow: hidden;text-align: center; }
.title-tours{position:absolute; width: 100%; height:100%;background-color: rgba(0, 0, 0, 0.7);}
.title-tours-item{padding-top:8.5em;}
.title-tours-item h2{font-size:2.5em;font-weight: 500; text-transform: uppercase;}
.title-tours-item h3{font-size:1.2em; line-height: 1.5em; text-shadow: 1px 1px 5px rgba(0,0,0,0.4); font-weight: 300;}


.product-list-tours{justify-content: center; padding: 50px 0;}


/*SINGLE - TOURS*/
.about-tour{ padding: 40px 2%; font-weight: 300;font-size: 1em; line-height: 1.5em;}


.tour-single p{margin-top: 20px;}

.tour-details{padding: 30px; background-color: #f2f2f2;}
.tour-details h3 {font-size: 1.2em; font-weight: 200; margin-bottom: 15px; text-transform: uppercase;}
.tour-details .people{margin: 0; }
.people{font-size: 0.9em; font-weight: 300;}
.people i{width: 1.4em; text-align: center;}
.people p{display: inline;}
.people span{font-weight: 500; margin-right: 10px;}

.tour-single-gallery{margin: 20px 0;}
.tour-single-gallery img{width: 100%;}

.tour-include{padding-left: 30px;}
.other-book{color:#000; margin-bottom: 20px; text-align: center; margin-top: 30px; line-height: 1.2em;}
.btn-block{display: block; text-align: center;}
.other-book p{font-size:0.9em; margin-bottom: 20px; font-weight: 500;}
.other-book h3{font-size:0.9em;}
.fareharbor-calendar{color: #000;margin-top: 20px; font-size: 0.8em; line-height: 1.4em;}
.fareharbor-calendar iframe{width: 100%;}
.fareharbor-calendar img{width: 100%;display:block;}
.section-title{font-size: 2.2em; font-weight: 300; text-align: center; padding: 30px 0 0 0;}

.other-book-aviso{font-size:0.8em;color:#000;margin-top: 50px;text-align: center; line-height: 1.4em; padding: 20px; background-color: #f2f2f2; }

.other-book-aviso h3{font-size:1em;margin-bottom: 10px;font-weight: 500;}

.gallery{margin: 80px 0;}
.gallery img{width: 100%;}
.gallery-item{margin-bottom: 30px;}

.related-tours{padding: 80px 0; background-color: #f2f2f2;}
.product-list-related-tours{position:relative; top:0; justify-content: center;}

.wp-block-embed__wrapper{position:relavive; width: 100%; padding-top:56.25%;}
.wp-block-embed__wrapper iframe{position:absolute; width:100%; height:100%; top:0; left:0; }
.tour-single-text p{margin: 40px 0;}

/*GALERIA PÁGINA ARTIGO*/
.wp-block-gallery{margin-bottom: 20px;}


/*REGIÃO e ABOUT*/
.page-content{background-color: #FFF; padding: 80px 2%; overflow: hidden;}
.page-content h2{font-size: 2.2em; font-weight: 300; text-align: center; margin: 30px 0;}

.btn-fixed{position: fixed; right: 40px; bottom: 40px; z-index: -1; opacity: 0; box-shadow: 3px 3px 6px rgba(0,0,0,0.4); transition:0.3s; border-radius: 5px;font-weight: 700;}
.btn-fixed-show{z-index: 2; opacity: 1;}
.btn-fixed img {width: 30px; vertical-align: middle; margin-right: 10px; -webkit-filter: drop-shadow(0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.5)); filter: drop-shadow(0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.5));}

.social-icon img{width: 30px; vertical-align: middle;}

/*ABOUT*/
.page-contacts{background-color: #FFF; padding: 40 2%; overflow: hidden;}
.page-contacts p{margin-bottom: 20px;}

/*CONTACTS*/
.mapouter iframe{width: 100%; height: 400px; margin-top: 40px;}


/*FOOTER*/
.footer{background-color:#19a3c9; padding: 70px 0; color:#FFF; font-size: 0.8em;}
.footer h3{font-size: 1.2em; margin-bottom: 10px;}
.area-1 a{display: block; margin-bottom: 5px;}
.area-1 a:hover{text-decoration: underline;}
.social a{margin-right: 10px; font-size: 1.8em; transition: 0.3s;}
.social a:hover{opacity: 0.5;}
.phone i{font-size: 1.2em;}
.phone i, .email i{margin-right: 5px;}
.email{margin: 10px 0 20px 0;}

.turism img{width:150px;}
.turism a{display: block;margin-bottom: 20px;}

.clean img{width:100px;}
.trip img{width:140px;}

.copyright{margin-top: 70px;}

@media all and (max-width:1024px ){
    .headline{height: 100vh;}
    
    .video-background{width: 100%; height: 100%;}
    .video-background video{height: 100%; object-fit: cover;}
   
    .home-btn-more{margin-top: 30px;}

}

@media all and (max-width:768px ){
    
    .scol-1 {width: 8.33%;}
    .scol-2 {width: 16.66%;}
    .scol-3 {width: 25%;}
    .scol-4 {width: 33.33%;}
    .scol-5 {width: 41.66%;}
    .scol-6 {width: 50%;}
    .scol-7 {width: 58.33%;}
    .scol-8 {width: 66.66%;}
    .scol-9 {width: 75%;}
    .scol-10 {width: 83.33%;}
    .scol-11 {width: 91.66%;}
    .scol-12 {width: 100%;}

    body p{font-size: 16px;}

    .btn-more-yellow-book{padding:10px 8px;}

    .btn-more{display:inline-block;font-size:0.8em; border:2px solid #fee440; padding:10px 15px; text-transform: uppercase;transition: 0.3s; color:#000; border-radius: 5px;}

    .btn-fixed .btn-more-yellow-book{padding:10px 10px;}

    /*HOME*/
    
    .headline{height: 100vh;}
    .title-item h2{font-size:1.7em;margin-bottom: 10px;}
    .title-item h3{font-size:0.8em;}
    
    /*Vídeo homepage*/
    .video-background{width: 100%; height: 100%;}
    .video-background video{height: 100%; object-fit: cover;}
    
    .home-btn-more{margin-top: 30px;}

    /*TOURS*/

    .headline-tours{position: relative; color: #FFF; height: 250px; overflow: hidden;text-align: center; }
    .title-tours{position:absolute; width: 100%; height:100%;background-color: rgba(0, 0, 0, 0.7);}
    .title-tours-item{padding-top:5em;}


    .title-tours-item h2{font-size:1.5em;}
    .title-tours-item h3{font-size: 1em; padding: 0 4%;}
    .page-content{padding: 0 7%;}

    /*Imagem de destque*/
    .image-gallery{height: 100%;}
    .image-gallery img{height: 100%;}

    .about-tour{ padding: 15px 5%;}
    .tour-details{padding: 20px; background-color: #f2f2f2;}
    .tour-single-text p{margin: 20px 0;}
    .about-tour .btn-more-yellow-book{display: none;}
    .wp-block-gallery{margin-bottom: 20px;}
    .section-title{font-size: 1.8em;}
    

    .product-list{top:0; padding: 30px 5% 0 5%;}

    .product-list-tours{padding: 40px 2%;}
    .product-item{margin-bottom: 30px; height: auto;}

    
    .other-book-aviso{ font-size:0.9em;color:#000;margin: 50px 0;text-align: center; line-height: 1.4em; padding: 20px; background-color: #f2f2f2; }


    .about-homepage{display: none;}
    .about-homepage-mobile{display: block;}

    .sobre{padding: 30px 7% 0 7%;}
    .landscape{padding: 30px 7%;}
    .text-box{padding: 20px 0;}
    .text-box h4{font-size: 1em;}
    .text-box h3{font-size: 2em;}


    .tour-include{padding-left: 0;}
    .area-3{display: block;}
    .footer{text-align: center; padding: 40px 0; }
    .footer div{margin-bottom: 20px;}
    .copyright{margin-top: 30px;}

/*MENU*/



    .main-menu{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:rgba(0, 29, 63, 0.9);}
    .mobile-menu{display: block;}
    .main-menu ul{ position:absolute; top:10%; text-align: center; width:100%; font-size:1.25em;}
    .main-menu ul li{display:block; width:100%; margin-left:0; margin:1em 0;}
    .main-menu ul li:hover ul{ display:none;}
    .menu-item-has-children::after{ content:'';}
    .languages{margin-left:0; position:absolute; left:50%; transform: translateX(-50%); margin-top:2em;}
    .btn-fixed{position: fixed; right: 50%;  bottom: 1em; transform: translateX(50%); z-index: -1; opacity: 0; box-shadow: 3px 3px 6px rgba(0,0,0,0.4); transition:0.3s; border-radius: 5px;}
    .btn-fixed-show{z-index: 2; opacity: 1;}

    .top-site{padding:0.6em; color:#FFF;}

    .top-bar-scroll{align-items:center;}
    .top-bar-scroll .logo img{height: 1.2em;}
    .languages{display:none;}
    .wp-block-table{font-size: 0.8em;}

    

    .wp-block-media-text{margin: 20px 0;}
    .wp-block-media-text__content{margin: 20px 0; padding: 0;}
    .wp-block-media-text__content h3{font-size: 1.6em;font-weight: 400;}
    .wp-block-media-text .wp-block-media-text__content{padding: 0 !important;}

    .btn-contacts-mobile{display: none;}
  
}