/*
Theme Name: Unicon Child Theme
Theme URI: http://themeforest.net/user/minti
Description: Unicon Child Theme for your Customizations.
Author: minti
Author URI: http://mintithemes.com
Template: unicon
Version: 1.1
*/


/* ------------------------------------------------------------------------ */
/* Google Fonts
/* ------------------------------------------------------------------------ */

/* mulish-200 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/mulish-v10-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-200.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-300 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/mulish-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mulish-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-500 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/mulish-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-600 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/mulish-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-700 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mulish-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-800 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/mulish-v10-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-900 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/mulish-v10-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-900.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-200italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/mulish-v10-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-200italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-300italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/mulish-v10-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-300italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/mulish-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-500italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/mulish-v10-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-500italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-600italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/mulish-v10-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-600italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-700italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/mulish-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-800italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/mulish-v10-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-800italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-900italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/mulish-v10-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/mulish-v10-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/mulish-v10-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/mulish-v10-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/mulish-v10-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/mulish-v10-latin-900italic.svg#Mulish') format('svg'); /* Legacy iOS */
}


/* ------------------------------------------------------------------------ */
/* Custom CSS
/* ------------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
body,
a,
p {
	font-family: 'Mulish', Arial, Helvetica, sans-serif !important;
}


.rev-scroll-btn.rev-b-span-dark span, .rev-scroll-btn.revs-dark span {
  background: #dd6611 !important;
}



#header {
	box-shadow: 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 100px 100px 80px rgba(0, 0, 0, 0.07) !important;
}

a.button, .button {
	font-family: 'Mulish', Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	border-radius: 0px !important;
	border: 2px solid #dd6611 !important;
	text-transform: none !important;
	font-size: 16px !important;
	background-color: #dd6611 !important;
	border-radius: 3px !important;
	
}

a.button:hover, .button:hover {
	border: 2px solid #333333 !important;
	background-color: #333333 !important;
}

.wpcf7-submit  {
	font-weight: 400 !important;
}




#header.header-v4 {
	background: url("https://palli-pulli.de/wp-content/uploads/2024/01/dark-stripes-light.png") !important;
	background-repeat: repeat !important;
	background-size: full !important;
}





.header-transparent.header-v1 #navigation > ul > li.menubutton > a {
	background: transparent !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

.header-transparent.header-v1 #navigation > ul > li.menubutton:hover > a {
	transform: scale(1.15) !important;
}

.header-v1 #navigation > ul > li.menubutton > a {
	font-family: 'Mulish', Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	background: transparent !important;
	color: #dd6611 !important;
	padding: 10px 15px !important;
	margin-left: 30px !important;
	border: 2px solid #dd6611 !important;
	border-radius: 0px !important;
	font-size: 18px !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

.header-v1 #navigation > ul > li.menubutton:hover > a {
	transform: scale(1.10) !important;
}

.header-v1 #navigation > ul > li.menubutton {
	padding-top: 50px !important;
}



.minti_masonrygrid_item_inner {
	background-position: 50% !important;
}

#header.header-transparent.header-v1 {
	box-shadow: none !important;
	background: transparent !important;
}








/* Zeitungsartikel */

.news-section p {
	line-height: 1.6 !important;
	font-size: 14px !important;
	hyphens: auto !important;
}

.news-section p strong {
	font-size: 16px !important;
	line-height: 1.2 !important;
	margin-bottom: 10px !important;
}

.news-section a.button {
	padding: 7px 14px !important;
	font-size: 14px !important;
	white-space: nowrap !important;
}


/* ------------------------------------------------------------------------ */
/* Forms
/* ------------------------------------------------------------------------ */

form,
fieldset { }

/* Reset iPad / iPhone Button Styling */
button, input[type=submit] {
    -webkit-appearance: none; /*Safari/Chrome*/
    -webkit-border-radius: 2px; 
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea{
    -webkit-appearance: none; /*Safari/Chrome*/
}

input, textarea{
    -webkit-border-radius: 2px; 
}

input::-ms-clear {
  width : 0;
  height: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea{
    /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
    padding: 10px 12px;
    outline: none !important;
    border-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px !important;
    margin: 0 0 20px 0;
    width: 200px;
    max-width: 100%;
    display: block;
    color: #999;
    line-height: 1.6;
    border: 2px solid #dedede;
    background: #ffffff;
	color: #333333;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
    font-family: 'Nunito Sans', Arial, Helvetica, sans-serif !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    color: #333333;
    background: #ffffff;
    outline: none !important;
    border-color: #dd6611 !important;
}

textarea { min-height: 60px }

/*select {
    display: block;
    padding: 10px 12px;
    outline: none !important;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    margin: 0;
    max-width: 100%;
    color: #999;
    border: 1px solid #dddddd;
    background: #ffffff !important;
}*/

select{
    color: #666666;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 8px 2rem 8px 12px;
    outline: none !important;
    /* SVG background image */
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23666666%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 40%;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    transition: all 0.2s;
    cursor: pointer;
}

select:focus{
    border-color: #999999;
}

select::-ms-expand {
    display: none;
}

label,
legend {
    cursor: pointer;
    display: block;
}

label span,
legend span { font-weight: 600 }

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
    cursor: pointer;
    outline: none !important;
    -webkit-font-smoothing: antialiased;
}

.wpcf7-response-output {
	display: block;
}

/* ------------------------------------------------------------------------ */
/* Shopify Widget
/* ------------------------------------------------------------------------ */


.shopify-buy__btn {
	border-radius: 0px !important;
}

/* ------------------------------------------------------------------------ */
/* Responsive CSS
/* ------------------------------------------------------------------------ */

/* iPhone Landscape */
@media only screen and (max-width: 479px) {
	

	 
	 h1 {
		 hyphens: auto !important;
	 }
	
}



@media only screen and (max-width: 959px) {
  .grid-sizer {
    width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
	
	#header.header-v1 {
		height: 110px !important
	}
	
	
	.header-v1 #navigation > ul > li.menubutton > a {
		font-size: 0px !important;
		margin-left: 10px !important;
		padding: 5px 10px !important;
		
		white-space: nowrap !important;
	}
	
	.header-v1 #navigation > ul > li.menubutton > a:before {
		content:"Bestellung" !important;
		font-size: 15px !important;
	}
	
    .logo img {
       max-width: 170px !important;
     }
	 
	 .header-v1 .logo {
		 position: relative;
	   margin-top: 40px;
	   margin-left: auto;
	   margin-right: auto;
	 }
	 
	 
	 
	 .header-v1 #navigation > ul > li.menubutton {
	 	padding-top: 40px !important;
	 }
	
	
	
	
  .grid-sizer {
    width: 50% !important;
  }
  
  #navigation {
    display: block !important;
  }
}