/*  
Theme Name:Homestar Themes Child
Version: 1.0.0
Theme URI: https://homestar.online
Description: A basic starter child theme for Photology
Author: HOMESTAR
Author URI: https://homestar.online
Template: homestar-themes
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
@import url("../homestar-themes/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

video#player_html5, .mejs-video { height: 80vh !important; }

.ease{transition: background 0.3s ease, color 0.3s ease; }

/*CENAS*/
.footermobile{display:none;}

/*HOTSPOT*/
.hotspot-dinamico { position: absolute; transform: translate(-50%, -50%); text-decoration: none; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 8px 12px; border-radius: 8px; z-index: 9999; font-size: 10px; font-weight: bold; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
#teste-lorem {position: fixed !important;bottom: 10px !important; right: 10px !important; background: rgba(0,0,0,0.8) !important; color: #fff !important;  padding: 5px 10px !important; z-index: 99999999 !important;  pointer-events: auto !important;}
a.hotspot-dinamico:hover{color:#d7d7d7 !important;opacity:1 !important;}

/*SEARCH*/
.pagetext.nosearch{line-height: 25px; padding: 25px; color: #545454;}
.pagetext.nosearch .btn{ background: #545454; color: #fff;font-family: 'Lato', 'Helvetica Neue'; margin-top: 15px;}

/*404*/
.page404{font-size: 18px; color: #545454 !important;}
.page404 .btn{ background: #545454;  color: #fff; font-family: 'Lato', 'Helvetica Neue';}
.notfound #searchform input[type="text"]{text-align: center !important;}

/*COMENTARIOS*/
.comment-form-url, .form-allowed-tags{display:none !important;}

/*PAGINA PESQUISA TAG*/
.blog-masonry-wrapper{padding: 10px !important;}
body .article-masonry-box {-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);-webkit-transition: ease-in-out all 0.2s; -moz-transition: ease-in-out all 0.2s;  transition: ease-in-out all 0.2s;border-radius: 5px;}
body .article-masonry-box .article-image {padding-bottom: 0px !important; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px;}
body .article-masonry-box p.portfolio-category{text-align:center; font-size: 11px; color: #a1a0a0; font-family: 'Lato', 'Helvetica Neue', sans-serif;letter-spacing: 0.15em; text-transform: uppercase;line-height: 1.6; padding: 15px 0 0; margin: 0;}
body .article-masonry-box h2{font-size: 18px; color: #888; font-family: "Playfair Display", Georgia, serif;font-style: italic; padding: 5px 0 20px; margin-bottom: 0px !important;}
body .article-masonry-box h2:after{content:none !important;}
body .article-masonry-box img  {width: 100%;height: auto; position: relative; display: block; -webkit-transition: all 0.3s ease-out 0.1s; -moz-transition: all 0.3s ease-out 0.1s; -o-transition: all 0.3s ease-out 0.1s; -ms-transition: all 0.3s ease-out 0.1s;    transition: all 0.3s ease-out 0.1s;}
body .article-masonry-box:hover img { -webkit-transform: scale(1.2);-moz-transform: scale(1.2);  -o-transform: scale(1.2);  -ms-transform: scale(1.2);  transform: scale(1.2);}


/*HEADER PESQUISA*/
body .headermenu .searchcontent input{width: 30% !important;float: right; border: 1px solid #bfbfbf;}
body .headermenu .searchheader{font-size: 26px;}

/*SIDE NAV*/
body #leftsidebar .footsocial{text-align:center;}
body #leftsidebar .mainnavigation .menu-shop a h2{line-height: 1.2;}
body #leftsidebar .mainnavigation .menu-shop a h2:after{display: block; position:relative; font-family: "Playfair Display", "Times New Roman", serif; color: #888; font-size: 14px;}
/*body #leftsidebar .mainnavigation .menu-shop a h2:after, body #menu-main-menu .menu-shop a:after{content:"(Portugal / España)";float:left !important;margin-left: 0em;}*/
body #leftsidebar .logo img{height:auto !important;}
body .footcopy{text-align:center; font-size: 14px;}
body #leftsidebar .wpml-ls .wpml-ls-display{display: none !important;}
body #leftsidebar .wpml-ls li{display: block; text-align: center; background: #c7c7c7; margin-bottom: 2px;}
body #leftsidebar .wpml-ls li a{ color: #fff !important;}
body #leftsidebar .wpml-ls li.wpml-ls-current-language{background: #545454 !important;}

/*SIDE FOLIO PAGE*/
body #rightsidecontainer .reflist a{font-size:16px; color: #888 !important; text-transform:uppercase;}
body #rightsidecontainer .closepost{font-family: 'Lato', 'Helvetica Neue', sans-serif; background:#fff; color:#888; position:fixed; font-size: 30px; right: 30px; margin-top: 0px; border-radius: 500px;border: 2px solid #888; padding: 0px 20px; width: 50px; height: 50px;text-indent: -6px;line-height: 46px; margin-top: 10px; z-index:500;}
body #rightsidecontainer .closepost:hover{color:#fff; background:#444;}
body #rightsidecontainer #comments h4{text-align: center;}
body #rightsidecontainer #comments textarea {height: 150px;}
body #rightsidecontainer #comments h3{font-size: 18px;}
body #rightsidecontainer #comments h4{font-size: 16px; font-style: italic;}
body #rightsidecontainer .prodshopnow{padding: 5px 1em;margin: 5px; border: 1px solid #e7e7e7;display: inline-block; color: #000; background: rgba(215, 215, 215);}

/*FOLIO PAGE*/
body .imggalitem .videooverlay{background: rgba(0, 0, 0, 0.3);}
body .portfolioitem.adslink a, body .portfolioitem.popupfolio a, body .article-masonry-box.adslink{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
body .portfolioitem.adslink .mask, body .portfolioitem.popupfolio .mask, body .article-masonry-box.adslink .mask{display:none !important;}
body .article-masonry-box.adslink{background:none !important;}
body .blog-masonry-wrapper .mask{position: relative;}
body .blog-masonry-wrapper .popup-video .mask{display:none !important;}
.portfolioitem {transition: none !important;}

/*LIKE POST*/
.portfolio-like-btn {background-color: #888;color: white; border: none;  padding: 8px 12px;  border-radius: 5px; cursor: pointer; font-size: 16px; transition: 0.3s;}
.portfolio-like-btn:hover { background-color: #ff1a1a;}
.likebutton { cursor: pointer; display: flex;align-items: center; font-size: 18px; user-select: none; /* Evita seleo acidental */ position: absolute; z-index: 100; top: 10px; right: 10px; color: #888; font-family: "Playfair Display", Georgia, serif; gap:2px;}
body.single-portfolio .likebutton {position: relative !important;display: block;  text-align: center;top: inherit; right: inherit;}

/*POPUP GEO REDIRECT*/
#lang-popup p.quest{ font-family: "Playfair Display", "Times New Roman", serif; word-spacing: 1px;}
#lang-popup .btn1:hover{background: #000 !important;}
#lang-popup #manterIdioma:hover{background: #aaaaaa !important;}

/*POPUP PROD SHOP NOW*/
#prod-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; align-items: center; justify-content: center; z-index: 9999; }
#prod-popup.show { display: flex !important; align-items: center; justify-content: center; }
#prod-popup .popup-inner { background: #fff; padding: 20px; border-radius: 8px; max-width: 90%; width: 500px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); position: relative; }
#popup-title { font-size: 18px; margin-bottom: 15px; font-weight: 500; padding: 10px 40px 0px; }
#prod-list { list-style: none; padding: 0; margin-bottom: 15px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
#prod-list li { margin: 0; }
#prod-list a { padding: 10px 20px; background: #545454; color: #fff; border: none; border-radius: 4px; text-decoration: none; cursor: pointer; display: inline-block; transition: background 0.2s ease-in-out; white-space: nowrap; }
#prod-list a:hover { background: #000; }
#close-popup { position: absolute; top: 8px; right: 12px; font-size: 28px; cursor: pointer; transition: color 0.2s; font-family: 'Lato', 'Helvetica Neue', sans-serif; background: #fff; color: #888; border-radius: 500px; border: 2px solid #888; padding: 0px 11px; width: 30px; height: 30px; text-indent: -6px; line-height: 26px; }
#close-popup:hover { color: #0073aa; }

/*POPUPVIDEO */
.video-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.video-popup-container { width: 80%; max-width: 800px; height: 450px; position: relative; }
.video-popup-close { position: absolute; top: -100px; right: 0; font-size: 80px; color: white; cursor: pointer; }


@media only screen and (max-width:480px) {
/*CENAS*/
.closepost { width: 35px !important; height: 35px !important; font-size: 18px !important; padding: 0 5px !important; text-indent: 5px !important; line-height: 32px !important; }
.portfolioitem a img.fixwidthportfolio{height: auto !important;}
body .navright.mobile-search-trigger{display:inline !important;}
body .navright.mobile-search-trigger .iconlist{color: #545454;}
.portfolioitem .info h2{ color: #888 !important;}
.portfolio-single-nav .slider-button {padding: 5px 0.4em;}
.slider-button.prodshopnow .button-text {font-size: 14px !important; color: #fff !important;}
body #rightsidecontainer .prodshopnow{background: #545454 !important;}
/*LOGO*/
.responsiveheader .logo{padding: 5px 50px;}
.responsiveheader .logo img{height: 50px;}
/*FOOTERMOBILE*/
.footermobile{display: block;}
.footermobile .footermobile-wrapper{ bottom: 0; text-align: center; font-size: 14px;padding: 5px; color: #333;background-color: #FFFFFF;position: fixed;width: 100%; z-index: 20; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);}
.footermobile .wpml-ls-display{display:none !important;}
.footermobile .footcopy{ margin: 5px auto 7px;}
.footermobile .mobile-lang-switcher{padding: 7px 0 0;}
.footermobile .mobile-lang-switcher a{width:25%; margin: auto 3px; display:inline-block !important; text-align: center; background: #c7c7c7; margin-bottom: 2px;}
.footermobile .mobile-lang-switcher a{ color: #fff !important;}
.footermobile .mobile-lang-switcher a.active{background: #545454 !important;}
/*MENUMOBILE*/
.mobile-menu li {counter-increment: none !important;}
.mobile-menu li a:after{content:none !important;}
/*SOCIALMENUMOBILE*/
.mobile-menu .mobile-social{text-align: center; position: fixed; width: 270px; bottom: 0;}
.mobile-menu .mobile-social h2{padding: 30px 25px 0px;}
#main-mobile-menu .footsocial a{
    border: 1px solid #a1a0a0 !important;
    border-radius: 100% !important;
    color: #767272 !important;
    display: block !important;
    font-size: 15px !important;
    margin: 0 5px 0 0 !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 21px !important;
    padding: 0 !important;
    text-align: center !important;
}
/*COMMENTS*/
.comment-respond input[type="submit"]{font-size:12px;}

/*404*/
.notfound h1{font-size: 90px; padding: 0 !important;}
.page404 {font-size: 16px;}

}

