@charset "utf-8";
/* CSS Document */

/*
 Theme Name: renlimm
 Template: twentyfifteen
 
*/
@import url("../twentyfourteen/style.css");

<link href='http://fonts.googleapis.com/css?family=Cabin|PT+Sans|Roboto+Condensed' rel='stylesheet' type='text/css'>
/* =Theme customization starts here*/


body{
background-color:#000;	
}

h1{	
 font-family: Square720;
text-transform:uppercase;
 font-size:24px;
 font-weight:500;	
}

h1.summary a, h2{	
 font-family: Square720;
 font-size:20px;
 font-weight:500;	
 margin-top:20px;
}


h3{	
 font-family: Square720;
 font-size:15px;
 font-weight:500;	
 text-transform:uppercase;
}


.contact{
margin-top:20px;	
	
}

p{
font-size:14px;	
font-family: 'PT Sans', sans-serif;
font-weight:100;	
float:left;
clear:none;
}


img.alignleft{
  float:left;
  margin: 0px 20px 20px 0px;
  width:300px;
  height:auto;
}

p{
font-size:14px;	
font-family: 'PT Sans', sans-serif;
font-weight:100;	
float:none!important;

}


img.u-photo.avatar{
	display:none!important;
}


/* FONTS */
@font-face {
   font-family: 'Square720';
   src:url('/wp-admin/fonts/Square721Dm.eot'), url('/wp-admin/fonts/Square721Dm.ttf') format('truetype');
       
}


#Title{
color:#75BEE9;
font-family:Square720;
text-align:center;
display:block;
width:100%;
}

.picblock{
width:100%;
position:relative;
height:100px;

	float:left;

}

.textblock{
width:100%;
position:relative;
height:100px;

		float:left;
	
	
}

/* MENU */
#menusymbol, #menuxsymbol{
position:fixed;
top:20px;
right:20px;
width:30px;
height:20px;
z-index:1001;
cursor:pointer;
}

.contact a{
color:#75BEE9;		
font-family:Square720;
text-align:center;
display:block;
width:100%;
font-size:20px;	
position:relative;
float:left;
text-decoration:none;
position: absolute;
}

#menubar1{
position:relative;
width:100%;
height:20%;
z-index:1002;
}

#menubar2, #menubar3{
position:relative;
width:100%;
height:20%;
margin-top:20%;
z-index:1002;
}

.menubar{
background-color:#75BEE9;	
}

#menux1{
background-color:#75BEE9;
width:25px;
height:3px;	
 -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
	z-index:1015;
	top:7.5px;
	position:relative;
}
#menux2{
	background-color:#75BEE9;
width:25px;
height:3px;	
 -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg); 
    transform: rotate(135deg);
	z-index:1015;	
		top:5px;
	position:relative;
}

#menu{
width:100%;
height:60px;
background-color:#373737;
z-index:1010;
position:fixed;
top:0;
left:0;
display:none;
}
#menuwrap{
padding-left:15vw;
padding-right:15vw;
}

.menuitem{
padding-top:20px;
	position:relative;
	float:left;
width:17vw;
font-family:Square720;
color:#75BEE9;
font-size:16px;	
text-align:center;
text-decoration:none;	
transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
cursor:pointer;
}


.menuitem:hover{
color:#FFF;	

}


.internalsection{
margin-top:30px;	
width:calc(100% - 140px);
max-width:800px;	
margin-left:auto;
margin-right:auto;
margin-bottom:60px;	

}



#wrap{
position:absolute;
top:0;
left:0;
right:0;	
}

#Screen1{
min-height:100vh;
}

#Screen3, #Screen5{
min-height:60vh;
}
	
#blogslink a{
font-family: 'PT Sans', sans-serif;
font-weight:bold;	
color:#000!important;
margin-bottom:30px;
height:50px;
display:block;
}

#Screen1, #Screen3, #Screen5{
background-color:#000;
padding-bottom:30px;
overflow:auto;	
text-align:justify;

}

.white p a{

font-family: 'PT Sans', sans-serif;
font-weight:bold;	
color:#75BEE9!important;
text-decoration:none;
}

.black p a{

font-family: 'PT Sans', sans-serif;
font-weight:bold;	
color:#000!important;
text-decoration:none;
}

p a:hover{
text-decoration:underline;	
}

#Screen2, #Screen4{
background-color:#75BEE9;
min-height:60vh;	
overflow:auto;	
padding-bottom:30px;
text-align:justify;

}

#centralM{
margin-left:auto;
margin-right:auto;	
height:30vh;
min-height:150px;
max-height:300px;
width:auto;
display:block;
padding-top:15vh;


}
.Chevron{
min-height:30px;
height:6vh;
max-width:20vw;
margin-right:auto;
margin-left:auto;
display:block;
cursor:pointer;

}

#Chevron2{
margin-top:-5px;	
}


#Slogan{
color:#FFF;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center;
display:block;
margin-top:3vh;
margin-left:15%;
margin-right:15%;
}
#BlankSpace{
height:15vh;
	
}

.sectionTitle{
font-family:Square720;	
font-size:36px;	
margin-left:auto;
margin-right:auto;
width:250px;
padding-top:10vh;
text-align:center;
}

.black{
color:#000;	
}
.blue{
color:#75BEE9;	
}
.white{
color:#FFF;	
}



#blogpost{
float:left;
width:400px;	
min-width:320px;
padding-left:70px;
}

#blogpost p{
margin-left:0px!important;	
}

#twitterfeed{
float:left;
width:320px;		

}

/*TWITTER*/
iframe{
padding-right:70px;	
background-color:#75BEE9!important;
}


/*CONTACT SECTION*/
#contact-wrap{
width:60%;
margin-right:auto;
margin-left:auto;	
	
}


.third-of-page{
margin-top:30px;
width:calc(33% );
height:300px;
z-index:9999;
display:block;
position:relative;	
float:left;

}





#central-third{
margin-left:30px;
margin-right:30px;	
position:relative;	
}




.contact-img{
position:absolute;	
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);		
width:50%;
max-width:200px;
}

#static-bar{
display:none;	
	
}

#Telephone{
 font-family: Square720;
 font-size:18px;
 font-weight:500;	
 margin-top:20px;
 text-align:center;
 line-height:14px!important;
}

#hidden-break{
display:none;	
}

/* ---- BLOGS PAGE ----- */

#internaltopdiv{
position:relative;
top:70px;
margin-right:auto;
margin-left:auto;
width:270px;	
color:#75BEE9;
font-family:Square720;
font-size:36px;	
}
	
#smallM{
width:70px;
height:70px;	
padding-right:20px;
display:inline-block;
float:left;
}
	
#pagetitle{
	padding-top:12px;
padding-bottom:10px;	
display:inline-block;
float:left;	
}
	
	
@media screen and (max-width:951px) and (min-width:601px){
#menu{
height:80px;	
}	
.menuitem{
width:30vw;
padding-top:13px;	
padding-left:2vw;
}

#twitterfeed{

width:100%!important;
position:relative;
margin-bottom:20px;
float:none;
}


#blogpost{
	
width:100%;;	
min-width:320px;
float:left;
padding-left:0px;
float:left;	
min-width:320px;

}

.twitter-timeline{
width:100%!important;

}

.contact a{
font-size:2.5vw;	
	
}
	
}
@media screen and (max-width:600px){
#menu{
height:150px;	
}	
.menuitem{
width:100%;
padding-top:13px;	

}

.sectionTitle{
font-family:Square720;	
font-size:25px;	
margin-left:auto;
margin-right:auto;
width:250px;
padding-top:80px;
text-align:center;
}	

#static-bar{
width:100%;
height:60px;
background-color:#373737;
z-index:1000;
position:fixed;
top:0;
left:0;
display:block;
}

.menubar{
background-color:#75BEE9!important;	
}
	
.internalsection{
margin-top:30px;	
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:60px;	

}	

p{	
text-align:left;	
}

#blogpost{
float:left;
width:300px;	
padding-left:0px;
}

#hidden-break{
display:block;	
}
	
	
/*CONTACT SECTION*/
#contact-wrap{
width:100%;
}


.third-of-page{
margin-top:10px;
width:100%;
height:150px;
z-index:9999;
display:block;
position:relative;	
float:left;

}


#central-third{
margin-left:0px;
margin-right:0px;	
position:relative;	
}

.contact-img{		
width:30%;
max-width:200px;
}
	
.picblock{
width:100%;
height:70px;

}	


#menuwrap{
padding-left:15vw;
padding-right:15vw;
}
	
	
.Chevron{

height:50px;

margin-right:auto;
margin-left:auto;
display:block;
cursor:pointer;

}	

#Screen1{
min-height:600px;
}

#Screen3, #Screen5{
min-height:600px;
}

#Screen2, #Screen4{
background-color:#75BEE9;
min-height:600px;	
overflow:auto;	
padding-bottom:30px;
text-align:justify;

}

#centralM{
margin-left:auto;
margin-right:auto;	
height:150px;
width:auto;
display:block;
padding-top:100px;


}
	
	
	#Slogan{
margin-top:30px;
margin-left:15%;
margin-right:15%;
font-size:14px!important;
}
#BlankSpace{
height:20px;
	
}

}