/*
Theme Name: Claudette Photography Theme
Author: Matthew Barrie
Author URI: https://matthewbarrie.net
Description: This is a theme built off a design from Blue Sand Group 
Version: 1.0
*/


@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');

html {
  position: relative;
  min-height: 100%;
}

body {
	 /* Margin bottom by footer height */
  margin-bottom: 100px !important;
	font-family: 'Comfortaa', cursive !important;

	background: #000 !important;
	color: #fff !important;

}

 .container-fluid {

 	background: #000;
 }
.galleryid-15 img {
    transform: rotate(5deg) !important;
}

#imageDataContainer {
    font: 13px Verdana, Helvetica, sans-serif !important;
    line-height: 1.4em;
    color: #000;
}

 .menu-main-nav-container ul li{display: inline;}
 .menu-main-nav-container a {color: #fff; padding: 10px;}



h1 {
	font-size: 40pt !important;
	margin-bottom: 50px !important;
	line-height: 50px !important;
	font-weight: normal !important;
	color: #fff;
}

h4 {font-weight: normal !important;
}

p {
	font-size: 10pt;
	line-height: 28pt;
}

.menu a {color: #fff;}

.menu a:hover {color: #555;}

/* .header { 
	background: url("http://www.claudettejdevereauxphotography.com/wp-content/uploads/home-banner2.jpg") ;
  	background-size: cover;
  	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
  	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;width:100%;
  	background-position: center;
  	text-align: center;
  	color: #fff;
   	margin: 0 !imagesmportant;
}
*/

.logo {
	display: inline-block;
	font-weight: normal;
	margin: 80px 30px;
}

.pg-logo img{display: block;
margin-top: 0px;
margin-bottom:60px;
margin-right: auto;
margin-left: auto}

.row.welcome {background: #fff;
color:#000;} 


.brand { 
	background-image: url("images/claudette-logo.png");
	color: #fff;
	font-weight: normal;
}

.sub-title {
	display: block;
	font-size: 14px;
	letter-spacing: 10px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}

.quote {
	font-family: 'Clicker Script', cursive;
}

 .home-gallery { 
 	margin: auto;
    padding: 200px 0;
    width: 600px;
}

.welcome {
padding: 60px 30px;
}

.welcome h1 {
	margin-bottom: 30px;
}



.bio-txt {
	padding: 91px 30px;
}

.inner-bio-txt{
	width: 60%;
	margin: auto;
	display: block;
margin-left:280px;
}

.gallery-btn{
	
	background-color: #fff;
	border-radius: 5px;
	padding: 6px 15px;
	float: right;
	margin-right: 30px;
	color: #000;
	border: #fff solid 1px;
}

a.gallery-btn:hover{
background-color: #000;
color:#fff;
text-decoration: none;
}


.btnbtn{
	background-color: #fff;
	border-radius: 5px;
	padding: 6px 15px;
	color: #000;
	border: #fff solid 1px;


}

a.btnbtn:hover{
background-color: #000;
color:#fff;
text-decoration: none;
}


.link-btn {
	
	background-color: #fff;
	border-radius: 5px;
	padding: 6px 15px;
	color: #000 ;
}

.link-btn a:hover {
	
	background-color: #000;

	color: #fff;
}

iframe {display: block;
margin: auto;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

footer {

position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;


	padding: 20px 54px;
	background: #fff;
	color: #000;

}

.footer p {text-align: left;}

.social {
	float: right;
	display: block;
	width: 152px;
}
.social img {
	padding: 0 5px;
}

.instagram {
	background-image: url("http://www.claudettejdevereauxphotography.com/wp-content/uploads/instagram.png");
	height: 40px;
	width: 41px;
	margin: 0 5px;
	display: inline-block;
}

.instagram:hover {
	background-image: url("http://www.claudettejdevereauxphotography.com/wp-content/uploads/instagram-invert.png");
}

.googleplus {
	background-image: url("http://www.claudettejdevereauxphotography.com/wp-content/uploads/googleplus.png");
	height: 40px;
	width: 41px;
	margin: 0 5px;
	display: inline-block;
}

.googleplus:hover {background-image: url("http://www.claudettejdevereauxphotography.com/wp-content/uploads/googleplus-invert.png");}

.img-cntr {margin: auto;
display: block;
}
.book {width: 60%;}



.body {background-color: #000 !important ;}


.contact-bg {background-image: url("/wp-content/uploads/Contact-page-photo-2.jpg") ;}

.form {background: rgba(0, 0, 0, 0.7);
padding: 60px 0;}

.form-box{
	width: 75%;
	  float: right;
}
.form-box p {font-size: 18px;}

.form-box a {color: #fff;}

div.wpcf7 {
  display: block;

  margin-bottom: auto !important;
  margin-left: auto !important;
  margin-right: 5px !important;
  margin-top: auto !important;
  overflow: hidden;
 
}

.wpcf7-textarea {height: 100px;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{ width: 100% !important;text-align: center; font-size: 16px;
	font-family: 'Comfortaa', cursive !important;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{ height: 40px !important; }

.wpcf7-form-control.wpcf7-submit {
  color: #fff;
  padding: 10px;	
  font-family: 'Comfortaa', cursive !important;
  background-color: #000;
  border: 1px solid #fff;
    border: 1px solid #000;
}
.wpcf7-form-control.wpcf7-submit:hover {
  color: #000;
  padding: 10px;	
  font-family: 'Comfortaa', cursive !important;
  background-color: #fff;

}

.stretch-txt p {margin-left: 100px;
letter-spacing: 10px;
text-transform: uppercase;
}

.text-border{border-bottom: 1px #fff solid;
width: 40%;}







    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
h1 {
	font-size: 20pt!important;
	margin-bottom: 50px; 
	line-height: 50px ;
	font-weight: normal;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}


    }



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

    	h1 {
	font-size: 40pt!important;
	margin-bottom: 50px; 
	line-height: 50px ;
		font-weight: normal;
}
/* Custom, iPhone Retina
.home-gallery {
	width: 250px;
	padding-bottom: 10px;
	height: 200px;
}
 */ 
.logo {
	margin: 10px 10px 0 10px !important;
}

.bne-gallery-carousel-wrapper {
	margin: 0px !important;
        
    }

 footer p {
 	font-size: 10px;
 	text-align: center;
 }


.social-icons {
	margin: auto;
}

}