/*
Theme Name: El Raise
Theme URI: http:www.andresrisquez.com
Description: Art
Version: 3.0
Author: JLC
Author URI: jlrcollado@gmail.com
*/
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);
/**************************** MAIN LAYOUT  *****************************/
*			{ margin:0 auto; padding:0;   }
body		{ background:#e7e7e7; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:15px; line-height:21px; overflow-x:hidden;  }
#wrapper	{ width:100%; position:relative; top:0; 	}
#rotator 	{ width:100%; height:100%; background:url(images/rotate.php) no-repeat left center; color:inherit; background-size:cover;  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; position:fixed; z-index: -100;   }
p			{ line-height:170%; font-size:.9em; margin-bottom:30px;  }
.main-margin	{ padding-top:170px;	}
/**************************** HEADER AND FOOTER *****************************/
.header		{ width:100% ; height:110px;  background:#fff; box-shadow: 0 0 15px #000; position:absolute; float:left;  z-index: 3000;  }
#header_box	{ width:100%; min-width:800px; max-width:940px; height:60px; margin:0 auto; background-color: #FFF; position: relative;   }
.stick		{ top:-40px;	visibility:visible;  position:fixed;   display:block; }	
.logo		{ top: 65px;  position:relative;  float: left; }
.logo a		{ font-size:3em; font-weight:600; color:#111; text-align:left; letter-spacing:-2px; word-spacing:5px;}
.logo a:hover, .logo a:active, .logo a:visited { text-decoration:none; }
.footer 	{ height:100px; background:#262626; }
.foot-rights{ color:#fff;	font-size:1em; padding:40px 50px 0 0; text-align:center; }
.refresh	{ color:#fff;	position:absolute; left:0; top:155px; font-size:1.2em;	}
.refresh a	{ padding:7px 20px 7px 15px; background:#262626; color:#fff; text-decoration:none;} .refresh a:active, .refresh a:visited 	{ text-decoration:none; color:#fff;	} .refresh a:hover	{background:#00a0c6; text-decoration:none;}

/**************************** MENU *****************************/
#nav                {  height:30px;padding-top: 69px;  float: right; display:block; }
#nav ul             {  list-style: none;  }
#nav ul li          {  display: block; position: relative; float: left;  }
#nav ul li a        {  padding:2px 10px; color:#757575; font-size:1.1em; font-weight:300; white-space:nowrap;  text-decoration:none;  display:block; text-transform:uppercase;  }
#nav ul li a:hover  {  background-color:#262626; color:#fff;  }
#nav a.active       {  background-color:#00a0c6; color:#fff;  }
#nav li.current-menu-item a	{ background:#00a0c6; color:#fff; }
#nav ul li.menu-item-2789:hover	{ background-color:#f00;}
/************************** MAIN SOCIAL ***************************/
.main-social			{	margin:0; padding:0; top:200px; left:0; position:absolute;  z-index:1001;	}
.main-social ul			{	margin:0; padding:0; list-style:none; }	
.main-social ul li		{	width:70px; padding:5px; padding-left:25px; margin:0; margin-bottom:10px; display:block;   background:#262626; opacity:1; 	}
.main-social ul li:hover{	background:#00a0c6; }
.main-social img:hover  {	opacity:1; }
.main-social img		{	width:35px; margin:0 ; opacity:1;   display:block;	}

.social-contact				{ position:static; right:0; float:right; margin:30px 10px 0 0;}
.social-contact ul			{ margin:0; padding: 0; list-style:none; }	
.social-contact ul li		{ padding:0; margin:0; margin-right:20px; display:inline-block; border-radius:4px; opacity:.8; 	}
.social-contact ul li:hover	{ }
.social-contact img			{ width:35px; margin:0; opacity:.8; border-radius:2px;   display:block;	}
.social-contact img:hover	{ opacity:1; }


/**************************** CONTENT *****************************/
section		{ width: 100%; } section.active	{  }
#wrap-1		{ width: 980px;  height: 100%; margin-bottom: 200px; overflow: hidden;    }
#wrap-2		{ width: 70%; min-width:800px; max-width:900px; min-height:1100px;   margin-bottom: 50px; padding:35px;   background-color:rgba(255,255,255,.5); border-bottom:0px solid #00a0c6;   }
#wrap-21	{ width: 70%; min-width:800px; max-width:900px; min-height:870px;   margin-bottom: 200px; padding:35px;   background-color:rgba(255,255,255,.5); border-bottom:0px solid #00a0c6;   }
#wrap-3		{ width: 70%; min-width:900px; max-width:950px; min-height:1700px; margin-bottom: 200px; font-family: 'Slabo 27px', serif; font-size:1.1em; overflow: hidden; padding: 40px; background-color: rgba(255,255,255,.5);     }
#wrap-4		{ width: 850px; height:550px; padding:40px; margin-bottom:200px;   overflow: hidden; background-color: rgba(255,255,255,0.5); border-bottom:0px solid #00a0c6;     }
.margin-wrap { margin-bottom:700px;	}

/* GALLERY */
.insta-grid	{ }
.insta-grid-tle	{ width:100%;  text-align:left; padding:30px 0 40px 20px; font-size:2.7em; font-weight:400;  }
.insta-grid-back{ background:rgba(255,255,255,.9); padding: 20px 40px; overflow:hidden; }

/* ABOUT */
.main-content	{ width:67%; font-size:1.15em; background-color: rgba(255,255,255,1); margin-left:3%; padding: 30px 40px 30px 30px; float:right; border-bottom:5px solid #00a0c6; }
.sidebar		{ width:30%; overflow: hidden; float:left;  }
.twit-widget	{ float:right; height:auto; margin-bottom:30px;	}
.insta-widget	{ width:100%; min-width:200px; max-width:400px; margin-bottom:20px; float:left; 	}
.insta-widget-2	{ width:210px; margin:70px 0 30px 20px; float:left; 	}

/* CONTACT */
.contact-content{ width:270px; float:left; padding:70px 0 0 0; text-align:center; font-size:1.2em;   	}
.contact-form	{ width:55%; float:right; padding:30px 10px 0 40px;  border-left:1px solid #ccc;  	}

/*WEBKIT SCROLLBAR*/
::-webkit-scrollbar			{ width: 11px;  } /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track	{ background: rgba(255,255,255,.9); border-left: 0px solid rgba(12,159,255,.6);   } /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb	{ background-color:#00a0c6;  box-shadow:0 0 7px #; border-left: 0px solid rgba(12,159,255,.6);    } /* FF31FF this will style the thumb, ignoring the track */
::-webkit-scrollbar-button	{ display:none; } /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner	{ background-color: black; } /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

/* Contact Form 7 Styles */
.wpcf7 input, textarea  { border:1px solid #ccc;font-size: 14px; margin: 0 8px 5px 0;padding: 7px 10px;border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 1px 2px #ddd;}
.wpcf7 					{ color:#999; font-size:14px; line-height: 130%; } .wpcf7 input 	{ width:250px; line-height: 130%; }
.wpcf7 textarea 		{ width:330px;  font-family:'Open Sans'; font-size:14px;    }
.wpcf7 input[type="submit"] 		{ padding:4px 5px; width: 150px; margin-top: 5px; background-color:#00a0c6; font-size:14px; text-align:center; text-decoration: none; color:#FFF; cursor:pointer; border-radius:0;}
.wpcf7 input[type="submit"]:hover	{ background-color:#6C0;  opacity: 0.9; border: 1px solid #fff;  }	.wpcf7 p 		{ font-size:13px;font-weight: 400;margin-bottom:10px; }


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 750px)
  and (-webkit-min-device-pixel-ratio: 2) {


.header		{  height:300px;  background-color:rgba(255,255,255,.9);  }
#header_box	{ width:940px; height:60px; margin:0 auto; background:none; position: relative;   }
.logo		{ width:100%; text-align:center; top: 130px; }
.logo a		{ width:100%; font-size:6em; 	}
.stick		{ top:none;	visibility:visible; display:;  position:absolute; }	
#nav        {  padding-top: 72px;  float: right; display:none; }
.refresh	{ color:#fff;	position:absolute; top:470px; right:0; margin:0; opacity:.85; 	}
.refresh a	{ font-size:3em; margin:0; padding:20px 50px 20px 130px; background:#262626; color:#fff; text-decoration:none;} .refresh a:active, .refresh a:visited 	{ text-decoration:none; color:#fff;	} .refresh a:hover	{background:#00a0c6; text-decoration:none;}

/************************** MAIN SOCIAL ***************************/
.main-social			{	top:590px; position:absolute;  z-index:1001; opacity:.85;	}
.main-social ul			{	list-style:none; }	
.main-social ul li		{	width:360px; padding:20px; padding-left:250px; margin:0; margin-bottom:50px; display:block;   background:#262626; opacity:1; 	}
.main-social ul li:hover{	background:#00a0c6; }
.main-social img:hover  {	opacity:1; }
.main-social img		{	width:90px; margin:0 ; opacity:1;   display:block;	}

.main-content	{font-size:1.6em; }


#wrap-1		{ width: 980px;  height: 200%; margin-bottom: 200px; overflow: hidden;    }



/* CONTACT */
#wrap-4		{ width: 700px; min-height:550px; padding:40px; margin-bottom:200px;   overflow: hidden; background-color: rgba(255,255,255,0.5); border-bottom:0px solid #00a0c6;     }
.contact-content{ width:500px; float:left; padding:40px 0 0 0; font-size:3em; line-height:130%;  	}
.contact-form	{ width:100%; float:right; padding:50px 0 0 0;  border-left:0px solid #ccc;  	}
.contact-text	{ text-align:left;}
.social-contact				{ position:static;  float:left; margin:50px 0 0 50px;}
.social-contact ul			{ margin:0; padding: 0; list-style:none; }	
.social-contact ul li		{ padding:0; margin:0; margin-right:20px; display:inline-block; border-radius:4px; opacity:.8; 	}
.social-contact ul li:hover	{ }
.social-contact img			{ width:80px; margin:0; opacity:.8; border-radius:2px;   display:block;	}
.social-contact img:hover	{ opacity:1; }



/* Contact Form 7 Styles */
.wpcf7 input{ border:1px solid #ccc;font-size: 2.5em; margin: 0 8px 10px 0;padding: 15px 10px;border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 1px 2px #ddd;}
.wpcf7 					{ color:#999; font-size:2.5em; line-height: 130%; } .wpcf7 input 	{ width:500px; line-height: 130%;  }
.wpcf7 textarea 		{ width:500px; min-height:500px;  font-family:'Open Sans'; font-size:2.5em;    }
.wpcf7 input[type="submit"] 		{ padding:20px 35px; width: 300px; margin-top: 15px; background-color:#00a0c6; font-size:3em; text-align:center; text-decoration: none; color:#FFF; cursor:pointer; border-radius:0;}
.wpcf7 input[type="submit"]:hover	{ background-color:#6C0;  opacity: 0.9; border: 1px solid #fff;  }	.wpcf7 p 		{ font-size:13px;font-weight: 400;margin-bottom:10px; }


}