/*
 Theme Name: LazyProf
 Theme URI: https://webriti.com/lazyprof-child-version-details-page/
 Description: A blue-colored Business theme, The theme is well suited for companies, law firms,ecommerce, finance, agency, travel, photography, recipes, design, arts, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablet friendly. It boasts two beautifully designed page templates: Home Page and Blog Page, as well as support for custom widgets and a widgetized Footer Area.  
 Version: 1.2.5
 Author: priyanshu.mittal
 Author URI: https://www.webriti.com
 Template: busiprof
 Tags: one-column, two-columns, full-width-template, threaded-comments, right-sidebar, custom-menu, sticky-post, translation-ready, featured-images, blog, theme-options, portfolio, photography, entertainment, education, footer-widgets, e-commerce, news
 License: GNU General Public License v3.0
 License URI: http://www.gnu.org/licenses/gpl.html
 Copyright (c) 2014 Webriti. All rights reserved. https://www.webriti.com
 Text Domain: 	lazy-prof
 Slug:         lazy-prof
*/

/*
 * tinoperdic.com - site styles (child theme LazyProf)
 * All custom CSS lives here: menu, homepage hero, painting pages, Available works,
 * footer and newsletter, lightbox, and the former Customizer "Additional CSS".
 * Loaded after the Busiprof stylesheets (see functions.php, "tp-site").
 */

/* ==========================================================================
   Base: links
   Bootstrap 5 (Busiprof 2.x) underlines all links by default; the site had none before.
   Links that should be underlined (e.g. .tp-shipping-link, footer links on hover)
   set it explicitly further down.
   ========================================================================== */
a,
a:hover,
a:focus{text-decoration:none}
/* Busiprof underlines all links inside page content and footer text widgets */
.site-content a,
.page-content a,
.footer-sidebar .widget .textwidget a{text-decoration:none}
/* ...except these, on purpose */
.tp-painting-info .tp-shipping-link{text-decoration:underline}
.tp-aw .tp-aw-card:hover .tp-aw-title,
.tp-aw .tp-aw-card:focus .tp-aw-title,
.tp-series .tp-series-item:hover .tp-series-title,
.tp-series .tp-series-item:focus .tp-series-title{text-decoration:underline}

/* ==========================================================================
   Base: typography
   Montserrat everywhere. These are exactly the selectors where Busiprof sets
   "Droid Sans", so Droid Sans is never used and never downloaded.
   ========================================================================== */
body,
p,
.entry-content,
.header-title,
.header-title h2,
.section-title .section-heading,
.page-breadcrumb,
.home-post .post .entry-header .entry-title,
.fn,
.navbar-brand{font-family:"Montserrat",Helvetica,Arial,sans-serif}

/* No focus outlines after a mouse click or tap; keyboard users (Tab) still see where they are */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
.navbar-toggler:focus:not(:focus-visible){outline:none;box-shadow:none}

/* ==========================================================================
   Main menu (Bootstrap 5 / Busiprof 2.x)
   ========================================================================== */
/* Desktop: Painting sub-menu opens on hover */
@media (min-width:992px){
	.navbar .navbar-nav li.menu-item-has-children:hover > .dropdown-menu,
	.navbar .navbar-nav li.menu-item-has-children:focus-within > .dropdown-menu{display:block;margin-top:0}
}
/* 992-1199px: the container is 960px wide, so tighten item spacing to keep the menu on one line,
   and keep the same font size as on wide screens */
@media (min-width:992px) and (max-width:1199.98px){
	.navbar .navbar-nav > li > a{font-size:15px;padding-left:14px;padding-right:14px}
	/* Busiprof applies its tablet header (extra padding, smaller logo box) up to 1024px; keep the desktop header */
	nav.navbar{padding-top:0;padding-bottom:0}
	.navbar .navbar-brand{padding-top:24px;padding-bottom:24px;margin-right:20px}
	.navbar .navbar-collapse .navbar-nav{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
}
/* Mobile/tablet: sub-items always listed under "Painting" (it is not a link and touch has no hover), no blue background */
@media (max-width:991.98px){
	.navbar .navbar-nav .dropdown-menu{display:block;position:static;float:none;margin:0;padding:0 0 6px 16px;border:0;box-shadow:none;background:transparent !important}
	.navbar .navbar-nav .dropdown-menu > li > a,
	.navbar .navbar-nav .dropdown-menu > li > a:hover,
	.navbar .navbar-nav .dropdown-menu > li > a:focus{background:transparent !important;color:#354656 !important}
	.navbar .navbar-nav .dropdown-menu > li.current-menu-item > a,
	.navbar .navbar-nav .dropdown-menu > li > a:hover{color:#5ca2df !important}
}

/* ==========================================================================
   Homepage hero
   ========================================================================== */
body.home .vc_row.hero{margin-top:-40px !important} /* hero starts directly below the header (the old Home title banner is gone) */
.hero .tp-hero-text{text-align:center;padding:0 20px}
.hero .tp-hero-name{margin:0 0 12px;color:#fff;font-size:17px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero .tp-hero-title{margin:0 auto 30px;max-width:16em;color:#fff;font-size:clamp(30px,4.6vw,58px);line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.hero .tp-hero-cta{margin:0}
.hero .tp-hero-btn{display:inline-block;padding:13px 30px;border:1px solid #fff;background:rgba(0,0,0,.2);color:#fff;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.hero .tp-hero-btn:hover,.hero .tp-hero-btn:focus{background:#fff;color:#222;text-decoration:none}

/* Homepage: no white gap between the last (Exhibitions) section and the footer */
body.home .page-content{padding-bottom:0}

/* ==========================================================================
   Painting details, inquiry button, Available works
   ========================================================================== */
.tp-inquire{display:inline-block;margin-top:18px;padding:10px 20px;border:1px solid currentColor;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:13px;line-height:1.3}
.tp-inquire:hover,.tp-inquire:focus{background:#222;border-color:#222;color:#fff;text-decoration:none}
.tp-aw-series{margin:48px 0 20px}
.tp-aw-series:first-child{margin-top:8px}
.tp-aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:36px 24px}
.tp-aw-card{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}
.tp-aw-card:hover,.tp-aw-card:focus{color:inherit;text-decoration:none}
.tp-aw-card:hover .tp-aw-title,.tp-aw-card:focus .tp-aw-title{text-decoration:underline}
.tp-aw-img{display:block;aspect-ratio:1/1;margin-bottom:10px;background:#f2f2f2;overflow:hidden}
.tp-aw-img img{display:block;width:100%;height:100%;object-fit:contain}
.tp-aw-title{font-weight:600}
.tp-aw-meta{font-size:.9em;opacity:.75}
.tp-aw-price{margin-top:4px;font-weight:600}

/* ==========================================================================
   Single painting page layout (single-painting.php)
   ========================================================================== */
.tp-painting{padding:40px 0 64px}
.tp-painting-main{display:flex;gap:50px;align-items:center}
.tp-painting-image{flex:0 1 auto;max-width:60%}
.tp-painting-info{flex:1 1 0;min-width:280px}
.tp-painting-image .zoom{display:inline-block;position:relative;max-width:100%;margin-bottom:0;vertical-align:top;cursor:zoom-in}
.tp-painting-image img{display:block;max-width:100%;max-height:85vh;width:auto;height:auto}
.tp-painting-info .tp-painting-title{margin:0 0 24px}
.tp-painting-info .painting_data{margin-bottom:0}
.tp-painting-info .painting_data .data{display:grid;grid-template-columns:130px minmax(0,1fr);font-size:15px;line-height:25px}
.tp-painting-info .painting_data .data > span{width:auto;float:none}
.tp-painting-info .tp-inquire{margin-top:28px}
.tp-painting-description{margin:28px 0 0}
.tp-painting-description > :last-child{margin-bottom:0}
@media (max-width:767px){.tp-painting-main{flex-direction:column;gap:32px}.tp-painting-image{max-width:100%;align-self:center}.tp-painting-info{min-width:0;width:100%}}
.tp-series{margin-top:56px;padding-top:32px;border-top:1px solid rgba(127,127,127,.25)}
.tp-series .cat_title{margin-top:4px}
.tp-series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 16px;margin-top:18px}
.tp-series-item{display:block;color:inherit;text-decoration:none}
.tp-series-item:hover,.tp-series-item:focus{color:inherit;text-decoration:none}
.tp-series-thumb{display:block;aspect-ratio:1/1;margin-bottom:6px;background:#f2f2f2;overflow:hidden}
.tp-series-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.tp-series-title{display:block;font-size:13px;line-height:1.35}
.tp-series-item:hover .tp-series-title,.tp-series-item:focus .tp-series-title{text-decoration:underline}
.tp-series-item.is-current .tp-series-thumb{outline:2px solid currentColor;outline-offset:2px}
.tp-series-item.is-current .tp-series-title{font-weight:600}

/* ==========================================================================
   Footer and newsletter
   ========================================================================== */
.tp-footer-col{padding:40px 0 32px}
.tp-footer-col .social{padding:0;margin:0}
/* Instagram link: icon + text are one link; icon white, aligned with the first line of the text */
footer.footer-sidebar .tp-footer-ig{display:inline-flex;align-items:flex-start;gap:10px;color:#d7d7d7;text-decoration:none}
footer.footer-sidebar .tp-footer-ig .fa-instagram{flex:0 0 auto;color:#fff;font-size:20px;line-height:inherit;height:auto}
footer.footer-sidebar .tp-footer-ig .tp-footer-title{margin:0}
footer.footer-sidebar .tp-footer-ig:hover .tp-footer-title,
footer.footer-sidebar .tp-footer-ig:focus .tp-footer-title{color:#fff}

/* Busiprof 2.x adds 60px of bottom padding to every footer widget; the spacing comes from .tp-footer-col */
footer.footer-sidebar .widget{padding-bottom:0;margin-bottom:0}
/* 768px and up: logo column 100px, the other three share the rest, 50px gaps */
@media (min-width:768px){footer.footer-sidebar > .container > .row{display:flex;gap:50px;margin-left:0;margin-right:0}footer.footer-sidebar > .container > .row::before,footer.footer-sidebar > .container > .row::after{display:none}footer.footer-sidebar > .container > .row > .widget_text{float:none;width:auto;flex:1 1 0;min-width:0;padding-left:0;padding-right:0}footer.footer-sidebar > .container > .row > .widget_text:first-child{flex:0 0 100px}}
/* Footer below 768px: one column, compact spacing (as before the theme update) */
@media (max-width:767.98px){
	footer.footer-sidebar > .container > .row > .widget_text{width:100%;flex:0 0 100%;max-width:100%}
	footer.footer-sidebar .tp-footer-col{padding:0 0 24px}
	footer.footer-sidebar > .container > .row > .widget_text:first-child .tp-footer-col{padding-top:32px}
	footer.footer-sidebar > .container > .row > .widget_text:last-child .tp-footer-col{padding-bottom:32px}
}
.tp-footer-title{display:block;margin-bottom:12px;color:#d7d7d7;font-size:14px;font-weight:700}
.tp-footer-col p{margin:0 0 12px;color:#bdbdbd;font-size:14px;line-height:1.5}
.tp-footer-links{margin:0;padding:0;list-style:none}
.tp-footer-links li{margin:0 0 6px}
.tp-footer-links a,footer.footer-sidebar .tp-footer-newsletter label a{color:#d3dee8;font-size:14px;text-decoration:none}
.tp-footer-links a:hover,.tp-footer-links a:focus,footer.footer-sidebar .tp-footer-newsletter label a:hover{color:#fff;text-decoration:none}
footer.footer-sidebar .tp-footer-newsletter form{display:flex;flex-wrap:wrap;gap:8px;margin:0}
footer.footer-sidebar .tp-footer-newsletter input[type=email],footer.footer-sidebar .tp-footer-newsletter input.tnp-email{flex:1 1 160px;min-width:0;height:38px;padding:6px 10px;border:1px solid #888;border-radius:0;background:#fff;color:#222;font-size:14px}
footer.footer-sidebar .tp-footer-newsletter input[type=submit],footer.footer-sidebar .tp-footer-newsletter .tnp-submit{flex:0 0 auto;width:auto;height:38px;padding:0 14px;border:1px solid #d7d7d7;border-radius:0;background:transparent;color:#d7d7d7;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
footer.footer-sidebar .tp-footer-newsletter input[type=submit]:hover,footer.footer-sidebar .tp-footer-newsletter input[type=submit]:focus,footer.footer-sidebar .tp-footer-newsletter .tnp-submit:hover{background:#d7d7d7;color:#222}
footer.footer-sidebar .tp-footer-newsletter .tnp-privacy-field,footer.footer-sidebar .tp-footer-newsletter .tnp-field-privacy{flex-basis:100%;margin:2px 0 0;color:#bdbdbd;font-size:12px;line-height:1.4}
footer.footer-sidebar .tp-footer-newsletter .tnp-privacy-field label,footer.footer-sidebar .tp-footer-newsletter .tnp-field-privacy label{display:flex;gap:6px;align-items:flex-start;font-weight:400;font-size:12px}
footer.footer-sidebar .tp-footer-newsletter .tnp-privacy-field input,footer.footer-sidebar .tp-footer-newsletter .tnp-field-privacy input{margin-top:2px}
footer.footer-sidebar .tp-footer-newsletter .tnp-privacy-field a,footer.footer-sidebar .tp-footer-newsletter .tnp-field-privacy a{font-size:12px}
	.tp-footer-logo{display:inline-block;line-height:0}
.tp-footer-logo img{display:block;width:60px;height:auto;filter:brightness(0) invert(1);opacity:.9}
.tp-shipping-link{display:block;margin-top:12px;font-size:13px;text-decoration:underline}
/* Newsletter form: restore the look from before the Busiprof 2.x update (the theme now styles footer inputs) */
footer.footer-sidebar .tp-footer-newsletter input.tnp-email{height:38px !important;padding:6px 10px !important;border:1px solid #888 !important;border-radius:0 !important;background:#fff !important;color:#222 !important;font-size:14px !important;line-height:1.4 !important;box-shadow:none !important}
footer.footer-sidebar .tp-footer-newsletter input.tnp-submit{height:38px !important;padding:0 14px !important;border:1px solid #d7d7d7 !important;border-radius:0 !important;background:transparent !important;color:#d7d7d7 !important;font-size:12px !important;line-height:1 !important;box-shadow:none !important}
footer.footer-sidebar .tp-footer-newsletter input.tnp-submit:hover,footer.footer-sidebar .tp-footer-newsletter input.tnp-submit:focus{background:#d7d7d7 !important;color:#222 !important}

/* ==========================================================================
   Lightbox
   ========================================================================== */
.tp-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.92);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);cursor:zoom-out;opacity:0;transition:opacity .2s ease}
.tp-lb.is-open{opacity:1}
.tp-lb img{max-width:95vw;max-height:92vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 40px rgba(0,0,0,.6)}
.tp-lb-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 16px);width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:34px;line-height:44px;cursor:pointer;padding:0}
.tp-lb-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.tp-lb-lock{overflow:hidden}

/* ==========================================================================
   Former Customizer "Additional CSS"
   ========================================================================== */
.woocommerce ul.products .navbar > .container .navbar-brand {
    margin-left: 0px;
}
li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	font-weight:bold; font-size:24px; padding: 20px 30px 0 30px; font-family: 'Montserrat';
    margin: 0 0 10px;
    color: #404b56;
    font-weight: 400; }
.woocommerce ul.products li.product .price {font-weight:bold; font-size:24px; padding: 0 30px; font-family: 'Montserrat';
    margin: 0 0 10px; font-weight: 400;}
.page-content .products div.desc {margin-bottom:10px; padding: 0 30px;}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {display:block; background:#fcfcfc; overflow:hidden; padding: 0 0 10px;}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {background:#f7f7f7; }
.img_wrap {overflow:hidden; width:100%; height:100%; display:block;}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {margin:0 !important; transition: all .3s;}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover img {transform:scale(1.05); }
.post-type-archive-product.woocommerce ul.products li.product .button {
    margin-top: 0 !important;
	border-radius:0 !important;
	margin: 0 auto; 
	width:100% !important; 
	text-align:center !important;
	padding: 15px;}

.post-type-archive-product.woocommerce ul.products li.product .button:hover {   letter-spacing: 3px;color:#333;}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {width:100%;	display:block; text-align:left; background:transparent; color:#404b56;font-size:14px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #5ca2df;  font-size: 1.25em;}
.woocommerce div.product p.price, 
.product_meta, 
.woocommerce-tabs {display:none;}
.woocommerce div.product span.price {color: #5ca2df;  font-size: 24px;}.woocommerce div.product p.stock {font-size:12px;}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{  float: left; font-size: 15px;    vertical-align: middle;line-height:51px;	padding:0 15px !important;border-radius:0;}
.woocommerce div.product form.cart .button:hover, 
.woocommerce #respond input#submit:hover {background:#333;}
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {color:#515151;}
.woocommerce .quantity .qty {  width: 80px; text-align: center;	height:50px;border-radius:0;}
.woocommerce div.product form.cart .variations select {   max-width: 100%; min-width: 75%; display: inline-block; margin-right: 0;border-radius:0;height:50px;}
li.wpmenucartli a.wpmenucart-contents span {display:none !important;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { line-height:50px;	height:50px;	width: 200px;	border-radius:0;}
.woocommerce #respond input#submit.alt, 
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt {   background-color: #5ca2df;  color: #fff;}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce input.button.alt, .woocommerce input.button.alt:hover {  background-color: #86527b;   color: #fff;}
select,
textarea,
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"], input[type="file"] { border-radius: 0;	color: #444;}
.select2-container--default .select2-selection--single {  border-radius: 0 !important;	height:40px;line-height:40px;	border: 1px solid #e7e7e7;}
.select2-container--default .select2-selection--single:focus { outline:none;	border: 1px solid #e7e7e7;}
.select2-dropdown { border: 1px solid #e7e7e7;}
.select2-container--default .select2-selection--single .select2-selection__rendered {  color: #444; line-height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px;}
.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count, 
.woocommerce-products-header {  display:none;}
.page-header {background: #fcfcfc;}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .desc {display:none;}
@media (max-width:990px){
	.navbar-default .navbar-nav > li > a {padding: 15px 30px;}	
	.navbar-default .navbar-nav	.dropdown-menu > li > a {border-bottom: none;	padding: 15px 60px;}
}
.navbar {border-bottom: none !important; box-shadow: 0 0 25px rgba(0,0,0,0.1);z-index:999;}
.page-header {background-color: white;background-image: none;    background-repeat: repeat-x;    border-bottom: none; border-top: none;}
.page-content {padding: 40px 0 40px;}
.page-title h1 { text-align:center;	position:relative;	padding-bottom: 30px;	padding-top:30px;}
.page-title h1:after {  content:"";	width:100px; height:3px;background:#eee; position:absolute;	bottom:0; left: 50%; 	margin-left:-50px;}
video {width:100%; height:auto;}
.footer-sidebar {background-color: #4a4a4a;}
.site-info {background: #161616;}
/**/
.external a:after {content: "→"; transform: rotate(-45deg); display: inline-block; margin-left: 5px;}
