/*
	Theme Name: PMI Audit & Consulting
	Theme URI: www.pmiaudit.it
	Description:
	Version: 1.0.0
	Author: Bifoz (@bifoz)
	Author URI: http://www.bifoz.com
	Tags:

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {margin:0; padding:0; scroll-behavior: smooth;}
body {width:100vw; margin:0; padding:0; overflow-x: hidden; font-family: 'gothambook' !important; color:#363432;
		-moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: fadein;
    -webkit-animation-name: fadein;
    animation-name: fadein;
}



/* clear */
.clear:before, .clear:after { content:' '; display:table; }
.clear:after { clear:both; }
.clear { *zoom:1; }
img { max-width:100%; vertical-align:bottom; }
a { text-decoration:none; }
a:hover {opacity:0.7;}
a:focus { }
a:hover, a:active { outline:0; }
input:focus { outline:0; border:1px solid #04A4CC; }
ul {margin:0 0 0 18px; padding:0;}
b, strong {font-family: 'gothambold';}
p {position:relative; font-size:18px; margin:0 0 24px 0; line-height:30px; padding:0;}

/* Palette

brown: 		#9F6747
typo:			#363432
dark-grey: #3D3D3D
*/



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper-big {max-width:1280px; width:98%; margin:0 auto; position:relative;}
.wrapper {max-width:1024px; width:98%; margin:0 auto; position:relative;}

.w20 {width:20%; margin:0; padding:0 1%; display:inline-block; float:left;}
.w40 {width:40%; margin:0; padding:0 1%; display:inline-block; float:left;}
.w50 {width:50%; margin:0; padding:0 1%; display:inline-block; float:left;}
.w60 {width:60%; margin:0; padding:0 1%; display:inline-block; float:left;}
.w100 {width:100%; margin:0; padding:0 1%; display:inline-block; float:left;}

.pd-0 {padding:0 !important;}

.txr {text-align:right;}


/* header */
.header {position:relative; width:100%; height:130px; position:fixed; top:0; left:0; margin:0; padding:0; z-index:99;}
.header:before {content:''; transform: rotate(5deg) translateY(-156px); position:absolute; top:0; left:-20%; width:calc(100% + 40%); height:200%; background:rgba(159, 103, 71, 0.5); mix-blend-mode: multiply; z-index:-2;}
.header:after {content:''; transform: rotate(-5deg) translateY(-156px); position:absolute; top:0; left:-20%; width:calc(100% + 40%); height:200%; background:rgba(159, 103, 71, 0.5); mix-blend-mode: multiply; z-index:-2;}
.header .wrapper {display:table;}
.header .wrapper:before {content:''; transform: rotate(-2deg) translateY(-44px); position:absolute; top:0; left:-50%; width:calc(100% + 100%); height:100%; background:rgba(159, 103, 71, 0.9); mix-blend-mode: multiply; z-index:-1;}




/* logo */
.logo {float:left; height:140px; padding-top:24px;}
.logo img {width:100px; height:auto;}


/* nav */
.nav {float:right; margin:0; padding:0;}
.nav ul {margin:0; padding:42px 0 0 0; list-style: none; font-size:16px; font-weight:bold; text-transform: uppercase;}
.nav ul li {display:inline; float:left; margin:0; padding:0 1vw;}
.nav ul li a {color:white;}
.nav ul li.current-menu-item a {font-family: 'gothambold';}

.mobilenav, .icon {display:none;}

/* Hamburgher Menù */
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

.mobilenav-hidden {overflow:hidden;}

.top-animate {background: #fff !important; top: 13px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mid-animate {opacity: 0;}
.bottom-animate {background: #fff !important; top: 13px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}

.top-menu {top: 5px; width: 30px; height: 3px; border-radius: 0px; background-color: #fff;}
.mid-menu {top: 13px; width: 30px; height: 3px; border-radius: 0px; background-color: #fff;}
.bottom-menu {top: 21px; width: 30px; height: 3px; border-radius: 0px; background-color: #fff;}


.menui {background: #fff; position: absolute; z-index: 100; transition: 0.6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);}
.icon {position: fixed; top: 0; right: 0; width:30px; height:30px; padding:0; margin:24px 28px 0 0; z-index:100;}
.hamburger {position:relative; display:block; left:0px; top:0px;}

.mobilenav {display:none; position:fixed; top: 0; left:0; z-index: 98; width:100vw; padding:140px 0 80px 0; overflow-x: hidden; overflow-y: auto; background: rgba(159, 103, 71, 0.9);}

.mobilenav ul {list-style: none; text-align:center; margin:0; padding:0; font-size:32px; font-family: 'gothambold';}
.mobilenav li {padding:12px 0;}
.mobilenav li a {color:white;}
.mobilenav .current_page_item a {opacity:0.7;}

/* SubNav */
.subnav {display:none; position:fixed; z-index:9; bottom:0; left:0; width:100%; background:#9F6747; margin:0; padding:18px 10px;}
.subnav ul {margin:0; padding:0; list-style: none; font-size:14px; text-transform: uppercase; font-weight:bold;}
.subnav ul li {display:inline; width:33.33%; text-align:center; float:left; margin:0; padding:0;}
.subnav ul li a {color:white;}



/* footer */
.footer {float:left; width:100%; margin:0; padding:140px 0 70px 0; background:#F0EFEC; font-size:20px; line-height:32px; font-family: 'gothambold'; color:#3D3D3D;}
.footer a {color:#3D3D3D;}

.ico-marker {display:inline-block; width:32px; height:32px; background:url(img/ico-marker.svg) center bottom no-repeat; margin-right:12px;}
.ico-tel {display:inline-block; width:32px; height:32px; background:url(img/ico-phone.svg) center bottom no-repeat; margin-right:12px;}
.ico-mail {display:inline-block; width:32px; height:32px; background:url(img/ico-mail.svg) center bottom no-repeat; margin-right:12px;}

.colophon {float:left; width:100%; margin:0; padding:60px 0 40px 0; background:#9F6747; font-size:14px; line-height:24px; color:white;}
.colophon a {color:white;}
.colophon img {width:80px; height:auto;}

.closer {float:left; width:100%; background:#7a4122; color:white; font-size:12px; padding:18px 0;}
.closer a {color:white;}



/* FORM Contatto */

input[type="text"], input[type="email"] {border:1px solid #363432; width:100%; padding:12px; margin:0; border-radius:2px; font-size:16px;}
textarea {border:1px solid #363432; width:100%; height:140px; padding:12px; margin:0; border-radius:2px; font-size:16px;}
input[type="submit"] {border:0px solid #363432; padding:24px 32px; margin:0; background:#9F6747; text-transform: uppercase; color:white; text-align:center; border-radius:0px 30px 30px 30px;}
.wpcf7-list-item {margin:0 8px 0 0; padding-left:1%;}



/*------------------------------------*\
	LIBRARY
\*------------------------------------*/

.wp-block-cover {text-shadow: 0 3px 15px #000000EF;}
.wp-block-cover h1 {font-size:46px !important; line-height:62px; font-style:italic;}

.service-list {margin:0; padding:0; list-style: none; font-size:18px; line-height:30px;}
.service-list li {margin:0 0 24px 0; padding: 0 0 24px 82px; border-bottom:1px solid #eaeaea; background:url(img/bullet-arrow.svg) top left no-repeat; background-size:54px auto;}
.service-list li h3 {color:#9F6747; margin:0; padding:0;}
.service-list li:last-child {border-bottom:0px solid #eaeaea;}

.side-title {}

.side-title h2 {white-space: nowrap; position: absolute; right: 100%; transform-origin: top right 0; transform: rotate( 270deg );
	color:white; font-size:20px; font-family: 'gothambold'; background:#9F6747; border-radius:30px 0px 30px 30px;
padding:30px; text-transform: uppercase;}

.side-title h3,
.side-title p {margin-left:120px;}


.resume {background:#F0EFEC; padding:40px; border-radius:20px 0;}
.resume h2 {font-size:25px;}
.resume h3 {font-size:20px; font-family: 'gothambook';}
.resume p {font-size:18px; line-height:30px; margin:0; padding:0;}
.yrm-button-text-2 {font-size:18px !important;}
.yrm-btn-wrapper {text-align:left !important;}
.yrm-toggle-expand {border:0px solid white !important; color:#83BFAC !important; font-family: 'gothambold'; margin-bottom:24px;}
.resume .yrm-content {font-size:18px; line-height:30px; color:#363432 !important;}
.row-inverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1,h2,h3,h4,h5 {margin:0 0 12px 0; padding:0; font-family: 'gothambold';}
h3 {font-size:18px;}
small {font-size:12px; font-family: 'gothambook';}
small a {font-family: 'gothambold'; text-decoration:underline;}
/*
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
*/

@font-face {
    font-family: 'gothambold_italic';
    src: url('fonts/gothambolditalic-webfont.woff2') format('woff2'),
         url('fonts/gothambolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gothambook_italic';
    src: url('fonts/gothambookitalic-webfont.woff2') format('woff2'),
         url('fonts/gothambookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gothambold';
    src: url('fonts/gothambold-webfont.woff2') format('woff2'),
         url('fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gothambook';
    src: url('fonts/gothambook-webfont.woff2') format('woff2'),
         url('fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}









/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

@-moz-keyframes pmi-fadeout {
  from {opacity:1;}
  to {opacity:0.2;}
}

@-webkit-keyframes pmi-fadeout {
  from {opacity:1;}
  to {opacity:0.2;}
}

@keyframes pmi-fadeout {
  from {opacity:1;}
  to {opacity:0.2;}
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:767px) {

	.w20, .w40, .w50, .w60 {width:100%;}
	.wrapper-big, .wrapper {width:94%;}
	p {font-size:16px; line-height:24px;}
	h3 {font-size:20px;}

	.logo {height: 126px; padding-top: 10px;}
	.logo img {width: 80px;}

	.nav {display:none;}
	.subnav {display:block;}
	.icon {display:block;}

	.colophon {text-align:center; font-size: 16px; line-height: 26px;}
	.colophon h3 {margin-top:24px;}
	.ico-marker, .ico-tel, .ico-mail {width:24px; height:24px;}

	.closer {padding-bottom:70px;}
	.closer, .closer .txr {line-height: 24px; text-align:center !important;}

	.wp-block-cover h1 {font-size: 32px !important; line-height: 42px;}

	.side-title h2 {font-size:22px; padding:20px;}
	.side-title h3, .side-title p {margin-left: 80px;}

}

@media only screen and (max-width:767px) and (orientation: landscape) {
	.mobilenav {padding-top:100px;}
	.wp-block-cover {height:100vh;}
	.mobilenav ul {font-size:24px;}
	.mobilenav li {padding: 6px 0;}
}






@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}