/*
Theme Name: abtheme
Theme URI: http://www.aureliabertrand.net/
Description: Aurélia Bertrand Theme
Version: 1.0
Author: Séverine Aillaud
Author URI: http://www.webdevsev.com/
Tags: portfolio, responsive, simple    

*/


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	background: url('images/body-bg5.png');
	font-family: 'Droid Sans';
	}
a{
	color:#000;
	}
a:hover{
	color:#000;text-decoration:none;
	}
img {
	max-width:100%;height:auto;
	}
.center{
	text-align: center;
	}

#top {
	background: url('images/top-bg.png') repeat-x left bottom;
	padding-bottom: 2em;
}

#content {
	background: url('images/content-bg.png');
	padding-top: 40px;
	padding-bottom: 50px;
	}

h5{
	text-transform: uppercase;
	color: #ababab;
	font-weight: bold;
	}
#top .container h1{
	font-family:'Lobster';
	color:#ababab;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}

ul{
	padding-left:0;
	}
li{
	list-style:none;
}

/*------------------------------------------------*/
/*-----------------[NAVBAR]-----------------------*/
/*------------------------------------------------*/


.navbar-header{
	height:12em;
	overflow: hidden;}
.navbar-brand img{
	padding-top:1.5em;
	width:180px;}

.nav{padding-top:8em;}
.nav>li>a{text-transform: uppercase;font-size:0.9em;}
.nav>li>a:hover{color:#E24B7A;background: white;}
.icon-bar{background-color:black;}

/*------------------------------------------------*/
/*-----------------[HOME]-------------------------*/
/*------------------------------------------------*/




#content .jumbotron{
	border-radius: 0px;
	background-color: transparent;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}

.slogan {
	margin-top:2em;
	background: url(images/tagline-bg.png) repeat-x;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 22px;
	font-size: 20px;
	font-family: Georgia, serif;
	font-style: italic;
	color: #414141;
	text-shadow: 1px 1px 1px #ffffff;
	}

.home-recent{
	font-family: Georgia, serif;
	font-style: italic;
	}

.home-recent h4.title {
	padding-top: 2em;
	font-style: italic;
	color: #ababab;
	text-shadow: 1px 1px 1px #ffffff;
	font-size: 12px;
	}

.home-recent .description p {
	color: #414141;
	text-shadow: 1px 1px 1px #ffffff;
	font-size: 12px;
	}

.home-recent{
	background: url(images/tagline-bg.png) repeat-x;
	}
	
.home-recent .description{
	background: url(images/description-bg.png) repeat-y;
	padding-top: 2em! important;
}


.home-recent .project-title{
	color: #585858;
	}
	
.home-recent .project-title .bxslider{margin-top: 1em;}
/*------------------------------------------------*/
/*--------[HOME BXSLIDER - RECENT POSTS]----------*/
/*------------------------------------------------*/

.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0 #ccc;
-webkit-box-shadow: 0 0 0 #ccc; 
box-shadow: 0 0 0 #ccc; 
border: 0;
left: -5px;
background:none;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}

#bx-prev,.bx-prev, #bx-next,.bx-next {
	
text-indent: 0;
width: 30px;
height: 30px;
background: #ababab;
line-height: 18px;
color: #fff;
/*position: absolute;
top: 2px;
right:10px;*/
z-index: 1;
margin:0.5em;
}

.fa-angle-left,.fa-angle-right{font-size:1.2em;}

.bx-controls-direction{
	margin-top:1.5em;
text-align: center ;
}

/*------------------------------------------------*/
/*-----------------[FOOTER]-----------------------*/
/*------------------------------------------------*/

#footer {	
	background: url(images/footer-topbg.png) repeat-x;
	}

#footer .nav{
	margin:0 auto;
	padding-top: 0;
	}
.copyright{
	margin:0;
	font-size:0.8em;
	padding-top: 1.5em;
	vertical-align: bottom;
	}
#footer .nav, #footer .copyright{display: inline-block;}

#footer .row-footer{border-top : 1px solid #E24B7A; margin-top :6em;}

/*------------------------------------------------*/
/*-----------------[GRID ANIMATION]---------------*/
/*------------------------------------------------*/

 .animate {et chr	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .6s ease-in forwards;
	-moz-animation: popUp .6s ease-in forwards;
	animation: popUp .6s ease-in forwards;
}

@-webkit-keyframes popUp {
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
	70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}

/**************Hover effect on thumbs************/

.home-item-wrapper{
	position: relative;
	margin-bottom:1.2em;
	}
.home-item-wrapper img{
	-webkit-transition : all 0.7s ease-in;
	-moz-transition : all 0.7s ease-in;
	transition : all 0.7s ease-in;
	}
.home-item-see{
	position : absolute;
	top:0;
	left:0;
	opacity:0;
	width:100%;
	height: 100%;
	background: #E24B7A;
	-webkit-transition : all 0.3s ease-in;
	-moz-transition : all 0.3s ease-in;
	transition : all 0.3s ease-in;
	}
.home-item-see i{
	position: absolute;
	z-index: 10;
	font-size: 6em;
	opacity:0;
	color: #fff;
	top: 44%;
	left: 12%;
	width: 75%;
	text-align: center;
	-webkit-transition : all 0.3s ease-in;
	-moz-transition : all 0.3s ease-in;
	transition : all 0.3s ease-in;
 }

.home-item-wrapper:hover .home-item-see{
	opacity:1;
	}
.home-item-wrapper:hover .home-item-see i{
	font-size:2em;
	opacity:1;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg); 
}
.home-item-wrapper:hover img{
	opacity:0;
	}
/*.home-item-wrapper:hover .home-item-see i{
	-webkit-animation: popText .3s ease-in;
	-moz-animation: poText .3s ease-in forwards;
	animation: popText .3s ease-in forwards;
	}

	
@-webkit-keyframes popText {
	0%  { -webkit-transform: scale(0);  }	
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes popText {
	0%  { -moz-transform: scale(0);  }	
	100% { -moz-transform: scale(1); }
}

@keyframes popText {
	0%  { transform: scale(0);  }	
	100% { transform: scale(1); }
}
*/
/*------------------------------------------------*/
/*-----------------[HOME CAROUSEL]----------------*/
/*------------------------------------------------*/

#webdevsev_slider{
	width:1194px;
	height: 305px;
	overflow:hidden;
	}


.item {
	width: 25%;
	height:auto;padding:1em;
	}
	
.item.gigante {
	width:100%;
	}
	
	
.recent-item{width:25%;float:left;}
	
/*------------------------------------------------*/
/*-----------------[CONTACT]----------------------*/
/*------------------------------------------------*/
.wpcf7 form{
	margin-top :0;
	}
.wpcf7 form p{
	width:100%;
	}
.wpcf7 form p span input{
	width:100%;
	}
.wpcf7 form p span textarea{
	width:100%;
	}

.wpcf7 form p span input,.wpcf7 form p span textarea, .wpcf7 form p span input,.wpcf7 form p input[type="submit"]{
    border:1px solid black;
    border-radius:3px;
    }
    
.wpcf7 form p input[type="submit"]{
    background-color:#fff !important;
    color:#000;
	}  
 
.wpcf7 form p span input:focus,.wpcf7 form p input[type="submit"]:focus, .wpcf7 form p span textarea:focus{
  	border-color: #E24B7A;
  	outline: 0;
  	-webkit-box-shadow: none;
    box-shadow: none;
}
/* SINGLE BREADCRUMB */
.breadcrumbs{
	margin-top : -15px;
	font-size:0.9em;
	color:#8f8d8d;
	margin-bottom : 2em;
}
.breadcrumbs a{color:#8f8d8d;}

.breadcrumbs a:hover{font-weight:bold;}

/*------------------------------------------------*/
/*-----------------[MEDIA QUERIES]----------------*/
/*------------------------------------------------*/

@media all and (max-width : 768px){
	
	.navbar-header{
		height:10em;
		}
	.navbar-brand{
		float:none;
		}
	.navbar-brand img{		
		padding-top:0;
	}
    .nav{
    	padding-top:1em;
    	}
    .nav li a{
    text-align: center;
    }
    #top .container h1 {
    	text-align: center;
    }
    #webdevsev_slider{
    	width:100%;
    	height:auto;
    }
}

@media all and (min-width : 768px) and (max-width : 991px){

	.navbar-header{
		height:10em;
		}
	.navbar-brand{
		margin:0 auto;
		}
	.navbar-brand img{		
		padding-top:0;
	}
	.nav{
		padding-top:1em;
		margin : 0 auto;
		}
    
}