/*
 
Theme Name: Skylight the empire ltd
 
Theme URI: https://skylighttheempireltd.com/
 
Author: MUNEZERO Claude
 
Author URI: https://www.facebook.com/JeanclodiusDir
 
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
 
Version: 3.5
 
License: GNU General Public License v2 or later
 
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 
Text Domain: twentytwelve
 
This theme, like WordPress, is licensed under the GPL.
 
Use it to make something cool, have fun, and share what you've learned with others.
 
*/
@charset "utf-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    font-family: montserrat;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
p,a,li {
font-family: 'Lora-Bold', serif !important;
}
@import url('https://fonts.cdnfonts.com/css/artbrush');
@import url('https://fonts.cdnfonts.com/css/lora');
h1 {
font-family: lora, sans-serif;
}
h2 { font-family: "Helvetica Neue"; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: "Helvetica Neue"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p {font-family: "Helvetica Neue";font-size: 14px;font-style: normal;font-variant: normal;font-weight: 400;line-height: 20px;} blockquote { font-family: "Helvetica Neue"; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: "Helvetica Neue"; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
    color: white;
    background-color: transparent;
    padding: 20px 0px 5px 5px;
    border-bottom-color: white;
    border-color: transparent;
}


/*@font-face {
  font-family: 'Pragati Narrow';
    src:  url('fonts/Pragati-Narrow.ttf.woff') format('woff'),
    url('fonts/Pragati-Narrow.ttf.svg#Pragati-Narrow') format('svg'),
    url('fonts/fonts/Pragati-Narrow.ttf.eot'),
    url('fonts/Pragati-Narrow.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}*/



@font-face {
    font-family: 'Pragati Narrow';
    src: local('Pragati Narrow Bold'), local('Pragati-Narrow-Bold'),
        url('fonts/PragatiNarrow-Bold.woff2') format('woff2'),
        url('fonts/PragatiNarrow-Bold.woff') format('woff'),
        url('fonts/PragatiNarrow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

@font-face {font-family: "Perpetua Titling MTg";
  src: url("fonts/e228cb7a060591d3e95897146a2f2b92.eot"); /* IE9*/
  src: url("fonts/e228cb7a060591d3e95897146a2f2b92.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/e228cb7a060591d3e95897146a2f2b92.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/e228cb7a060591d3e95897146a2f2b92.woff") format("woff"), /* chrome、firefox */
  url("fonts/e228cb7a060591d3e95897146a2f2b92.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/e228cb7a060591d3e95897146a2f2b92.svg#Perpetua Titling MT Std") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Perpetua Titling MTs";
  src: url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.eot"); /* IE9*/
  src: url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.woff") format("woff"), /* chrome、firefox */
  url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.svg#Perpetua Titling MT Light") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Perpetua Titling MT";
  src: url("fonts/60a72abfabeb852579f6de5afc2be918.eot"); /* IE9*/
  src: url("fonts/60a72abfabeb852579f6de5afc2be918.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/60a72abfabeb852579f6de5afc2be918.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/60a72abfabeb852579f6de5afc2be918.woff") format("woff"), /* chrome、firefox */
  url("fonts/60a72abfabeb852579f6de5afc2be918.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/60a72abfabeb852579f6de5afc2be918.svg#Perpetua Titling MT") format("svg"); /* iOS 4.1- */
}


@font-face {font-family: "Palatino Linotype2";
  src: url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.eot"); /* IE9*/
  src: url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.woff") format("woff"), /* chrome、firefox */
  url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/c9ae85a0e6aff51c16173fd1a58e6cc7.svg#Palatino Linotype W02 Bold") format("svg"); /* iOS 4.1- */
}

body {
  margin-top: 40px; /* This margin just makes the text easier to read. You can remove it if you want since it can mess with your other styles. */
}

body::before {
  content: "XS";
  color: red;
  font-size: 2rem;
  font-weight: bold;
  position: fixed;
  top: 0;
  right: 0;
}

/* This box class is purely used for explaining how the bootstrap grid system works. */
.box {
  background-color: lightblue;
  border: 1px solid blue;
  min-height: 50px;
  font-size: 2rem;
}
#navtext-color li a{
    color: white !important;
    background-color: red;
}
#logo_layer{
    width: 100px;
    height: 100px;
    background-color: red;
}
#inkuru_slider{
        max-width: 599px;
        overflow: hidden;
        background-color: red;
    }

@media (min-width: 576px) {
    #inkuru_slider{
        max-width: 599px;
        overflow: hidden;
        background-color: red;
    }
}

@media only screen and (min-width: 1349px)
{
    #inkuru_slider .row{
        max-width: 599px;
        overflow: hidden;
        background-color: red;
    }
}
@media only screen and (min-width: 480px) and (max-width: 599px)
{
}
@media only screen and (min-width: 414px) and (max-width: 479px)
{
}
@media only screen and (min-width: 412px) and (max-width: 413px)
{
}
@media only screen and (min-width: 375px) and (max-width: 411px)
{
}
@media only screen and (min-width: 360px) and (max-width: 374px)
{
}
@media only screen and (max-width: 359px)
{
}