/*
	Theme Name: HPC
	Description: Halfpenny co WordPress Theme
	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 element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 17px/1.3 'Roboto', sans-serif;
	color:#0c0929;
	background-color:#fff;	
	-moz-osx-font-smoothing: grayscale;
}
input {
    border-radius: 0;
}
input[type=text] { -webkit-appearance: none; }
input[type=email] { -webkit-appearance: none; }
textarea { -webkit-appearance: none;border-radius: 0; }
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}
a {
	color:#0c0929;
	text-decoration:none;
}
article a {
	text-decoration:underline;	
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

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

/* wrapper */
.wrapper {
	max-width:946px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.wrapper2 {
	padding-left:4px;
	padding-right:4px;
}
/* header */
.header {
	text-align:center;
}
.header-blue {
	background-color:#0c0929;	
}
/* logo */
.logo {

}
.logo-img {
	width:292px;
}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	background-color:#f8f8f8;
	padding-top:22px;
	padding-bottom:20px;
	margin-top: 34px;
}
.single .footer {
	margin-top:54px;
}
.footer .col1 {
	float:left;
	width:25%
}
.footer .col2 {
	float:left;
	width:45%;
	padding-left:3px;	
}
.footer .col3 {
	float:right;
	width:25%;	
	padding-left:7px;
}
.footer p {
	margin-top:0px;
	padding-top:0px;	
}
article p {
	margin-bottom:-10px;	
}
.heavier {
	font-weight:500;	
}
.copyright {
	font-weight:300;
	font-size:13px;
	color:#666666;	
}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
.footer ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.footer ul li {
	padding-bottom:8px;	
}
.footer a {
	color:#0c0929;	
}
.nav {
	text-align:center;
	font-size: 16px;
	margin: 0 auto;
	letter-spacing:1px;
}

.nav ul {
	display:inline-block;
	list-style: none;
	margin: 0;
	padding-left: 0;
	margin: 22px 0px 12px 0px;
}
.nav li {
	display: block;
	float: left;
	margin: 0;
	position: relative;
	text-decoration: none;
}  
.nav li a {
	text-decoration: none;
	padding:0 25px 0 25px;
	color:#0c0929;
	font-weight:400;
}
.nav li:hover a, .current-menu-item a {
	font-weight:500 !important;
}

.nav li:not(:last-child):after{
    content: "-";
}
.subnav {
	border-top:solid 1px #0c0929;	
}

/*------------------------------------*\
    FOLIO LANDING PAGE
\*------------------------------------*/
#post-11 .pt-cv-mask {
    background: rgba(51, 51, 51, 0) none repeat scroll 0% 0% !important;
}
.pt-cv-colsys {
    margin-left: -5px;
    margin-right: -3px;
}
.view-button img {
	width:94px;
	height:94px;	
}
.view-button img {
	margin-top:25%;	
}
.folio-print .sub-print a, .folio-print .menu-item-19 a {
	font-weight:500;	
}
.folio-branding .sub-branding a, .folio-branding .menu-item-19 a {
	font-weight:500;	
}
.folio-digital .sub-digital a, .folio-digital .menu-item-19 a {
	font-weight:500;	
}
.single-post .menu-item-19 a {
	font-weight:500;
}

/*------------------------------------*\
    PORTFOLIO PAGE
\*------------------------------------*/
.portelement_1 .title-block_1 .open-close-button {
    right: 45% !important;
}
.wd-portfolio-panel_1 .description-block_1 p, .wd-portfolio-panel_1 .description-block_1 * {
    text-align: left !important;
}
.Image_only .open-close-button {
	display:none !important;	
}
.Image_only.portelement_1 {
	background: #f6f7f7 none repeat scroll 0% 0% !important;
}
.Image_only .title {
	color:#f6f7f7 !important;
}
.portelement_1 {
    margin: 0px 0px 8px 0px !important;
}

/*------------------------------------*\
    SERVICES PAGE
\*------------------------------------*/
.services .one_half_last {
	padding-top:10px;	
}

/*------------------------------------*\
    CONTACT PAGE
\*------------------------------------*/
.form-label p {
	font-size:16px;	
}
.form-label {
	padding-right:7px;	
}
.wpcf7-text, .wpcf7-textarea {
	width:100% !important;	
	border:solid 1px #666 !important;
}
.wpcf7-text {
	line-height:28px;	
}
.wpcf7-textarea {
	height:162px;	
}
.wpcf7-submit {
    float: right;
    border: medium none;
    background-color: #24213E;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 85px;
    background-image: url("img/arrow.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 23px;
}
.contact .fourgrid img:nth-child(2), .contact .fourgrid img:nth-child(4) {
  padding-left:2px;
}
.contact .fourgrid img:nth-child(1), .contact .fourgrid img:nth-child(3) {
  padding-right:2px;
}
.contact table {
	width:99%;	
}



/*------------------------------------*\
    IMAGE GRIDS
\*------------------------------------*/

.grid .one_half, .grid .one_half_last {
	margin:0 !important;
	padding:0 4px 0 4px !important;
	width:50% !important;	
	margin-top:8px !important;
}
.grid .one_fourth, .grid .one_fourth_last {
	margin:0 !important;
	padding:0 4px 0 4px !important;
	width:25% !important;		
	margin-top:8px !important;
}
.grid {
	margin-left:-4px;
	margin-right:-4px;
	max-width:954px;
	margin-bottom:8px;	
}
.home .grid {
	margin-bottom:0px;	
}
.fourgrid img {
	width:49.2%;	
}
.fourgrid img:nth-child(2), .fourgrid img:nth-child(4) {
  float:right;
}
.fourgrid img:nth-child(1), .fourgrid img:nth-child(2) {
  padding-bottom:8px;
}



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

@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;
}

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

@media only screen and (max-width:800px) {
	.footer .col1, .footer .col2, .footer .col3 {
		float:left;
		width:80%;	
	}
	.footer p {
		margin-top:30px;
	}	
}

@media only screen and (max-width:736px) {
#huge_it_portfolio_content_1 #huge_it_portfolio_container_1 {
    max-width: 85%;
    margin-left: 18%;
}
}


@media only screen and (max-width:640px) {
.grid .one_half, .grid .one_half_last {
	width:100% !important;	
}
.grid .one_fourth, .grid .one_fourth_last {
	width:50% !important;		
}

.fourgrid img {
	width:100%;	
}
.contact .fourgrid img {
	width:49.2%;	
}
.fourgrid img:nth-child(2), .fourgrid img:nth-child(4) {
  float:none;
}
.fourgrid img {
  padding-bottom:8px;
}
}
@media only screen and (max-width:450px) {
	.footer .col1, .footer .col2, .footer .col3 {
		width:95%;	
	}
}
@media only screen and (max-width:375px) {
 	.nav li a {
		padding:0 20px 0 20px;
	}
}
@media only screen and (max-width:360px) {
 	.nav li a {
		padding:0 15px 0 15px;
	}
}
@media only screen and (max-width:768px) and (min-width:320px) {
	.pt-cv-wrapper .col-sm-6 {
		width: 50%;
	}
}
@media only screen and (max-width:320px) {
 	.nav li a {
		padding:0 10px 0 10px;
	}
	.nav {
		font-size:14px;	
	}
	.view-button img {
    margin-top: 35%;
}
	
.grid .one_fourth, .grid .one_fourth_last {
	width:100% !important;		
}

.contact .fourgrid img {
	width:100%;	
}

}
@media only screen and (max-width:285px) {
	.nav {
		font-size: 14px;
	} 	
	.nav li a {
		padding:0 10px 0 10px;
	}
}

/*------------------------------------*\
    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 {

}
.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 {

}
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;
	}
}