/*
Theme Name: Marc et Bora
Theme URI: 
Author:Louis-Mathieu Laviolette
Author URI: 
Description: Page web pour le mariage de Marc et Bora
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: test
Tags:

*/

@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('bootstrap/css/bootstrap.css'); 
 

/* fancybox*/

@import url('source/jquery.fancybox.css');
@import url('source/helpers/jquery.fancybox-buttons.css'); 
@import url('source/helpers/jquery.fancybox-thumbs.css'); 
     

     .fancybox-custom .fancybox-skin {
         box-shadow: 0 0 50px #222;
      }

      #fancybox-thumbs ul{
        width: 10000px !important;

      }

      #album_ul {
        max-width: 1090px;
        position: relative;
        
        margin: 0 auto;
      }

 ul{
list-style: none;

 }


     #album_ul  li{
position: relative;
float: left;

margin:20px 10px 0 0 ; 

      }

.thumbnail{

    width: 140px;
    height: 140px;
   
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

/*fancy box fin*/

#album{
margin:10px 0 50px 40px;  
font-size: 50px;
border-bottom: solid 1px ;
border-color: #A6B056;
text-align: center;
}

h1{
/*font-family: 'Yellowtail', cursive;*/
font-family: 'Sail', cursive;
}

h2{

font-family: 'Belleza', sans-serif;
}



p{
font-family: 'Belleza', sans-serif;
}
/***********test menu***************/

.dropdown-menu{
background-color: #222222 !important;


}
.dropdown-menu li  a{
color:#ffffff !important;

}

.dropdown-menu > .active > a{

background-color: #A6B056 !important;

}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

  background-color: #222222 !important;
}


.nav li a:hover{
/*background-color:#4FA139 !important;*/ 
background-color:#A6B056 !important; 

}

.navbar-inverse .navbar-nav>.active>a{
background-image:none;
/*background-color:#4FA139 !important;*/ 
background-color:#A6B056 !important; 
}


#main_img img{
z-index: -99999;

}

#main_img h1{
width:auto;
height: auto;
z-index: 99999;  
margin-top:-350px;

}	

#main_img h1 a{
color:#fff;
text-decoration: none;
}

#option1{
	padding-bottom: 50px;
background-color:#E7E7E7; 

}

.margin_top50{
margin-top: 50px

}

.border_top_bottom{
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;

}


#subcribe{
background-color: #A6B056;
color:#ffffff;
padding-bottom: 50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#inputemail{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

}

#subcribe_btn{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#000000;
}

#subcribe_btn:hover{
color:#CE523B;
}



#info_bottom li{
height: 130px;
list-style: none;

}
.post-bg{
	border-radius: 21px 21px 21px 21px;
-moz-border-radius: 21px 21px 21px 21px;
-webkit-border-radius: 21px 21px 21px 21px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
border: 1px solid #EEEEEE; 

}


.post-bg h1 a{
color:#CA3629;
text-decoration: none;

}

.post-11 .entry-header {
display: none;
}







.timeline{
width:100%;
height:24px;  
background-color: #000000;
}


.mobile {
display: none;

}
.desktop{
display: block;

}


.edit-link{
display: none;

}


#footer{
background-color:#222628;
height: auto;
margin-top: 100px;
color:#ffffff; 
}


.bd{
margin:50px 0 0 200px;

}



.pic_mobile {
display: block;

}

@media screen and (max-width:1282px) {
.mobile {
display: block;

}
.desktop{
display: none;

}

.main_img{
margin-top: 51px !important; 
}

.bd{
margin:0;
	
}


}


@media screen and (max-width:991px) {

.pic_mobile {
display: none;

}
}

