/**
 * Print stylesheet for neilwhitedesign.co.uk
* @version         1.0
* @lastmodified    02.01.21
*/

@media print {
   Your notes
   
/* 1. Hyperlinks*/
a					{color: #333; text-decoration:none;
					-webkit-transition:all .5s ease;
					-o-transition:all .5s ease;
					transition:all .5s ease;}

/* 2. Clearfix*/
.clearfix:after		{clear:both;}
.clearfix			{zoom:1}

/* 3. Structure*/
body				{color:#555;
					font-family: 'Exo 2', sans-serif; font-size: 17px;
					line-height: 1.9; margin: 0 auto;}
.wrapper			{margin:0 auto; width:96%; text-align:center;}

a img				{border: none;}
img					{max-width: 100%; vertical-align: middle;}

container			{display:block; width:100%; padding-top:0;}
content_1,content_2	{display:block; margin:0 auto; text-align:center; width:100%;}
					
main				{display:block; text-align:justify; width:100%; margin:0 auto;}

/* 4. Header*/

header				{border-bottom:3px solid #eee;
					display:block;
					margin: 0 auto;
					position:relative;
					text-align:center;
					width:100%;
					height:75px;}
.logo_container		{width:inherit;}	
.largeLogo			{width:260px;}

/* 5. Menu*/
nav					{display: block;
					margin: 0 auto;
					width:100%; }
nav ul 				{font-size:0;
					margin:0 auto;
					padding:0;
					width:100%; }
nav li 				{display: inline-block;
					font-size: 11px; font-weight:600;
					padding: 2px 11px 5px;
					text-transform: uppercase;}
.sidebarIconToggle, input[type=checkbox] {display:none;}
.noprint			{display:none;}
					
/* 6. Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {display:none;}

/* 7. Titles*/
h1					{color: #009FDF;
					font-family: 'Audiowide', sans-serif;
					font-size: 30px;
					line-height:1.5;
					font-weight:300;	
					margin:0 auto;
					display:block;
					position:relative;
					text-align:center;
					width:100%;
					padding-top:20px;}
h2					{color:  #009FDF;
					font-family: 'Audiowide', sans-serif;
					font-size: 26px;
					font-weight: 300;
					margin: 0;
					padding: 5px 0;
					text-align:center;}
h3					{color: #009FDF;
					font-family: 'Audiowide', sans-serif;
					font-size: 26px;
					font-weight: 300;
					margin: 0;
					text-align:center;}
h4					{font-size:20px;
					margin:-50px 0 10px;
					padding-top: 140px;
					text-align:center;}

price				{color:#009fdf;
					float:left;
					font-family: 'Audiowide', sans-serif;
					font-size:48px;
					font-weight: 300;
					margin:0;
					position:relative;
					text-align:center;
					width:100%;
					line-height:0.9;
					padding-bottom:8px;}
path 				{display:none}
.textlink, .weblink	{color: #009fdf; font-weight:700;}
.weblink:hover		{color: #000;}

/* 8. Content*/
.hidden_text 		{color: white;
					font-size: 20px;
					position:absolute;
					top: 37%;
					bottom: 37%;
					left: 5%;
					right: 5%;
	  				-webkit-transform: translate(-37%, -5%, -37%, -5%);
                    -ms-transform: translate(-37%, -5%, -37%, -5%);
                    transform: translate(-37%, -5%, -37%, -5%);
					text-align: center;
		  			cursor: pointer;
					line-height:1.2;
					opacity:0;}
					
.hidden_title		{font-family: 'Audiowide', sans-serif; font-size:27px;}	

.random_container	{max-width:1300px; padding-bottom:25px; display:inline-block; text-align:center; line-height:1.2;}

.randomItem			{border:none;
					position:relative;
					display:inline-block;
					margin:1px;
					overflow:hidden;
					width:32%;
					-webkit-transition:all .3s;
					-o-transition:all .3s;
					transition:all .3s;
					background:#009fdf;}
					
.randomImage		{display:block;
					height:100%;
					width:100%;
					-webkit-transition:all .5s;
					-o-transition:all .5s;
					transition:all .5s;
					opacity:1;}
					
.randomItem:hover  .randomImage
					{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3); opacity:0;}
.randomItem:hover .hidden_text
					{opacity:1; z-index:0;}

skills				{display:inline-block; color:#009fdf; font-size:12px; width:100%; margin:0 auto; text-align:center;}

.digital			{text-align:center; max-width:1300px; margin:0 auto;}

.frame_landscape	{display:inline-block; margin: 0 auto; max-width:750px;}
.frame_portrait		{display:inline-block; margin: 0 auto; max-width:450px;}
.cushion			{display:inline-block; margin: 0 28%;}
	

/* 9. Lists */
.se					{max-width:1300px; margin:0 auto; display:block; padding-bottom:15px;}
.item				{width:33%; display:inline-block; padding: 0 0 14px 0;}
.item_full			{width:100%; display:inline-block; padding: 0 0 14px 0;}
ul					{list-style:none;}
ul.blue li:before	{color:#009FDF;
					content:"\25A0";
					display:inline-block;
					line-height:2.2;
					margin-left:-2em;
					width:2em;}

/* 10. Buttons */
.button_container	{bottom: 0;
					display:inline-block;
					height:43px;
					position:absolute;
					width:100%;}
.button				{background:url(../img/button_bg.png);
					border:0;
					color:#fff;
					display:block;
					font-family: 'Audiowide', sans-serif;
					font-size:16px;
					font-weight:600;
					height:43px;
					letter-spacing:1.5px;
					line-height:2.7;
					overflow:hidden;
					position:relative;
					text-align:center;
					text-transform:uppercase;
					-webkit-transition:.6s all ease-in-out .1s;
					-o-transition:.6s all ease-in-out .1s;
					transition:.6s all ease-in-out .1s;
					width:250px;}
				

/* 13. Thumbnails gallery */

.thumb				{padding:0;
					text-align:center;
					width:100%;}
.thumbItem			{display:inline-block;
					font:0;
					margin:1.0%;
					overflow:hidden;
					width:16.95%;}
.thumbImage			{display:block;
					height:100%;
					width:100%;
					-webkit-transition:all .5s;
					-o-transition:all .5s;
					transition:all .5s;}
.thumbItem:hover .thumbImage{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
					
/* 14. Footer */
footer				{display:block;
					font-size:12px;
					margin:0 auto;
					padding:0 0 17px;
					position:relative;
					text-align:center;
					width:inherit;}	
					
/* 15. Contact Form */
.form-group			{margin-bottom:2.25rem;
					position:relative;
					width:inherit;}

.form-control-placeholder {color:#009fdf;
					float:left;
					font-weight:700;
					left:0;
					padding:11px 0 0 13px;
					position:absolute;
					-webkit-transition:all 200ms;
					-o-transition:all 200ms;
					transition:all 200ms;}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
					color:#009fdf;
					font-size: 90%;
					-webkit-transform: translate3d(0, -109%, 0);
					        transform: translate3d(0, -109%, 0);}

.form-control:focus, .form-control:valid {
					background:#f6f6f6;
					border:3px solid #009fdf;}

.form-control		{border:3px solid #ddd;
					border-radius:0;
					width:500px;}

/* 16. Style inputs, select elements and textareas */
input[type=text], select, textarea{
 					border:3px solid #ddd;
					-webkit-box-sizing:border-box;
					        box-sizing:border-box;
					padding:12px;
					resize:vertical;}

/* 17. Style the submit button */
.submit 			{float:right;
					top:-25px;
					-webkit-transition:all .9s;
					-o-transition:all .9s;
					transition:all .9s;
					line-height: 1.1;}
.antispam			{display:none;}
.form				{padding-top:25px;}



   
}