/*
 Theme Name:   Rubrash Child
 Theme URI:    http://keenitsolutions.com/products/wordpress/rubrash/
 Description:  Rubrash Child
 Author:       RS Theme
 Author URI:   http://rstheme.com
 Template:     rubrash
 Version:      1.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
 /*  Installation des polices */
@font-face {
font-family: Romantically;
src: url(Romantically.otf);
font-weight: normal;
}

@font-face {
font-family: CaviarDreams;
src: url(CaviarDreams.ttf);
font-weight: normal;
}


/*caché le truc du theme */
div.entry-footer {display:none;}
.ol-attribution.ol-uncollapsible {display:none;}
.main-contain #content {padding-bottom:0px!important;}
.footer-bottom {padding:0px!important;}


 /* Titre Estheticienne*/
h1#title {font-family:Romantically!important; margin-bottom: 10%; font-size:1.5em!important; margin-top:2%;}
h1#title::first-letter {color:#9C1F22;}
h1#title-1::first-letter {color:#9C1F22; font-family: CaviarDreams;}

h2#title {font-family:Romantically!important; margin-bottom: 10%; font-size:1.5em!important; margin-top:2%;}
h2#title::first-letter {color:#9C1F22;}
h2#title-1::first-letter {color:#9C1F22; font-family: CaviarDreams;}

 /* Texte Estheticienne*/
p#text-estheticienne {padding: 0px 5%;!important;}

/* Lien du telephone */

/*a#numero: {color:#9C1F22!important;}
a#numero:hover {color:#9C1F22;}*/


@media (min-width:1200px) {


/*****************************MENU *********************/
header#rs-header {position:fixed; background:white;}

.test  {
  max-width: 100%;
  transition: max-width 2s, height 4s;}

.test2  {
   max-width: 40%;
   transition: max-width 2s, height 4s;}


/*BARRE SOUS LE MENU DES SERVICE QUAND CLIQUE*/
.line 
{
  border-bottom : 2px black solid;
  color:#9C1F22;
}
/*********************Service *****************************/


	#Service p {Color:black; font-size:1.2em}

}
	
/***********************************************Section service MENU ***********************************************/
@media (min-width:911px) {
ul#Services-mobile{ 
  margin:auto; 
  padding: 0; 
  list-style: none; 
  display: table;
  text-align: center;
}
li#Servi-mobile{ 
  display: table-cell; 
  position: relative; 
  padding: 15px 0;
  font-weight: bold;
  font-size: 1.5em;
}
      }
a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.15em;
  display: inline-block;
  padding: 15px 20px;
  position: relative;
  cursor: pointer;
}
.effect:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: black;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.effect:hover:after { 
  width: 100%; 
  left: 0; 
}
 
/*********************************FORMULAIRE***************************************/

div#contact input{background-color:white; color:grey; border:1px black solid; margin:3% 0%;}
div#contact input#area {margin-top:2%;}  


/********************************** RESPONSIVE MOBILE *************************/

@media (max-width:910px) {
	
/************************************MENU service ***************************/

ul#Services-mobile { 
  Display:block;
  margin:auto; 
  padding: 0; 
  list-style: none; 
  display: table;
  text-align: center;}		
}