/*
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 h6 {
	display: none;
}

.related-posts ul {
	clear: both;
	margin: 0 auto;
	text-align: center;
	/* width: 608px; */
}

#photo-sidebar .related-posts ul {
	width: 310px;
}

.related-posts ul:after {
	clear: both;
	content: '';
	display: block;
}

.related-posts li {
    margin: 0 1em 30px;
    display: inline-block;
	 /* float: left; */
	 padding:0; 
	max-width: 110px; 
	font-size: 5px !important; 
	text-align: center; 
	line-height: 11px; !important;
	vertical-align: bottom;
}

.related-posts li a {
	display: block;
	color:#CCCCCC
}
.related-posts li a:hover {
	display: block;
	color: #F0F0F0
}

/*#photo-sidebar  .related-posts ul li:nth-child(2n+1) {
	 clear: both;
}*/

.related-posts img {
    float: left;
	margin: 0;
    padding: 0;
    border: 1px solid #999999;
    float: inherit;
    text-align: inherit;
}
.related-posts a:hover img {
    border:1px solid #ffffff;
}

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

/* change single photo layout on tablets and phones */
#single-photo-mobile-view .vc_col-sm-9,
#single-photo-mobile-view .vc_col-sm-8,
#single-photo-mobile-view .vc_col-sm-4,
#single-photo-mobile-view .vc_col-sm-3 { 
	width: 100% !important;
}

@media (max-width: 1300px) {
    .related-posts ul li:nth-of-type(3n+4) {clear: center;}
}

@media (max-width: 1000px) {
   .related-posts ul {
		clear: both;
		text-align: left;
		width: 460px;
	}

	
	/*.related-posts ul {
		width: 306px;
	}*/
	
	#photo-sidebar .related-posts ul { 
		width: 185px;
	}
	/*#photo-sidebar .related-posts ul li:nth-child(2n+1) {
		clear: none;
	}*/
}

.related-posts li img {
	background-color: #333;
	display: block;
	height: auto;
	margin: 0 auto 1em; 
	max-width: 100%;
	opacity:1.0;
	width: 110px;
}
.related-posts li img:hover { background-color: #FFF; opacity: 1.0; transition: opacity 50ms;}

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

p.amendment {
    margin: 1em 0;
}

p.amendment strong {
    font-family: 'montserrat' !important;
    font-size: 13px;
    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: 'Montserrat', sans-serif !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 {
   display: inline-block;
	position: relative; 
    border: 1px solid white;
    font-size: 3em;
    height: 27px;
	 margin: 5px 10px 5px 0;
    text-align: center;
    line-height:.85em;
    /* border-radius:3em; */
    text-indent:-999em;
	 width: 27px;
}

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: .8em;
}

nav.the-category-nav a[rel="prev"] {
	float: right;
}

nav.the-category-nav a[rel="prev"]:before {
	content: "\f105";
}
nav.the-category-nav a[rel="next"]:before {
	content: "\f104";
}

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: 'Montserrat', sans-serif; !important;
}
/*nav.the-category-nav a:last-of-type:after {content:"Next"; left:-3.5em;}
nav.the-category-nav a:first-of-type: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: 2em;
}

.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: 'Montserrat', sans-serif;  !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: 'Montserrat', sans-serif; !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 ;
}

#photo-sidebar .call-to-actions {
	float: none;
	margin: 0;
}

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

.title .separator {
	display: block !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;
}

/*
* single photo template
*/
.single-photo .vc_single_image-wrapper {
	margin-top: 0 !important;
}

.single-photo .vc_single_image-wrapper img {
	margin-bottom: 12px;
}

.single-photo .custom-social-links {
	text-align: center;
}

.single-photo .q_social_icon_holder {
	display: inline;
}

.single-photo .vc_col-sm-4 .vc_column-inner p:first-of-type {
	margin-top: 0 !important;
}

#photo-sidebar p {
	clear: both;
}

#photo-sidebar .inquire-cta {
	float: left;
	padding: 10px 30px !important;
}

#photo-pagination {
	float: left;
	margin: 0 0 15px;
	width: 100%;
}
@media (max-width:768px) {
	#photo-sidebar .related-posts ul { 
		width: 306px;
	}
}
@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:30px;}
	nav.the-category-nav a {
    	position: absolute;
		top:5px;
	}
	
	 #photo-pagination {
		width: 100% !important;
	 }
	 
	.the-category-nav {
	    display:none !important;
	}
	
	nav.the-category-nav a {
		margin: 5px;
		position: relative;
	}
	
	nav.the-category-nav a:last-child {
		float: right;
	}
	
	nav.the-category-nav a:first-of-type:before {
		left: 6px;
	}
	.related-posts ul {
		width: 306px;
	}
	
	.related-posts ul li {width:100% !important;}
	
	.call-to-action {
		clear: both;
		display: inline-block;
	}
	
	#photo-sidebar .inquire-cta {
		float: left;
		margin:2em 0 2em 0 !important;
	}

	.call-to-actions button.qbutton {
		max-height:19px !important;
	}
	
	.single-photo .custom-social-links {
		text-align: left;
	}
	
	p.mobile-last {
		margin-bottom: 2em;
	}
}


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;}
	
	
	p.amendment strong:nth-of-type(2) {
	    padding-left: 2em;
		font-family:Raleway, sans-serif;
	}
	.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) AND (max-width:768px) {
	.first-column {
		clear: both;
	}
	
	/*.photo-details-columns {
		width:48%; 
		float:left;
		margin-right:2%;
		margin-top:3em;
	}*/
	
	.photo-details-columns:last-of-type {
		margin-right:0;
	}
	
	#photo-pagination {
		padding-top: 15px;
	}
	
	#photo-sidebar .related-posts ul { 
		padding-top: 25px;
		width: 100%;
	}
	
	#photo-sidebar .related-posts li {
		margin: 0 0.8em 15px;
	}
	
	/*#photo-sidebar .related-posts ul li:nth-child(2n+1) {
		clear: none;
	} */
}

@media (min-width:641px){
	
	#single-photo-mobile-view .photo-details-columns  p:first-of-type {
		margin-top: 0 !important;
	}
	
	#single-photo-mobile-view .photo-details-columns {
		width:48%; 
		float:left;
		margin-right:2%;
		margin-top:3em;
	}
	
	#single-photo-mobile-view .related-posts ul { 
		margin-top: 25px !important;
		width: 100% !important;
	}
	
	#single-photo-mobile-view #photo-pagination {
		margin-bottom: 0 !important;
		width: 100% !important;
	}
	
	#single-photo-mobile-view .custom-social-links {
		text-align: left !important;
	}
	
	#single-photo-mobile-view .inquire-cta {
		margin: 15px 0 !important;
	}
	
	nav.the-category-nav a {
		border-radius: 3px;
	    width: 27px;
	    height: 27px;
	}
	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) {
	#photo-pagination {
		width: 82px;
	}
	
	.next-post-link a {
	    right: .5em;
	}

	.prev-post-link a {
	    left: .5em;
	}
	
	#photo-sidebar .inquire-cta {
		margin: 0 0 0 15px;  
	}
}

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

/*------------------------------------------------------------------
 * This is main css file for print view.
 -------------------------------------------------------------------*/
@media only print {
  header, footer,
  .title_outer,
  .portfolio_print,
  header.page_header {
    display: none !important;
  }
  .container_inner {
    max-width: 80%;
  }
  div[class*='columns'] > div[class^='column'] {
    float: none;
    width: 100%;
  }
  html,
  body,
  .wrapper,
  .wrapper-inner .container,
  .container-inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
    top: 0 !important;
  }
}

/*
* pagination 
*/
.pagination {
	display: none;
}

.paged .pagination,
.search-results .pagination {
	display: block;
}



/*
* 404
*/
.error404 .title_holder {
	/*height: auto !important;*/
}

.error404 .content .container .container_inner {
	padding-top: 0;
}

/*
.widget_search {
position:relative;
background: url("search_widget_image_url.jpg") top left no-repeat;
height:60px;
width:180px;
}
.widget_search #s {
position:absolute;
top:30px;
}
.widget_search .screen-reader-text {
display:none;
}
.widget_search #searchsubmit {
position:absolute;
top:5px;
left:135px;
width:40px;
height:40px;
background: url("../bridge/images/sbutton2.png") top left no-repeat;
border: none;
}
.widget_search #searchsubmit:hover {
background: url("../bridge/images/sbutton2b.png") top left no-repeat;
border: none;
}
*/