/*
Theme Name: Sinead Hughes Portfolio
Theme URI: http://paulhughesdesign.com
Author: Evolve
Author URI: http://paulhughesdesign.com
Description: Sinead Hughes Portfolio 2014
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sineadportfolio
*/



@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

body{
	font-size:16px;
	line-height:18px;
}
h1{
	font-size:18px;
	font-weight: normal;
	margin:0px 0px 10px 0px;
}


/**************** Border Colours Start*****************/

.title-border{
	height:4px;
	margin-bottom: 15px;
}


h2{
	font-size:14px;
	font-weight: normal;
	margin:0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom:1px #ccc solid;
}
h3{
	font-size:11px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	
}
h4{
	font-size:13px;
	font-weight: normal;
	margin:0px 0px 15px 0px;
}

p{
	margin:0px 0px 15px 0px;
	
}

ul, ol{
	font-size: 12px;
}

a{
	color:#000000;
}

a:link{
	color:#000000;
}

a:hover{
	color: #333333;
}



/**************** Main Nav Style Start*****************/



.navbar-default .navbar-toggle {
  float: none;
  padding: 0px;
  margin: 0px;
  margin:auto;
  border: none;
  border-radius: 0px;
  width:100%;
  background-color:#ffffff;
  margin:10px 10px 10px 10px;
  font-size:13px;
  height: 50px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#efefef;
}

.menuIcon{
	float:left;
	padding:13px 10px 13px 20px;
}

.menu-button{
	float:left;
	text-transform:uppercase;
	padding-left:13px;
	line-height:40px;
}

.navbar-collapse{
	border: none;
}



/**************** Main Nav Style End*******************/







/**************** Overlay Style Start*******************/

.tape-left, .tape-right{
	width:60px;
	height:60px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.tape-left{
	top: -25px;
	left: -25px;
	background-image:url(images/tape-left.png);
}

.tape-right{
	top: -25px;
	right: -25px;
	background-image:url(images/tape-right.png);
}

.tape-top, .tape-bottom{
	width:100px;
	height:35px;
	position:absolute;
	left: 50%;
	margin-left: -50px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	z-index:10;
}

.tape-top{
	top: -15px;
	background-image:url(images/tape-top.png);
}

.tape-bottom{
	bottom: -15px;
	background-image:url(images/tape-bottom.png);
}

@media(max-width:767px){.overlay{display:none !important;}}
@media(min-width:768px){.overlay{display:none !important;}}
@media(min-width:992px){.overlay{display: block !important;}}
@media(min-width:1200px){.overlay{display: block !important;}}

.overlay{
	position: absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
}

.overlay p{
	margin:0;
}

.overlay a{
	color: #ffffff;
	padding-top:25px;
}

.overlay .download, .overlay .view-online{
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 40px 25px;
	width: 40%;
	height: 45px;
	position:absolute;
	top: 50%;
	margin: -22.5px auto 0 auto;
	padding-top:25px;
	text-align:center;
}

.overlay .download{
	background-image:url(images/icons/icon-download.png);
	left: 15px;
}

.overlay .view-online{
	background-image:url(images/icons/icon-view.png);
	right: 15px;
}

.presentation:hover .overlay, .portfolio:hover .overlay{
	display:block;
	opacity:1;
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

/**************** Overlay Style End*******************/

/**************** Home Page Template Style Start*****************/



.profile-picture{
	background-color:#EAECFF;
	margin: 0 auto 0 auto;
	padding:10px 10px 10px 10px;
	box-shadow: 1px 1px 5px #ccc;
	float:right;
	margin: 0 0 15px 15px;
	position:relative;
}

.profile-picture img{
	border: 1px solid #efefef;
}

/**************** Home Page Template Style End*******************/

/**************** Presentations Page Templates Style Start**************/

.presentation{
	background-color:#ffffe6;
	width:300px;
	margin:30px auto 0 auto;
	padding:10px 10px 10px 10px;
	box-shadow: 1px 1px 5px #ccc;
	position: relative;
}

@media(max-width:767px){.presentation{width:90%;}}
@media(min-width:768px){.presentation{width:250px;}}
@media(min-width:992px){.presentation{width:250px;}}
@media(min-width:1200px){.presentation{width:250px;}}

.presentation-thumb{
	position: relative;
}

.presentation h3{
	padding: 0px;
	margin:0px;
	text-align:center;
	font-family: 'Coming Soon', cursive;
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
}

.presentation h3 a{
	color: #666666;
}

.presentation h3 a:hover{
	text-decoration:none;
}


/**************** Presentations Page Templates Style End**************/

/**************** Teaching Page Templates Style Start**************/

.teaching-section{
	margin-bottom:25px;
}

.teaching-image{
	background-color:#ffffe6;
	/*padding:10px 10px 10px 10px;*/
	box-shadow: 1px 1px 5px #ccc;
	float:right;
	margin: 5px 0 15px 15px;
	position:relative;
}

.teaching-image img{
	width:150px;
}

p.pdf-download{
	font-size:11px;
	margin-bottom:5px;
}

span.download-text, span.view-text{
	float:right;
	margin-left:10px;
	font-weight:bold;
}

@media(max-width:767px){span.download-text{display:none;}}
@media(min-width:768px){span.download-text{display:none;}}
@media(min-width:992px){span.download-text{display:block;}}


/**************** Teaching Page Templates Style End**************/

/**************** Portfolio Page Templates Style Start**************/



.portfolio{
	margin:20px auto 20px auto;
	padding:10px 10px 10px 10px;
	box-shadow: 1px 1px 5px #ccc;
	position: relative;
}

@media(max-width:767px){.portfolio{width:80%;}}
@media(min-width:768px){.portfolio{width:100%;}}
@media(min-width:992px){.portfolio{width:100%;}}
@media(min-width:1200px){.portfolio{width:190px;}}

.portfolio-thumb{
	position: relative;}
	
.portfolio h3{
	padding: 0px;
	margin:0px;
	text-align:center;
	font-family: 'Coming Soon', cursive;
	font-weight:bold;
	font-size:12px;
	padding-top:15px;
	padding-bottom:15px;
}

/**************** Portfolio Page Templates Style End**************/

/**************** References Page Templates Style Start**************/



.references .panel-heading h4{
	margin:0px;
}

.references .panel-heading p{
	margin:0px;
}


.references .panel-body{
	font-size:12px;
	line-height:16px;
}

.references .panel{
	border: none;
	box-shadow:none;
}

.references .panel-heading{
	background:none;
	margin-bottom:10px;
}

.references .panel-heading a h4{
	font-size:14px;
	color:#000000;
	border-bottom:1px #efefef solid;
	padding-bottom:5px;
	margin-bottom:3px;
	/*text-decoration:none;*/
}

.references .panel-heading a p{
	font-size:11px;
	color: #999999;
	/*text-decoration:none;*/
}

.references .panel-heading a:link{
	text-decoration:none;
}

.references .panel-heading a:hover{
	text-decoration:none;
}

.references .panel-body{
	padding:0px;
	border: none !important;
	
}

.references blockquote{
	border-left:none;
	padding: 0px;
	margin:0px;
	font-size:12px;
	font-style:italic;
}

.references blockquote{
	position:relative;
	padding:15px;
	margin: 0 10px 0 10px;
	color:#333333;
	background: #F5C5A0;
	/* css3 */
	-moz-border-radius:10px;
	border-radius:10px;
}

.references blockquote:after{
	content:"";
	position:absolute;
	top:-30px;
	left:50px;
	border:15px solid transparent;
	border-bottom-color:#F5C5A0;
	/* reduce the damage in FF3.0 */
	display:block;
	width:0;
}

/* Skew Forward */
.skew-forward {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.skew-forward:hover, .skew-forward:focus, .skew-forward:active {
  -webkit-transform: skew(-5deg);
  transform: skew(-5deg);
}

/**************** References Page Templates Style End**************/

/**************** CV and Contact Page Template Style Start*****************/

.cv .panel{
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}



.cv .panel-heading{
	background:none;
	margin-bottom:0px;
	padding:5px;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	background: -webkit-linear-gradient(left,#C4F4FF, transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #C4F4FF, transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #C4F4FF, transparent); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #C4F4FF, transparent); /* Standard syntax (must be last) */
}

.cv .panel-heading:hover{
	background: -webkit-linear-gradient(left,  transparent, #C4F4FF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, transparent, #C4F4FF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, transparent, #C4F4FF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, transparent, #C4F4FF); /* Standard syntax (must be last) */
}

.cv .panel-heading h4{
	margin:0px;
	/*text-align:center;*/
}

.cv .panel-body{
	font-size:12px;
	line-height:16px;
	padding:10px !important;
}

@media(max-width:767px){.cv .panel-body{padding:10px !important;}}
@media(min-width:768px){.cv .panel-body{padding:10px !important;}}
@media(min-width:992px){.cv .panel-body{padding:5px 0px 0px 0px !important;}}
@media(min-width:1200px){.cv .panel-body{padding:10px !important;}}

.cv .panel{
	border: none;
	box-shadow:none;
}

.cv .panel-heading a h4{
	font-size:13px;
	color:#000000;
	/*border-bottom:1px #efefef solid;
	padding-bottom:5px;
	margin-bottom:3px;*/
}

.cv .panel-heading a:link{
	text-decoration:none;
}

.cv .panel-heading a:hover{
	text-decoration:none;
}

.cv .panel-body{
	padding:0px;
	border: none !important;
	
}

p.cv-view, p.cv-download{
	background-size: 35px 25px;
	background-repeat:no-repeat;
	background-position:center left;
	padding: 5px 5px 5px 45px;
	margin-left:20px;
}

p.cv-view{background-image:url(images/icons/icon-view-black.png);}
p.cv-download{background-image:url(images/icons/icon-download-black.png);}

input[type=submit]{
	background-color:#C4F4FF;
	border:none;
	padding:5px 10px;
}

input[type=submit]:hover{
	background-color:#B0DCE6;
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}


/**************** CV and Contact Page Template Style End*****************/