/*
Theme Name: Avada Child
Description: Child theme for the Avada
Author: Your name here
Template: Avada
*/

@font-face {
    font-family: 'opificioregular';
    src: url('./fonts/opificio-webfont.eot');
    src: url('./fonts/opificio-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/opificio-webfont.woff2') format('woff2'),
         url('./fonts/opificio-webfont.woff') format('woff'),
         url('./fonts/opificio-webfont.ttf') format('truetype'),
         url('./fonts/opificio-webfont.svg#opificioregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------- HEADER ------------------------- */
.fusion-header-v4 .fusion-header {
  background-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
}
.fusion-header-banner > div:nth-child(1), .fusion-header-banner > div:nth-child(2) {
  background-image: url("https://www.riadjamai.com/wp-content/uploads/2017/10/bg-header-comp.png");
  background-position: top right;
  background-repeat: no-repeat;
  color: #ffffff;
  display: inline-block;
  line-height: 39px;
  margin-bottom: 30px;
  margin-left: 10px;
  padding: 0 10px;
}
span#phonenum::before {
  content: "\f095";
  font-family: FontAwesome;
  padding-right: 5px;
}
span#contactus::before {
  color: #ffffff;
  content: "\f0e0";
  font-family: FontAwesome;
}

/* ---------- Menu ---------- */
div.fusion-secondary-main-menu {
  background: #533105;
  background: -moz-linear-gradient(top, #533105 0%, #533105 25%, #8d560f 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #533105), color-stop(25%, #533105), color-stop(100%, #8d560f));
  background: -webkit-linear-gradient(top, #533105 0%, #533105 25%, #8d560f 100%);
  background: -o-linear-gradient(top, #533105 0%, #533105 25%, #8d560f 100%);
  background: -ms-linear-gradient(top, #533105 0%, #533105 25%, #8d560f 100%);
  background: linear-gradient(to bottom, #533105 0%, #533105 25%, #8d560f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#533105', endColorstr='#8d560f', GradientType=0 );
  text-transform: uppercase;
}
div.fusion-secondary-main-menu ul ul {
  text-transform: none;
}
div.fusion-is-sticky div.fusion-secondary-main-menu {
  background: inherit;
}

/* ------------------------- CONTENT ------------------------- */
#main {
  background-position: center top;
}
div#content hr {
  border-color: #ffffff;
}
div#content div.fusion-button-wrapper span.fusion-button-text {
  font-family: opificioregular;
  font-size: 17px;
}
/* ---------- Modal ---------- */
div.fusion-modal {
  color: #333333;
}
/* ---------- Accueil ---------- */
body.home div#content a img:hover {
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: gray; /* IE 6-9 */
}
body.home div#content div#homebloc {
  background-color: #40250a;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  color: #ffffff;
  margin-bottom: 40px;
  padding-bottom: 10px;
}
body.home div#content div#homebloc div.fusion-layout-column {
  margin-bottom: 0 !important;
}
body.home div#content div#homebloc h2 {
  background-color: transparent;
  color: #ffffff;
  font-family: opificioregular;
  font-size: 22px;
  padding-top: 15px;
  text-align: center;
  text-transform: uppercase;
}


.page-id-106 .post-content p a.en-savoir-plus{
    background-image: url(http://www.riadjamai.com/wp-content/uploads/2016/12/en-savoir-plus-riad-jamai.png);
    color: transparent;
    height: 31px;
    width: 150px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.page-id-106 .post-content p a.en-savoir-plus:hover{
   background-image: url(http://www.riadjamai.com/wp-content/uploads/2016/12/en-savoir-plus-riad-jamai-hover.png);

}



/* ---------- Bandeaux titres ---------- */
.fusion-page-title-bar {
  border-bottom: 10px solid #3a2209 !important;
}
body .fusion-page-title-captions, body .fusion-page-title-secondary {
  vertical-align: bottom;
  padding-bottom: 15px;
}
body .fusion-page-title-captions h1.entry-title, body .fusion-page-title-secondary div.fusion-breadcrumbs {
  background-color: rgba(58,34,9,.85);
  display: inline-block;
  padding: 5px;
  text-transform: uppercase;
}
body .fusion-page-title-captions h1.entry-title {
  font-size: 14px;
}
body .fusion-page-title-secondary div.fusion-breadcrumbs span.breadcrumb-leaf {
  font-weight: bold;
}
/* ---------- Sidebar ---------- */
#text-5 a img:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
/* ---------- Pages intérieures ---------- */
body.page-template-default div#content h1 {
 background-color: #3a2209;
 border-top-right-radius: 25px;
 color: #ffffff;
 font-family: opificio;
 font-weight: normal;
 padding: 8px;
 text-align: center;
 text-transform: uppercase;
}
body.page-template-default div#content h2 {
 background-color: #e76015;
 color: #ffffff;
 font-family: opificio;
 font-weight: normal;
 margin-top: 10px;
 padding: 8px 15px;
 text-transform: uppercase;
}
body.page-template-default div.post-content h3 {
 font-weight: bolder;
}
body.page-template-default div.post-content hr {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  margin-bottom: 25px;
}
body.page-template-default div#content div.fusion-one-fifth {
  margin-bottom: 0 !important;
}
body.page-template-default div#content div.fusion-one-fifth a img {
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
body.page.page-template-default div#content div.fusion-one-fifth a img:hover, img.hoverimg:hover {
  box-shadow: 1px 1px 4px rgba(0,0,0,0.7);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  -ms-filter: grayscale(50%);
  -o-filter: grayscale(50%);
  filter: grayscale(50%);
  filter: gray; /* IE 6-9 */
}
body.page-template-default div.post-content a.fusion-button {
  color: #ffffff;
}
body.page-template-default div.post-content div.gallery img {
  border-color: #ffffff !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

/* ------------------------- FOOTER ------------------------- */
footer.fusion-footer-widget-area {
  background-attachment: initial;
}
footer div#text-2 div.textwidget p {
  text-align: justify;
}