/*
Theme Name: Themify Ultra Child
Description: Child theme for Themify Ultra
Author: Themify
Template: themify-ultra
*/

/* write custom css below */


/************************************************************************************
SHORT GENERAL STYLING FOR MAIN PICTOPLASMA NEW
*************************************************************************************/


/************************************************************************************
Reset and Button
*************************************************************************************/

/* reset general border-radius */
input[type=reset],input[type=submit],button,input:read-write,input:read-only,input[type=checkbox],select,textarea,.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt,.woocommerce button.button,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.loops-wrapper.polaroid .post,.loops-wrapper.overlay .post,.loops-wrapper.auto_tiles > .product,.loops-wrapper.auto_tiles .post-image + .post-content,.loops-wrapper.auto_tiles > .post,.post-image img,.product img, ul.products li.product .post-image,#cart-wrap .product-image img,.woocommerce div.product div.images img,.woocommerce-product-gallery__wrapper .tf_swiper-container-initialized,#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img,.select2-dropdown,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow,#slide-cart .button,#slide-cart .product-image img,.woocommerce-cart #content table.cart td.actions .coupon .input-text,.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce table.shop_table,.woocommerce-checkout #payment,#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li,.woocommerce-error, .woocommerce-info, .woocommerce-message,.woocommerce-page.sidebar-none .cart-collaterals .cart_totals,body:not(.footer-block) #footer .back-top a,#main-nav .highlight-link > a,.pagenav a,.pagenav span,.pagenav .current,a.load-more-button,.more-link,.widget .feature-posts-list .post-img{
	border-radius:0px;
}
#slide-cart .button,.woocommerce ul.products li.product .button,
.woocommerce #content input.button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #content input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{
	border:2px solid #000000 !important;
	background-color:transparent !important;
	color:#000;
	padding:1.05em 1.35em;
	letter-spacing:.06em;
	font-size:.725em;
	font-weight:bold
}
#slide-cart .button:hover,.woocommerce ul.products li.product .button:hover,
.woocommerce #content input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #content input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover{
	background-color:#000000 !important;
	color:#ffffff !important;
}
.woocommerce ul.products li.product .button{
	padding:.9em 1.15em;
}


/*footer fix */

#footer {
    width: 100%;
}


/*maybe insert load new font Melun-Pictoplasma*/

@font-face {
  font-family: 'Melun-Pictoplasma';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://pictoplasma.com/wp-content/blogs.dir/1/files/2025/11/MelunPictoplasma-Bold.woff2) format('woff2');
}

/* BODY NEW PETER 
================================================ */



body {
    color: #000000;
    font: 200 1.1em/1.4em courier;
			font-weight: 400;
}


:root{
	--theme_accent:#ff4e44;
	--theme_accent_semi:#ff4e44;
}

blockquote{
  font-family: roboto, sans-serif;
	font-size:1.4em;
  line-height: 1.2em;
	border-left: none;
font-style: italic;
}

/*links on site general*/

a {
color: #000
  }
a:hover {
color: #ff5757
  }


/* HEADINGS 
================================================ */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700
	margin: 0px 0 0em;
	color: #000;
	    font-family: melun-pictoplasma, sans-serif !important;
	    letter-spacing: 0;
    	line-height: 1.1em;
}
h1 {
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;	
}
h2 {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;		
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.625em;
	font-weight: bold;
}


/************************************************************************************
HEADER
*************************************************************************************/

/*header fix for overlay header setting ONLY*/

#headerwrap .header-icons{
  right: 20px;
}


#headerwrap{
	border:0
}

.fixed-header #header{
	transition:padding .5s ease-in-out;
	padding-top:0px !important;
	padding-bottom:0px!important;
}

.header-overlay #headerwrap #header{
	width:auto;
	margin-left:20px;
	padding:.975em 0
}

.header-icons .cart-icon .cart-icon-link{
	margin-right:28px
}
.menu-icon-inner{
	width:1.5em;
	height:1.1em
}
.menu-icon-inner,
.menu-icon-inner:before,
.menu-icon-inner:after{
	border-width:3px
}
.mobile-menu-visible .menu-icon-inner{
	height:1.5em
}
body:not(.mobile-menu-visible).slide-cart-visible.header-overlay #headerwrap .header-icons{
	display:none
}
body:not(.mobile-menu-visible).header-overlay #headerwrap.fixed-header .header-icons{
	font-size:1em
}
body:not(.mobile-menu-visible) #menu-icon{
	background-color:#fff;
	color:#000;
	padding:0em;
	box-sizing:border-box;
	display:flex;
	height:100%;
	align-items:center
}

.fixed-header-on #site-logo img {
  height: 40px;
  width: auto;
  transition: all .5s;
}

/*Mobile Menue Icon backround*/

.tf_text_dec {
  background: #ffffff! important;
}

/*Shop icon and slide out background still grey*/


.icon-shopping-cart {
  background: #ffffff !important;
}
.tf_close {
    background: #ffffff !important;
}




/************************************************************************************
KAPUTT Post Archive Titles + Meta linksbündig
*************************************************************************************/


.post-title {
      text-transform: uppercase;
      letter-spacing: 1px
}
p.post-meta {

    text-transform: uppercase;
    margin-top: -18px !important;
}

/* Delete social sharing */

.dvk-social-sharing {
  display: none;
}



/* MAIN NAV */
================================================ 



.site-description {
	opacity:1 !important;
}

#main-nav li.toggle-on > .sub-menu {
    display: block !important;
}
#main-nav li> .sub-menu{
display:block;
}
#main-nav li a {
  text-align: left !important;
  border-bottom-color: #000 !important;
    border-width: 1px !important;
      padding: 0.4em !important;
        	font-weight: 500;
	letter-spacing: 1px;
}

#main-nav li a:hover {
color: #ff5757 !important;
}

.header-overlay.mobile-menu-visible #headerwrap #main-nav{
	margin-bottom:2em
}

.overlay-menu-sticky {
  color: #000000;
}

.header-overlay #main-nav ul li > a{
	border-bottom: none;
}


.menu-item-has-children {

      padding-bottom: 2em !important;
}





/* FIXED HEADER
================================================ */
#headerwrap.fixed-header,
.transparent-header #headerwrap.fixed-header,
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:#fff;
}
.header-overlay.transparent-header.mobile-menu-visible .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:#fff;
}

body .fixed-header,
.transparent-header #headerwrap,
.header-overlay.mobile-menu-visible #headerwrap,
.header-overlay.mobile-menu-visible #header,
.header-overlay.mobile-menu-visible #header a,
.header-overlay.mobile-menu-visible #site-description,
.header-overlay.mobile-menu-visible .sidemenu,
.transparent-header .header-icons a{
	color:#000
}

/************************************************************************************
pages and posts
*************************************************************************************/

/* post text overlay */
div.post-content {
background: none !important;
margin-bottom: 16px;
}

/* social sharing text delete */
span.ss-text {
  display: none;
}

/* image text overlay */
div.image-content {
background-color: rgba(255,255,255,0) !important;
}



/************************************************************************************
Shop
*************************************************************************************/

/* Single Shop Titel*/

h1.product_title {
    	text-transform: uppercase !important;	
}


.tabs.wc-tabs {
  border-bottom-width: 0px;
  display: none;
}

.cart_totals {
  box-shadow: none !important;
  font-size: 16px !important;
  border-color: #000000 !important;
  border-style: solid !important;
}

.woocommerce-loop-product__title {
font-family: melun-pictoplasma, sans-serif !important;
}

.single.woocommerce div.product .product_meta{
display:none;
}

/* terms & privacy links underline*/

.woocommerce-terms-and-conditions-link {
  text-decoration: underline;
}

.woocommerce-privacy-policy-link {
    text-decoration: underline;
}

/* hide cart icon when empty via plug-in with CSS .cart-icon or currently general additional CSS*/




/************************************************************************************
Responsive
*************************************************************************************/


/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
	h1{
		font-size:2.4em
	}
	h2{
		font-size:2em
	}
	.pagewidth{
		max-width:94%
	}
	#pagewrap,
	.default_width #layout .row_inner{
		max-width:100%
	}
}






@media(max-width:1024px){
	h1{
		font-size:2em
	}
	h2{
		font-size:1.6em
	}
	.pagewidth{
		max-width:94%
	}

	.header-widget .col4-1{
		width:48.4%
	}
	.header-widget .col4-1:nth-child(2n+1){
		margin-left:0;
		clear:left
	}
	blockquote{
		font-size:1em;
  		line-height: 1.2em;
	}
}




@media(max-width:760px){
	body .pagewidth{
		max-width:90%
	}
		#site-logo {
  max-width: 250px;
}

img.tf_sticky_logo {
 content: url(https://pictoplasma.com/wp-content/blogs.dir/1/files/2023/06/Picto-logo-60x60.png); 
  height: 35px !important;
    width: 35px !important;

}

	/* sidebar */
	#layout{
		flex-wrap:wrap
	}
	#sidebar,
	#content{
		width:100%;
		max-width:100%;
		clear:both;
		padding-top:10%
	}
}




@media(max-width:680px){
	h1{
		font-size:1.6em
	}
	h2,
	.post-title,
	.loops-wrapper.tf_clear .post-title{
		font-size:1.3em
	}
	h3{
		font-size:1em
	}
	.col4-1{
		font-size:.95em
	}
	.col4-2,
	.col3-1{
		margin-left:0;
		width:100%;
		max-width:100%
	}

}