/*
Theme Name: Andrew Prokos Photography Theme
Template: bridge
Description: Andrew Prokos Photography Theme

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


@import url("../bridge/style.css");

.title {
    z-index:auto !important;
}

@media screen AND (orientation:portrait) AND (max-width:380px), screen AND (orientation:landscape) AND (max-width:780px) {
    .the-category-nav {
        display:none;
    }
}

.related-posts li a:last-of-type {
    display: block;
    clear: both;
}

.related-posts ul li {padding:0; max-width: 215px; margin-bottom:3em; font-family: 'raleway-regular' !important; margin-right:2em; float:inherit; text-align:center; clear:none; font-size: 10px; letter-spacing: 1px; line-height: 15px; !important;}
@media (max-width:1300px) {
    .related-posts ul li:nth-of-type(3n+4) {clear:center;}
}

.related-posts li img {margin:1em auto; max-width: 100%; height: auto; width: 100%; float:left; display:block; background-color:none; opacity:1.0; transition:opacity 100ms;}
.related-posts li img:hover { background-color: #FFF; opacity:0.5; transition:opacity 100ms;}

h2.amendment.full-on, .related-posts h2 {
    font-size: 1em;
    margin:1em 0;
}

p.amendment {
    margin: 1em 0;
}

p.amendment strong {font-family: 'novecento-wd-book' !important; font-size: 12px; letter-spacing:2px; color: #DDD;}

span.list-separator:after {
    content: ", ";
}

span.list-separator:last-of-type:after {
    content: "";
}

.span-data {margin-bottom:10px; margin-top:10px;}

.custom-social-links span.normal_social {font-size:80%;}

.call-to-action {text-transform:uppercase; background:#202020; border: none; border-bottom:1px solid #7b1c20; letter-spacing:2px; font-family: 'novecento-wd-medium' !important; padding:1em; margin-right:1em;
	    padding: .25em 1em !important;
}

aside.photo-inquiry-form {
	display:none;
    position: fixed;
    top: 40px;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    z-index: 1025;
    background: white;
    padding: 1em 2em;
    color: black;
    border-radius: 2px;
    box-shadow: 0 0 100px 60px rgba(0,0,0,0.5);
    max-width:100%;
}

a.close-form {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    width: 2em;
    height: 2em;
    text-align: center;
}

aside.photo-inquiry-form li {list-style:none;}
aside.photo-inquiry-form input[type="text"], aside.photo-inquiry-form input[type="email"], aside.photo-inquiry-form input[type="tel"], #input_1_6 {background:#cdcdcd !important; color:black !important; padding:.25em; width:99%;}

#input_1_6 {height:5em;}

.field_sublabel_below:after {
  content: "";
  display: table;
  clear: both;}

li#field_1_2, #field_1_3, #field_1_4, #field_1_5 {
    float: left;
    width: 50%;
    clear: none;
}

li#field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input {width:94%;}

aside.photo-inquiry-form .ginput_complex label {
    clear: left;
    display: block;
}

.show-details {margin:2em 0 2em 0 !important;}


nav.the-category-nav a {
    position: absolute;
    top:45vh;
    border: 2px solid white;
    z-index: 20000;
    font-size: 3em;
    width: 1.55em;
    height: 1.55em;
    text-align: center;
    line-height:.85em;
    border-radius:3em;
    text-indent:-999em;
}

nav.the-category-nav a:after {display:none;}

nav.the-category-nav a:hover:after {display:block; font-size:12px;}

nav.the-category-nav a:before {font-family: 'FontAwesome',serif; text-indent:0; position:absolute;
	top: -2px;
    left: 10px;
    font-size: .9em;
}

nav.the-category-nav .next-post-link a:before {content: "\f105";}
nav.the-category-nav .prev-post-link a:before {content: "\f104"; left: .65em;}

nav.the-category-nav a:after {color: white;
    display: none;
    width: 1em;
    height: 2em;
    position: absolute;
    text-indent: 0;
    font-size: .5em;
    left: 3em;
    top: 0;
    font-family:'novecento-wd-medium' !important;
}
nav.the-category-nav .next-post-link a:after {content:"Next"; left:-3.5em;}
nav.the-category-nav .prev-post-link a:after {content:"Previous";}

nav.the-category-nav a:hover:after {display:block;}

.click-or-be-clicked {background:#202020 !important; color:white !important; border-bottom:1px solid #7b1c20 !important;}

/*nav.the-category-nav a:hover {background:white; color:black; transition:background 300ms, color 300ms;}*/

.related-posts {clear:both; padding-top:1em; }

.a-user-fav {margin-bottom: 2.5em;}
.a-user-fav img {display:block; margin:0 auto .5em auto; }
.a-user-fav img:hover {
    border: none !important;
    opacity: .5;
    transition: opacity 300ms;}
.a-user-fav p {clear:both; text-align:center;}

button.simplefavorite-button {border:none; border-radius:3px; text-transform: uppercase;
    background: #202020; color:white !important;
	height: 40px !important;
    line-height: 11px !important;
    padding:10px 15px !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    border-bottom: 1px solid #7b1c20;
    font-family: 'novecento-wd-medium' !important;
    margin-right: 1em; font-weight: 600; -webkit-appearance:none;}

button.simplefavorite-button:hover {cursor:pointer; background:white; color:black !important; transition:background 300ms, color 300ms;}

.simplefavorite-button-count {display:none !important;}

button.simplefavorite-button.active {font-weight:normal !important;}

button.simplefavorites-clear {
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    background: #202020;
    color: white !important;
    border-bottom: 1px solid #7b1c20;
    letter-spacing: 2px;
    font-family: 'novecento-wd-medium' !important;
	font-size: 12px;
    padding: 1em;
    margin-right: 1em;
    font-weight: 600;
    -webkit-appearance: none;
}
button.simplefavorites-clear:hover {cursor:pointer; background:white; color:black !important; transition:background 300ms, color 300ms;}
.deathstar {
    opacity: .4;
    transition: opacity 300ms;
}

.call-to-actions {
	float:left;
    margin-right:2em;
	margin-top:1.5em;
}

.single-photo .title {z-index:1 !important;}

.single-photo .title.title_size_large h1 {line-height:1.2;}

.call-to-actions button {
    height: 40px !important;
    line-height: 11px !important;
    padding:10px 15px !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    max-height: 40px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.call-to-actions button.qbutton {max-height:19px !important;}

.related-posts li a:last-of-type {
    max-width: 250px;
    margin: 0 auto;
}

.related-posts li a:first-of-type {
    max-width:100%;
    margin: 0 auto;
}

body .gform_wrapper input[type="button"]:hover, body .gform_wrapper input[type="submit"]:hover, body .gform_wrapper input[type="reset"]:hover {background:black; border-color:black;}


@media (max-width:640px) {
	.mobile-accordingly {display:none;}
	aside.photo-inquiry-form {top: 4em;
    width: 100%;
    max-width: 84%;
    margin-left: 0;
    left: 0;}
    body .gform_wrapper .gform_fields .gfield {margin:0;}
	nav.the-category-nav {position:relative; height:60px;}
	nav.the-category-nav a {
    	position: absolute;
		top:10px;
	}
	.the-category-nav {
	    display:none !important;
	}

	.related-posts ul li {width:100% !important;}

	.call-to-actions button.qbutton {max-height:19px !important;}
}

li.secret-field {
    position: absolute;
    top: 0;
    left: -999em;
}

.single-photo .title_subtitle_holder_inner p {margin:1em 0;}

.gform_wrapper li.float {
    float: left;
    width: 48%;
    padding-right: 1em;
    margin-right:0 !important; clear:none !important;
}

.gform_wrapper li.float input {width:100% !important;}

li#field_3_5 input {
    width: 97%;
}

.tax-photocats .title_holder .container {
    padding: 50px 0 0 0;
}

.page-template-page-faking-categories-php .title_subtitle_holder_inner h1 {
    padding: 50px 0 0 0;
}

.page-template-page-faking-categories-php .title_holder {
    margin-bottom: 40px;
}

@media (min-width:641px) {
	.tax-photocats .title_outer + .container {
	    margin-top: 50px;
	}
}

.title_outer > .title {height:auto !important;}

.title_outer > .title br {display:none;}

.a-user-fav {text-align:center;}
.a-user-fav h5 {padding-top:1em;}

@media (min-width:641px) {
	.mobile-only {display:none;}
	.photo-details-columns {width:48%; float:left; margin-right:2%; margin-top:3em;}
	.photo-details-columns:last-of-type {margin-right:0;}
	p.amendment strong:nth-of-type(2) {
	    padding-left: 2em;
	}
	.mobile-accordingly {display:block;}
	.a-user-fav {
	    width: 32%;
	    float: left;
	    margin-right:2%;
	}
	.a-user-fav:nth-of-type(3n+3) {margin-right:0;}
	.a-user-fav:nth-of-type(3n+4) {clear:left;}
	.a-user-fav > a:first-of-type {
	    height: 200px;
	    display: block;
	}
	nav.the-category-nav a {
    	position: fixed;
	}
	.next-post-link a {
	    right: -.5em;
	}

	.prev-post-link a {
	    left: -.5em;
	}

	.a-user-fav h5, .a-user-fav p {
	    padding-left: 1em;
	    padding-right: 1em;
	}
}

@media (min-width:641px){
	nav.the-category-nav a {
		border-radius: 3px;
	    width: .75em;
	    height: .75em;
	}
	nav.the-category-nav a:before {font-size:.45em; font-weight:normal; top:-2px; left:10px;}
	nav.the-category-nav .prev-post-link a:before {left:10px;}

	nav.the-category-nav a:hover {background:white; transition:background 250ms, color 250ms; color:black;}


	.next-post-link a {
	    right: 2px;
	}

	.prev-post-link a {
	    left: 2px;
	}
}

@media (min-width:1025px) {
	.next-post-link a {
	    right: .5em;
	}

	.prev-post-link a {
	    left: .5em;
	}
}

.blog_holder article .post_text .post_text_inner {background:transparent !important;}

.masonry-custom > article {width:32%; margin:0 2% 1em 0;}
.masonry-custom > article:nth-of-type(3n+3) {margin-right:0;}
.masonry-custom > article img {width:100%; height:auto; margin:0;}
.masonry-custom > article:nth-of-type(3n+4) {clear:left;}