/*
Theme Name: Africa Laws
Author: Ibrahima SYLLA
Author URI: http://sibras.net
Description:
Version: 1.0.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: responsive layout, coming soon, special page 
Text Domain:
*/

/**
 * Table of Contents:
 *
 * 1. - Header
 * 2. - Services
 * 3. - Footer
 * -----------------------------------------------------------------------------
 */


/* ============================================
                Global
=============================================== */

* {outline: none !important;}

a, a:hover, a:focus{
    text-decoration: underline;
    color: #ba9d46;
}

img{
    max-width: 100%;
}

::-webkit-input-placeholder 
{
    color: rgba(255,255,255,0.62) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

:-moz-placeholder 
{ /* Firefox 18- */
    color: rgba(255,255,255,0.62) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

::-moz-placeholder 
{  /* Firefox 19+ */
    color: rgba(255,255,255,0.62) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

:-ms-input-placeholder 
{  
    color: rgba(255,255,255,0.62) !important;
    font-weight: 300 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    letter-spacing: 1px !important;
}

p{
    margin-bottom: 0px;
}


/* 
==================================
            1. Header
==================================
 */

body{
    background-image: url(../img/background.png);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.header-wrapper{
    background-color: rgba(255, 255, 255, 0.85);
}

/* ===============================  1.1  Logo  ====================================== */

.theme-logo {
	background-image: url(../img/logo.png) no-repeat;
}

a.title {
    font-size: 60px;
    border: 6px ridge #fff;
    color: #fff;
    padding: 14px;
    font-family: 'Abel', sans-serif;
    background-color: rgba(31, 58, 66, 0.7);
    text-shadow: -3px 5px #000;
    font-weight: lighter;
}

.header-text{
    margin-bottom: 20px;
    margin-top: 20px;
}

.coming{
    font-size: 30px;
    color: #ba9d46;
    text-transform: uppercase;
    font-family: 'Abel', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: 500;
}

.slogan{
  color: #ba9d46;
  padding:0.1em;
}    
/* ------------------------------  for responsiveness ------------------------------------- */
@media (max-width: 565px) {
    .coming {
        font-size: 30px;
    }
}

@media (max-width: 500px) {
    .coming {
        font-size: 20px;
    }
}


/* =============================================
                 2. Services
================================================ */

.services-wrapper{
 	position: absolute;
 	bottom: 2em;
 	Width: 100%;
}

.services-text{
    text-transform: none;
  	padding: 0.2em;
    font-family: 'Abel', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.5)
}


/* =============================================
                3. Footer
================================================ */

.foot-wrapper{
   position :absolute;
   bottom: 0px;
   width:100%;
}

.footer{
  background-color: rgba(255,255,255,0.85);
  color: #ba9d46;
}

.footer-wrapper{
   padding: 10px 0px;
   margin-bottom: 0px;
}

.copy-right{
   color: #ba9d46;
   font-size: 10px;
   margin-bottom: Opx;
}

.marron{
   color: #582900;
}

.develop{
    color: #fff;
}
.develop a {
    color: cadetblue;
}