/*
Theme Name: PHTGRPHY
Theme URI: http://www.madeinebor.com
Version: 1.0.1
Description: PHTGRPHY - An Awesome Portfolio Theme, great for photographers or visual writers.
Author: TommusRhodus
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/


/*-------------------------------------------------------------------------------------------

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------


/*-----------------------------------------------------------------------------------*/
/*	TABLE OF CONTENTS
/*-----------------------------------------------------------------------------------*/

/* Section 1. -- General & Global Styles - other type styles found in /css/framework.css */
/* Section 2. -- Header & Nav Styles */
/* Section 3. -- Index Styles */
/* Section 4. -- Article Styles */
/* Section 5. -- Comments Styles */
/* Section 6. -- WordPress Styles */
/* Section 7. -- Contact Form 7 Styles */
/* Section 8. -- Responsive Styles - Media queries */


/*-----------------------------------------------------------------------------------*/
/*	GENERAL & GLOBAL STYLES
/*-----------------------------------------------------------------------------------*/

body {
	font-family: 'Sintony', sans-serif; font-size: 14px; line-height: 26px; color: #777; padding: 40px;
}

h1, h2, h3, h4, h5, h6, li.resp-tab-item {
	font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #333; font-weight: 700;
}

small {
	font-family: 'Sintony', sans-serif; font-size: 14px; color: #999;
}

a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.ebor-button, .ebor-alert {
	font-style: normal; font-weight: 700; text-transform: uppercase;
}

a:hover, .current-menu-item a, .current-menu-item span, .current-menu-parent > a, .pagination .active a {
	color: #3498db; border-color: #3498db !important;
}

.ebor-button:hover {
	background: #3498db !important;
}

hr {
	border: none; width: 35px; clear: both; height: 1px; background: #ecf0f1;
}

hr.ebor-big {
	margin: 40px 0;
}

.break {
	height: 100px;
}

input, textarea {
	width: 100%; background: #ecf0f1; border: 1px solid #c7c7c7; min-height: 40px; font-size: 12px; padding: 0 10px; font-family: 'Sintony', sans-serif;
}

input {
	max-width: 500px;
}

input[type="submit"] {
	width: auto; font-size: 12px; cursor: pointer; margin-top: 20px; padding: 0 18px;
}

textarea {
	min-height: 100px; padding: 20px 20px;
}

::selection {
    background: #fefac7; /* Safari */
    color: #555555;
}
::-moz-selection {
    background: #fefac7; /* Firefox */
    color: #555555;
}

select {
	max-width: 100%;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

ol.numbered, article ol {
	list-style-type: decimal; padding-bottom: 25px;
}

ul.dotted, article ul {
	list-style-type: disc; padding-bottom: 25px;
}

ol.numbered, ul.dotted, article ul, article ol {
	padding-left: 30px;
}

sup, sub {
	position: relative; font-size: 80%; line-height: 0; vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	top: 
0.5em;
}

blockquote p:last-child {
	margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	END GENERAL & GLOBAL STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	HEADER & NAV STYLES
/*-----------------------------------------------------------------------------------*/

header {
	position: absolute; top: 0; left: 40px; width: 25%; padding: 40px 80px 0 0;
}

.admin-bar header {
	top: 28px;
}

header h1 {
	margin-bottom: 0px;
}

header h1 + p {
	text-transform: uppercase; line-height: 18px; padding-left: 4px; font-size: 12px;
}

header .widget {
	line-height: 18px; font-size: 12px;
}

ul.menu {
	padding: 20px 0; font-size: 12px;
}

ul.menu span {
	margin-right: 7px;
}

ul.menu ul {
	position: absolute;
	background: #ecf0f1;
	display: none;
	z-index: 999;
	padding: 13px 20px;
	width: 60%;
}

ul.menu ul:before, .author:before, blockquote:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 13px 11px 13px;
	border-color: transparent transparent #ecf0f1 transparent;
	position: absolute; top: -10px; right: 20px;
}

ul.menu li:hover ul {
	display: block;
}

.widget {
	margin-top: 20px; padding-bottom: 25px;
}

.widget h3 {
	font-size: 14px; margin-bottom: 8px;
}

.widget p:last-child {
	margin-bottom: 0;
}

.pagination {
	padding-bottom: 20px;
}

.pagination li, .pagination li a, .pagination li span, .button {
	display: inline-block;
}

.pagination li a, .pagination li span, .button {
	padding: 5px 10px;
	border: 1px solid #ecf0f1;
	font-weight: 700;
	margin-right: 8px;
}

.single-pagination {
	padding: 20px 0;
}

.single-pagination a {
	padding: 5px 10px;
	border: 1px solid #ecf0f1;
}

.btn.prev, .btn.next {
	font-size: 12px;
}

.btn.pull-right.next {
	float: right;
}

.btn.pull-right.prev {
	float: left;
}

/*-----------------------------------------------------------------------------------*/
/*	END HEADER & NAV STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	INDEX STYLES
/*-----------------------------------------------------------------------------------*/

.content {
	width: 100%; padding: 0 0 0 25%;
}

ul.grid li {
	float: left; max-width: 33.33%; position: relative;
}

ul.grid li > div {
	position: absolute; left: 0; top: 0; background: #ecf0f1; width: 100%; height: 100%; display: none; z-index: 999; padding: 20px;
}

ul.grid li:hover > div {
	display: block;
}

ul.grid li > div a {
	border-bottom: 1px solid #ccd0d2;
}

ul.grid li > div:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 15px 13px;
	border-color: transparent transparent transparent #ecf0f1;
	position: absolute; right: -10px; top: 20px;
}

ul.grid h6 {
	margin-bottom: 10px;
}

.excerpt p {
	line-height: 22px;
}

.bottom {
	position: absolute; bottom: 16px; left: 20px;
}

.bottom p {
	margin-bottom: 0; font-size: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	END INDEX STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	ARTICLE STYLES
/*-----------------------------------------------------------------------------------*/

article {
	max-width: 1000px;
}

.post-header {
	position: relative; margin-bottom: 30px;
}

.post-header h3, .post-header h6 {
	position: absolute; bottom: 35px; left: 0; display: inline-block; padding: 8px 16px; background: #fff;
}

.post-header h6.right {
	bottom: 0; padding: 0;
}

.post-header h6.right a {
	padding: 8px 16px; display: block;
}

.author, blockquote {
	background: #ecf0f1; padding: 30px 40px; margin: 30px 0; position: relative;
}

.author:before, blockquote:before {
	right: auto;
	left: 40px;
}

.author p {
	padding-left: 120px;
}

.remove-bottom {
	margin-bottom: 10px;
}

.prev-image {
	float: left;
}

.prev-image h6 {
	display: inline-block;
	margin: 0 0 0 14px;
	position: relative;
	top: 6px;
}

.next-image {
	float: right;
}

.next-image h6 {
	display: inline-block;
	margin: 0 14px 0 0;
	position: relative;
	top: 6px;
}

/*-----------------------------------------------------------------------------------*/
/*	END ARTICLE STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	COMMENTS STYLES
/*-----------------------------------------------------------------------------------*/

.avatar {
	width: 87px; height: 87px; border-radius: 999px; float: left; margin: 0 30px 20px 0;
}

.comment-count {
	margin-top: 80px;
}

ol#comments {
	padding: 25px 0 0; margin-bottom: 75px; border-bottom: 1px solid #f0f0f0; list-style: none;
}

ol#comments > li {
	border-top: 1px solid #f0f0f0; padding: 40px 0;
}

ol#comments li.parent {
	padding-bottom: 0;
}

ol#comments ul.children {
	padding: 45px 0 25px 115px; border-top: 1px solid #f0f0f0; list-style: none;
}

ul.children ul {
	margin-top: 40px; list-style: none;
}

#reply-title {
	font-size: 18px;
}

/*-----------------------------------------------------------------------------------*/
/*	END COMMENTS STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/
.sticky {}

.bypostauthor img.avatar {}

img.alignleft, img.aligncenter, img.alignright, img.alignnone { 
	margin-bottom: 15px;
	margin-top: 15px;
}

img.alignnone { display: block; }

img.alignleft {
	float: left;
	margin-right: 30px;
}

img.alignright {
	float: right;
	margin-left: 30px;
}

img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.wp-caption {
	margin: 10px 0 40px;
	max-width: 100%;
	text-align: center;
	color: #999;
	position: relative;
}

.gallery-caption, .wp-caption-text {
	margin: 0;
	max-width: 100%;
	text-align: center;
	color: #999;
	padding: 0 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.wp-caption-text {
	position: absolute; top: 20px; left: 0px; padding: 5px 15px 6px; display: inline-block; background: #fff;
}

.wp-caption-text, .gallery-caption-text {}

.aligncenter { text-align: center }

table#wp-calendar { border: 1px solid #cccccc }

table#wp-calendar>tbody>tr>td>a { text-decoration: underline }

thead>tr>th {
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}

tbody>tr>td {
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}

tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	nowhitespace: afterproperty;
	margin-left: 10px;
	padding-bottom: 3px;
}

tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}

tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}

.rss-date {
	display: block;
}

.rssSummary {
	margin: 10px 0;
}

.widget_rss cite {
	font-weight: 700; padding-bottom: 12px; display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	END WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/

div.wpcf7 .wpcf7-not-valid { 
	border-color: #f9bbb8;
	border-width: 1px;
	background: #ffe5e3;
}

span.wpcf7-not-valid-tip { display: none !important }

div.wpcf7-validation-errors {
	margin: 0;
	padding: 5px 10px;
	color: #c4690e;
	background: #fffdf3;
	border: 1px solid #e6bf4a;

}

div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	background: #cef0cb;
	color: #698733;
	border: 1px solid #91cc8c;
}

/*-----------------------------------------------------------------------------------*/
/*	END CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

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

	ul.grid li {
		max-width: 25%;
	}
	
	header {
		width: 20%;
	}
	
	.content {
		padding-left: 20%;
	}

}


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

	ul.grid li {
		max-width: 50%;
	}
	
	header {
		width: 33.33%
	}
	
	.content {
		padding-left: 33.33%;
	}
	
	.post-header {
		padding-top: 80px;
	}
	
	.post-header h3.title {
		top: 0px;
		bottom: auto;
		padding-left: 0;
		line-height: 20px;
	}
	
	
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	ol#comments ul.children {
		padding-left:80px;
	}
	
	header {
		position: static;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 60px 0;
	}
	
	ul.menu ul {
		position: static;
		background: none !important;
		padding: 0;
		display: block;
		width: auto;
	}
	
	ul.menu span {
		display: none;
	}
	
	body {
		padding: 20px;
	}
	
	.content {
		padding: 0;
	}
	
	ul.grid li > div {
		position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 999; padding: 20px;
	}
	
	ul.grid li > div:before {
		display: none;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	ol#comments ul.children {
		padding-left: 60px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	ol#comments ul.children {
		padding-left: 0px;
	}
	
	.flexslider li p, .wp-caption-text {
		display: none;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	ul.grid li {
		max-width: 100%;
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*	END RESPONSIVE STYLING
/*-----------------------------------------------------------------------------------*/