/*
Theme Name:    Overhead Compartment
Theme URI:
Description:    My Child theme
Author:         Haik Avanian
Author URI:
Template:       origin
Version:        1
*/


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


*{-webkit-font-smoothing: antialiased;}

html { height: 100%; }
img {
  max-width: 100%;
  height: auto;
}

body {
	margin: 0;
	margin-top:-20px;
font-family: "franklin-gothic-urw", Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;	
	color: #1f2122;
	background: #f5f8f8 !important;
	padding:0 !Important;
	height:100%;
border-bottom:none !important;
}


.post_tag{display:none !important;}

.singular .byline2 a:hover{border-bottom: 4px #fd1901 solid;}


body.menu-open { overflow:hidden !important; }


.inf a{color:white !important;}


.wp-caption .wp-caption-text {
    font-size: 12px !important;
    line-height: 13px !important;
    color: #828282 !important;
    text-align: left;
    font-family: "franklin-gothic-urw", Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400;
    width: 100% !important;
    margin-top: 0 !Important;
    letter-spacing: 0px;}

.btns{

    position: fixed;
    bottom: 58px;
    right: 58px;
}

.leftish{
	
float:left !important;
text-align: left !important;
}


.pagination.loop-pagination {
font-size: 23px !important;}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

.one {
    opacity: 0;
    -webkit-animation: dot 1s infinite;
    -webkit-animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1s infinite;
    -webkit-animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1s infinite;
    -webkit-animation-delay: 0.4s;
}



.hfeed{}


.hentry{width:60%; margin:2% auto 7% auto;}

.logo {

margin:10px auto;
width:45%;
-webkit-transition: all 0.2s ease-in;

}

.logo:hover{opacity:.8; -webkit-transition: all 0.2s ease-in; }




.special {
    font-family: "bookmania" !important;
    display: block;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 3%;
    width: 75%;
    color: #222;
}





  


.archive #footer,   #footer{border-top:none; background-color: none !important;}

.archive #footer a:hover,  #footer a:hover{color:#fd1901;}

.archive .bigfoot a:hover,   .bigfoot a:hover{color:#eef7f7 !important;}

.archive  .cat-film a,    .cat-film a{background-color: blue !important;}


.archive .patolok,  .patolok{
	position:fixed;
	overflow:hidden;
	left:0;
	top:0;
	width:100%;
	height:0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
		opacity:.5;
	z-index:1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;

}


.bangbang{background-color: red !important; overflow: hidden !important:;}



.singular #footer a{color:#e6e6e6 !important;}

.singular #footer a:hover{color:#999 !important;}





.img{opacity:1 !important;}

.img:hover{opacity:.4!important;}



.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

body ::selection {
	background: yellow;
	color:#1f2122; /* Safari */
	}
body ::-moz-selection {
	background: yellow;
	color:#1f2122; 
}

.center, .aligncenter {
display: block;
margin: 0 auto !important;}






.cloud a{width:65px; height:65px; color:#222;}



#content {
	float:none;
width:100%;
margin: 0 auto;
		
}

 .icon-plus-sign{
-webkit-transform: rotate(0);

z-index:99;


}




.icon-reorder a:hover{color:#1f2122;}


.icon-twitter{}


.icon-facebook{


}

.cloud li{
	width:13px;
	height:13px;
	padding:15px;
	margin:0 0 0 10px;
	list-style-type: none;
	float:left;
	text-align: center;
	font-size:20px;
	-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
;

cursor: pointer;
}



.patolok{
	position:fixed;
	overflow:hidden;
	left:0;
	top:0;
	width:100%;
	height:0;
	  background: url(http://www.overheadcompartment.org/wp-content/uploads/2012/10/3.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
		opacity:.5;
	z-index:1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;

}

.inf{
opacity: 0;
font-family: futura-pt;
font-size: 52px;
color: white;
position: fixed;
top: 105%;
color:white;
text-align: right;
z-index: 99;
margin:0 auto;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;

	}

/* checked */
input[type=checkbox]:checked ~ .inf {
				opacity:1;
				top: 26%;

}


input[type=checkbox]:checked ~ .cloud {
				opacity:1;
				right:75px;

				

}


input[type=checkbox]:checked ~ .patolok {
				opacity:1;
height:100%;
overflow:hidden;
			}





			




.inf p{

text-shadow: 0px 4px 12px rgba(0,0,1,.4);
text-align: center;
font-size: 53px;
line-height: 47px;
font-family: "futura-pt";
font-style: normal;
font-weight: 300;
text-align: center;
text-transform: uppercase;
width: 75% !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;


}

input[type=checkbox]:checked ~ .inf p {
				margin-bottom:0 !important;

}


input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

label { 
  cursor: pointer;
  user-select: none;
  z-index: 999;
}

















			input[type=checkbox]:checked ~ .tomato {
				color:white;
				-webkit-transform: rotate(180deg);
				 transform: rotate(180deg);
 			}


						input[type=checkbox]:checked ~ .tomato:hover {
				color:white;
			}




.tomato {
    cursor: pointer;
    position: fixed;
    width: 13px;
    height: 13px;
    padding: 15px;
     left: 4.5%;
    top: 9%;

-webkit-transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


.tomato:hover{color:#b4bbbb;}



.potato{
cursor: pointer;
position: absolute;
left: 75px;
top: 75px;
z-index: 99;
overflow: hidden;
float: left;
opacity:0;
padding: 0 2px;
color: #76716f;
font-size: 25px !important;
line-height: 0px;
text-align: right;
-webkit-transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.potato:hover{color:#b4bbbb;}

#site-title a:hover < .potato{opacity:1;}


.pagination.loop-pagination {
float: right;
clear: both;
font-size: 29px;
text-align: center;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 800;text-transform: uppercase;
margin: -7px auto 0 auto;

}

.pagination .page-numbers, .comment-navigation .page-numbers {
display: inline-block;
padding: 8px 18px;}


.pagination a.page-numbers, .comment-navigation a.page-numbers {
color: #333;
background: none;
}

.pagination .current, .comment-navigation .current a{color:#eef7f7 !important;}

.current 


.pagination .page-numbers, .comment-navigation .page-numbers {
display: inline-block;
padding: 4px 8px;
margin: 0;
line-height: 1em;
color: #1f2122;
}


.icon-home {
	float:left;
		padding-right:45px;
							
	}








.singular .heart{

	z-index:999;
font-size: 30px !important;
text-align: center;
margin:0 auto;
color:#fd1901;
float:none;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}

.singular .socount{float:none;}

.socbox2{position:absolute: bottom:45px; margin-left:40%;}

.singular .heart:hover .socbox{
	margin-left:590px;
	opacity:1;
transform: scale(1);
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari and Chrome */

}

.singular .heart:hover{

}




.heart{
	z-index:999;
font-size: 30px !important;
float:right;
margin-bottom:30px;
text-align: center;
padding-left: 20px;

color:#fd1901;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;



}

.heart:hover{cursor:pointer;}


.heart:hover.heart{background-color:#f5f8f8 !important;}

.socount{
	font-family:"futura-pt";
	font-size:41px;
	color:#1f2122;
	float:right;
	border-radius:20px;
	}

.singular .socount{
		float: none;
		position: fixed;
		bottom: 62px;
		right: 70px;
}



.singular .socbox{margin-top:-34px; opacity:1; }


.singular .heart:hover .socbox{
margin-top:-34px;
	opacity:1;
transform: scale(1);
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari and Chrome */

}

.socbox{
position: absolute;
z-index: 1;
margin-top: -24px;
margin-left: 20px;
height: 30px;
opacity: 0;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.heart:hover .socbox{
	margin-top:-15px;
	opacity:1;
transform: scale(1);
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari and Chrome */

}


.heart:hover .icon-heart{color:#fd1901 !important;}


.singular p{margin-bottom:30px !important;}

.singular .hentry img {
    width: 100%;
    margin: 10px auto !important;
    padding: 0 !important;
    cursor: pointer;
    z-index: 999!important;
}



.singular p{clear:both; width:65%;}
 

p  {
	font-size:.9em;
	line-height:1.6em;
	text-align:none;
	margin: 0 auto 11px auto !important;

}



.metacircle{

	width: 50px;
height: 50px;
margin: 0 0 20px 0;
border-radius: 100px;
font-family: "futura-pt";
text-align: center;
float: right;
border:2.5px solid #1f2122;
color:#1f2122;
list-style-type:none;
padding:0 !important;
line-height: 15px;
}

.metacircle ul {padding:none; margin:none; }

.counter{background-color: #fd1901; border-radius:100px;  height:30px; color:white; display:none;}


a{


	color:#fd1901;
	-webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

p a:hover{
		color:#1f2122 !important;
		border-bottom:2px solid #fd1901;

}

.entry-content p a{

		text-transform: uppercase;
font-size: 15px;
text-align: center;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 200;
color:#1f2122;
}

.entry-content p a:hover{ }

.postedon{line-height: 30px;
font-size: 10px;}


.time1{font-size: 9px;
text-transform: uppercase;
margin-top: 9px;

}


.time2{font-size: 21px;
letter-spacing: -1px;

}

.by{font-size: 14px;
clear: right;
font-family: "futura-pt";}

.authorname{
font-family: "franklin-gothic-urw", Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
clear: both;
}



.signature{
overflow: hidden;
float: right;
text-align: right;
line-height: 17px;
margin-bottom: 25px;
	}

#wrap{
	margin:0 auto;
	padding:0;
}



#container{
		-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
	
}

#branding{

		padding:70px 70px 40px 70px;
		overflow: hidden;
		margin: 0 auto;
		text-align:center;
		float: none;
width: auto;
overflow: hidden;
margin-top: 20px;
		-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;

		
	}


.pressbox {
	width: 0;
	height: 0;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9999;
	text-align: center;
	background: rgba(0,0,0,0.7);
	}

	.pressbox img	{
		opacity: 0;
		padding: 10px;
		background: #ffffff;
		margin-top: 100px;
		-webkit-box-shadow: 0px 0px 15px #444;
		-moz-box-shadow: 0px 0px 15px #444;	
		box-shadow: 0px 0px 15px #444;	
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;		
		}

.pressbox:target {
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	}
	
	.pressbox:target img {
		opacity: 1;
		}




	.filter{
		width:100%;
	    overflow: hidden;
		padding:0 0 55px 0;
		margin:0 auto;
				text-align:center;

	
	}




.filter li{
	display: inline;
	list-style-type: none;
	padding-right:0;
	line-height:25px;
	margin-right: -3px !important;
}

 
 .entry-summary{
width: 31%;
float: right;

 }





.bigtitle a.special:after{
content: '◼';
opacity: 0;
position: absolute;
font-size: 58px;
margin-left: -10px;
margin-top: 10px;
  -webkit-transition: .1s ease-in; 

}


.bigtitle a.special:hover:after{
				color: #fd1901;
opacity: 1;
font-size: 58px;
margin-top: 10px;
margin-left: 13px;




				}


.tits{

font-style: normal;
font-weight: 400;
display: block;
font-size: 30px;
margin: 0 0 18px 0;
line-height: 31px !important;
text-transform: none;
color: #1f2122;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.tits:after{
content: '◼';
opacity: 0;
position: absolute;
font-size:30px;
margin-top:5px;
margin-left:-4px;
  -webkit-transition: .1s ease-in; 


}

.tits:hover:after{
					color:#fd1901;
					opacity:1; 
					font-size:30px;
					margin-left:6px;



				}




.tits a:hover + .excerpt_more a{color:#fd1901 !important;}







#site-title{
	    text-transform: uppercase;
    font-size: 65px;
    margin: 0 !important;
    padding: 65px 0 97px 0 !important;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
}






#site-title a {color: #000;
			border-bottom:8px #fd1901 solid;
}




#site-title a:hover {
			color: #000 !important;

}



.singular #site-title{}


.bigtitle{
font-size: 49px !important;
line-height: 52px !important;
padding: 10px 0 110px 0;
color: #000;
font-family: "Bookmania",sans-serif;
font-style: normal;
font-weight: 400;
text-align: left;
margin: 0 auto;
overflow: hidden;
perspective: 1000px;
-webkit-perspective: 1000px;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
		}





		.bigtitle a{
color: #000 !important;

		}


.bigfoot a{
		float:left;
		f@ont-size:25px;
		color:#76716f !important;			
	-webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color  0.3s ease;
}


.bigfoot a:hover{color:#b4bbbb !important;}


.cloud{
	font-size:25px;
    position: fixed;
    top: 9%;
    right: 4%;
	margin: 0;
	padding:0;

	z-index: 999;
		-webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
     


}








.byline {
		color:#1f2122;
		text-transform:uppercase;
		font-family: "futura-pt",sans-serif;
		font-style: normal;
		font-weight: 700;	
		margin:0 0 20px 0;

}


.byline2 {
text-transform: uppercase;
font-family: "futura-pt",sans-serif;
font-style: normal;
margin:0 0 20px 0;
display: block;
font-weight: 200;
font-size: 14px;
padding-top:12px;
}


.byline3 {
text-transform: uppercase;
font-family: "futura-pt",sans-serif;
font-style: normal;
float:right;
margin: 0 0 0;
color:#888 !important;
display: block;
font-weight: 200;
font-size: 12px;
}









.singular .byline2{	text-transform: uppercase;
font-size: .725em;
overflow: hidden;
float: none;
text-align: center;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 200;
padding: 0;
width:40%;
margin:20px auto 50px auto ;
border:none;
height:auto;}

.singular .byline2 a{}

.center{text-align:center !important;}

.category a{
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
color: #eef7f7;
font-size: 14px;
background-color: #000;
padding: 2px 13px;
border-radius: 100px;
margin-right: -1px !important;
}

.tags2 a{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #eef7f7;
font-size: 14px;
background-color: #1f2122;
padding: 2px 13px;
border-radius: 100px;

margin-bottom: 3px;
font-family: "futura-pt",sans-serif;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0 0 0 0;
line-height: 23px;
}



.archive .tags2 a,   .tags2 a{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #eef7f7;
font-size: 14px;
background-color: #fd1901;
padding: 2px 10px;
border-radius: 100px;
font-family: "futura-pt",sans-serif;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0 0 0 0;
line-height: 27px;
}

.archive .tags2 a:hover,   .tags2 a:hover{background-color:#847a79; color:#eef7f7; }




  .cat-item:hover ~ #redline:after{width:887px !important; border-bottom:4px solid white ;  box-shadow: 0 0 0px #fd1901;}

.cat-item:hover ~ #redline:after{width:887px !important; border-bottom:4px solid #fd1901; }

.filter .category a {margin-right: -3px !important;}


.category a:hover{
	color:white !Important;
	background-color:#fd1901;

}


.pills{

		font-size:1em;
		font-family: "futura-pt",sans-serif;
		text-transform:uppercase;
		font-style: normal;
		font-weight: 700;	
	margin: 6px 0 0 0;
}

.entry-summary .pills{
		font-size:.83em;
		font-family: "futura-pt",sans-serif;
		text-transform:uppercase;
		font-style: normal;
		font-weight: 700;	
		margin:0 2px 0 0;
}



.entry-summary .category a:hover{
	
	
		font-style: normal;
		font-weight: 700;	
		
		
}











.singular .entry-title:hover{ color:#1f2122 !important;}

.singular .entry-title a:hover{color:#1f2122 !important;}



.breadcrumb-trail {
display: none;
}

.singular .entry-title {

    padding: 20px 0;
    color: #000;
    font-family: "Bookmania", Georgia, serif;
    font-style: normal;
    font-size: 2.5em;
    line-height: 1.3em;
    font-weight: 300;
    text-align: center;
    text-transform: none;
    width: 60%;
    margin: 0 auto;}





.fb-like{display:none !important;}

.singular .fb-like{display:block!important;}

.icon-pencil{
	color: #ccc;
font-size: 16px;
line-height: 43px !important;
}


		 .icon-caret-down {
    margin-right: 3px;
    margin-left: 1px;
    font-size: 18px;
}











.circle {
		-webkit-transition: all 0.8s;
 		 -moz-transition: all 0.2s ease;
 		 -o-transition: all 0.2s ease;
  		transition: all  0.2s ease;
	position:fixed;
	left:80px;
	top:69px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	border:4px solid #1f2122;
	cursor:pointer;
}

.circle:hover{
	width:60px;
	height:60px;
	border:8px solid #fd1901;
	margin:-4px -4px;

}








.excerpt_more{

font-size: 2.6em;
line-height: 0em;

font-weight: 200;
margin: 0 0 0 4px;
font-family: "futura-pt",sans-serif;

}

.excerpt_more a{
		-webkit-transition: all 0.2s ease;
 		 -moz-transition: all 0.2s ease;
 		 -o-transition: all 0.2s ease;
  		transition: all  0.2s ease;
		color:#eef7f7 !important;
		letter-spacing: -2px;


}

.excerpt_more a:hover{
		border:none !important;
		color:#bebebe !important;
		letter-spacing: -2px;


}







.post-content {
		width:100%;
		margin:0 auto;
 		margin-bottom: 100px;

}

.post-content p {
    font-size: 1.2em;
    line-height: 1.5em;
		margin:0 auto 10px auto;
}


}


.post_tag{
		clear:both;
		font-size:3em !important;

}

.cover  {width:100% !Important; }


blockquote p {

    text-transform: none;
    font-size: 34px !important;
    line-height: 47px !important;
    margin: 0 auto 35px auto!important;
    padding: 32px;
    color: #1f2122;
    text-align: center !important;
    font-weight: 600;
    font-family: "bookmania";
}


blockquote{

	width: 60%;
margin: 0 auto;
}

blockquote:before {
    content: "”";
    background-color: #1f2122;
    font-family: "Bookmania", Helvetica, Arial, sans-serif;
    font-weight: 400;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    color: white;
    line-height: 58px;
    font-size: 34px;
    border-radius: 50px;
    margin: 15px auto -7px auto;
}









.entry-meta{
margin:60px auto !important;
text-align: center;
}





.post_tag2{
text-align: right;
line-height: 18px;
width: 75%;
float: right;
margin: -10px auto 50px auto;
padding: 10px 0;

}

.post_tag2 a{

		background-color:#fd1901;
		text-transform:lowercase;
		color:white;
		margin:-2px!important;
		border-radius:20px;
		font-family:futura-pt;
		font-size: 12px;
		padding: 2px 9px;
		border-radius: 100px;
		-webkit-transition: all 0.3s ease;
  		-moz-transition: all 0.3s ease;
  		-o-transition: all 0.3s ease;
  		transition: all 0.3s ease;
}

.post_tag2 a:hover{
			background-color:#1f2122;
			color:white !important;

}

.post_tag{
	overflow:hidden;
	text-align:center;
	line-height: 18px;
	width:35%;
	margin:60px auto 50px auto;
	padding: 10px 0;

}

.post_tag a{

		background-color:#fd1901;
		text-transform:lowercase;
		color:white;
		margin:-2px!important;
		border-radius:20px;
		font-family:futura-pt;
		font-size: 12px;
		padding: 2px 9px;
		border-radius: 100px;
		-webkit-transition: all 0.3s ease;
  		-moz-transition: all 0.3s ease;
  		-o-transition: all 0.3s ease;
  		transition: all 0.3s ease;
  		 white-space: nowrap;
}

.post_tag a:hover{
			background-color:#1f2122;
			color:white !important;

}

.loop-nav{
			font-family: "ff-dagny-web-pro",sans-serif;
			font-style: normal;
			font-weight: 500;
			font-size:10px !important;
			text-transform:uppercase; 
			margin-top:20px;



		}


#footer {
font-family: "ff-dagny-web-pro",sans-serif;
font-style: normal;
font-weight: 400;
background-color: none;
border-top: none;
color: #ccc;
border-top: none !important;
text-align: right;
width: auto !important;
padding: 50px 65px 35px 65px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}


.singular #footer {
	font-family: "ff-dagny-web-pro",sans-serif;
font-style: normal;
font-weight: 400;
		background-color:none;
border-top: none;
		color:#ccc;
		text-align:right;

		width:auto !important;
padding: 65px 75px 57px 62px;
		-webkit-transition: all 0.3s ease;
  		-moz-transition: all 0.3s ease;
  		-o-transition: all 0.3s ease;
  		transition: all 0.3s ease;

}

#footer a{color:#76716f; font-weight:800;}

#footer a:hover{color:#b4bbbb;}

.footerdot a{

		display:block;
		width:10px;
		height:10px;
		margin:0 auto;
		background-color:#ccc;
		border-radius:100px;
		-webkit-transition: all 1s ease;
 					 -moz-transition: all 1s ease;
  					-o-transition: all 1s ease;
  					transition: all 1s ease;

}


.page-numbers .current a{color:#b4bbbb;}

.footerdot a:hover{

				
				background-color:#fd1901;
}


.footertype{width: 280px;
	margin: 0 auto;
margin-top: 17px;
}


.footertype a{
text-transform:uppercase;
color:#ccc;
letter-spacing:.3px;
	border-bottom:2px solid #ccc;

-webkit-transition: all 1s ease;
 					 -moz-transition: all 1s ease;
  					-o-transition: all 1s ease;
  					transition: all 1s ease;
}

.footertype a:hover{
	color:#1f2122;
	border-bottom:2px solid #fd1901;
}

.footerlinks{
text-transform:uppercase;

	margin: 0;
	padding: 0;
	text-align: left;
	width: 40%;
	float: left;
}

.footerlinks a{color:#ccc;}

.footerlinks li{display: inline;
list-style-type: none;
padding-right: 10px;}

.singular #footer{margin:0!important;}


.shadow {	
		width:100%;
		height:600%;
		position:absolute;
		left:0;
		top:0;
		background-color:#000;
		opacity:0;
	
		

	}

	.microtext{
		font-size:10px;
		width:300px;
		height:100px;
		background-color:#1f2122;
		font-family:;

	}

	.loop-nav{font-family:futura-pt;
				font-size:12px !important;
				}

	.loop-nav a{color:#fff;}

	.previous{position:fixed;
				cursor:pointer;
				font-size:30px !important;
				left: 60px;
				bottom: 46%;
				width: 160px;
				text-align:right;
				height: 57px;
				width: 57px;
				background-color: #e6e6e6;
				border-radius:100px;
			-webkit-transition: all 0.3s ease;
 					 -moz-transition: all 0.3s ease;
  					-o-transition: all 0.3s ease;
  					transition: all 0.3s ease;}

	.previous a{float:left; margin:11px 0 0 14px; color:white !important;}

	.previous:after{
		float: left;
content: "previous";
color: #f5f8f8;
font-size: 12px;
margin: -28px 0 0 56px;
opacity:0;
		-webkit-transition: all 0.5s ease;
 					 -moz-transition: all 0.5s ease;
  					-o-transition: all 0.5s ease;
  					transition: all 0.5s ease;
}
}




.previous a:hover {	color:white!important; color:white !important; ;}


.previous:hover {background-color:#fd1901; border-radius:80px !important; width:130px;  }




	.nexxt:after{
float: right;
content: "next";
color: #f5f8f8;
font-size: 12px;
margin: -28px 60px 0 0;
opacity:0;
		-webkit-transition: all 0.5s ease;
 					 -moz-transition: all 0.5s ease;
  					-o-transition: all 0.5s ease;
  					transition: all 0.5s ease;
}



.nexxt:hover:after{opacity:1;}

.previous:hover:after{opacity:1;}


.nexxt {position: fixed;
	cursor:pointer;
		font-size:30px !important;
				right: 60px;
				bottom: 46%;
				width: 160px;
				text-align:left;
				height: 57px;
				width: 57px;
				background-color: #e6e6e6;
				border-radius:100px;
					-webkit-transition: all 0.3s ease;
 					 -moz-transition: all 0.3s ease;
  					-o-transition: all 0.3s ease;
  					transition: all 0.3s ease;
				}

.nexxt a{float:right; margin:11px 14px 0 0;}

.nexxt a:hover {	color:white!important;}




.nexxt:hover {background-color:#fd1901; border-radius:80px !important; width:130px;   }




	










.entry-summary2 p {margin-bottom:25px !important;}

.tags2{
margin: 20px 0 30px 0;
float: right;
line-height: 14px;
text-align: right;
width:80%;

}

.tags2 a {background-color:;}

.tags2 .pills{
	float:right !important;

}


.tags a{
	float:left;
	margin-right:30px;
}

.tags .category a {margin-right: 1px !important; margin-bottom: 2px;}



.related{
	position:relative;
	overflow: hidden;
background-color: #e6e6e6;
padding:30px 0 0 0;

text-align: center !important;}


.related_post{
	visibility: visible;
margin: 0 auto;
width: 689px;
}


.related_post_title {
	text-transform: uppercase;
font-size: 18px;
text-align: center;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 200;


}
ul.related_post {
	list-style-type: none;
	text-align: center !important;


}
ul.related_post li {
	float:left;
width: 150px;
padding: 3px;
margin: 0 0 35px 0 !important;
line-height: 12px;

}




ul.related_post li a:hover:after {
	display:block;
		margin-top:-70px;

		-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;

}



ul.related_post li a {


}



ul.related_post li img {
	width:135px;
	border-radius:100px;
	margin:0;
	text-align:center;
				
}

.zem_rp_wrap {
clear: both;
text-align: center;}








.zem_rp_title {display:none;}












@media  screen and (max-width: 460px) { 
		
body {padding: 0 !important;}

#branding{padding:10%;}

.btns{
    position: absolute;
    bottom: 25px;
    right: 30px;
}

.singular .icon-random{
display: inline;
 position: absolute;
    bottom: 25px;
    left: 80px;
    font-size: 26px;

}

.singular .icon-home {
display: inline;
 position: absolute;
    bottom: 28px;
    left: 28px;
    font-size: 26px;
}

.icon-home, .icon-random {display:none; !important;}

.hentry{    
	width: 100%;
        margin: 0 !important;
}

.logo{margin: 0 auto -1% auto;
    width: 100%;}

.cloud, .tomato {display:none;}

.entry-title, .special{font-size: 1.2em;
    line-height: 1.25em;}

.byline3 {display:none;}


.loop-nav{display:none;}

.singular .entry-title {
 width: 85%;
   padding: 10px 0 30px 0 ;
    font-size: 1.9em;
    line-height: 1.2em;
  }




.special{padding:6%; margin:0 !important; width: auto;}


.singular p {
   width: 85%;
}


.post-content p {
    font-size: 1.1em;
    line-height: 1.5em;
		
}


#content {
    margin-top: 0 !important;
}

.post_tag{display:none; !important}



.entry-summary {
 
    padding-bottom: 0!important;
}

.byline2{margin:0px auto 30px auto !important}
.filter{display:none;}


	blockquote p {

font-size: 1.3em !important;
line-height: 1.4em !important;
margin: 0 auto 35px auto!important;
padding: 16px 0 0 0;

}

blockquote {width:100%;}



.singular #footer{padding: 21px 75px 27px 44px;}















#main{overflow:hidden;}

}