/**
 * Company Profile - theme
 * 
 * This is an example of company profile theme for SCHLIX CMS v2.2.x.
 * 
 * @copyright 2019 SCHLIX Web Inc
 *
 * @license GPLv3
 *
 * @package companyprofile
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */
body {
  min-height: 75rem;
   /** for sticky header - adjust this based on your need */
  padding-top: 74px;
}

body#tinymce { min-height: inherit;padding-top: 0}

.emoji-test {font-size:32px;word-break: break-all;}
/****************************************************/
/* Colour scheme #eef0f2, #c6c7c4, #846a6a, #353b3c */
/****************************************************/
.bg-color1 {background-color: #eef0f2;color:#353b3c}
.bg-color2 {background-color: #c6c7c4;color:#846a6a}
.bg-color3 {background-color: #846a6a;color:#eef0f2}
.bg-color4 {background-color: #353b3c;color:#c6c7c4}

/**********Header *********/
.media-header-full-width h1.item.title {color:white;text-shadow:0 0 3px gray}

/*** h1 with no custom header **/
#display-page h1.title {margin-top:1em;}
/*** h1 with custom header **/
#display-page .media-header-full-width h1.title {margin-top: 0em}

.media-header-full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  height:300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
}

.media-header-blog-item { height: 500px}
.media-header-title {}

/*** customize breadcrumb ***/
.breadcrumb-bg {
  background: #666666;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  
  

}
ol.breadcrumb, ol.breadcrumb li, ol.breadcrumb li a {background:transparent}
 
/********Dropdown ********8/
.dropdown-item {
  position: relative;
}

.dropdown-item a {display:block}
.dropdown-item a:hover {color:white}
/*
.dropdown-submenu>a:after {
  content: "\f0da";
  float: right;
  border: none;
  font-family: 'FontAwesome';
}*/

.dropdown-item > ul.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

/**********/
/* Pages */
/**********/
img {max-width:100%}
/*section#display-page {padding-top:1em;padding-bottom:1em;margin-top:1em;margin-bottom:1em}*/
section#display-frontpage {margin-top: 0px;padding-top:0px;margin-bottom:0;padding-bottom:0}

/*************************/
/* Landing Pages Styling */
/*************************/
.text-above-about-us-background {position: relative;z-index: 100;padding: 20px;background: rgb(34,34,34);background: rgba(34,34,34,0.75);    color:white;}

.section-testimonials {text-align:center;font-size:small;padding-bottom:4em;padding-top:1em}
.section-about-theme {padding-bottom: 4em;padding-top:1em}
h2.section-heading {color:#353b3c;font-size:30px;margin-bottom:1em}
img.review-person {border-radius: 50%}

h5.section-subheading {color:lightslategray}
p.section-subheading {color:maroon;text-transform:uppercase}
.section-about-us {background-color:#101010;color:white;background: url(https://static-demo.schlix.website/images/static/sample1/demo/articles/team_meeting_1.jpg) no-repeat;background-position: center;background-size: cover;color:black;}
.section-about-us h2 {padding-top:0 !important;color:white}

/*************/
/* Frontpage */
/*************/
.frontpage-latestblog a i {font-size:16px}
.frontpage-latestblog {margin: 2em 0}
.frontpage-latestblog h4 {margin-top: 2em}
/* 042a2b 5eb1bf cdedf6 ef7b45 d84727 */
/******************/
/* Articles/Blog  */
/******************/

.app-page-main.app-blog > div.main.items > section.child-item {margin-bottom:10px; border-bottom:1px solid #999999}

address.article-meta-created-by,
address.article-meta-modified-by,
time {display:inline-block}

time.article-meta-date-created,
time.article-meta-date-modified,
address.article-meta-created-by,
address.article-meta-modified-by{margin-right:1em}
img#avatar,
img.user-article-avatar {border-radius: 50%}

.article-item-category,
.article-item-tag {margin-right:1em;background-color:#FEFEFE}

.article-item-tags,
.article-item-categories {margin-top:1em;margin-bottom:1em}


/**********************/
/* Blog Category Tree */
/**********************/
#blogcategories h3 {font-size:18px;font-weight:bold}
ul.nested-category-list {padding:0;list-style:none}
ul.nested-category-list ul {padding-left: 0.1em;}
ul.nested-category-list li {list-style:none;padding-left: 1.3em;    }
ul.nested-category-list li a{padding:5px 0;    display:block;    }
ul.nested-category-list li ul li {color: blue;}

ul.nested-category-list li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}


/*********************/
/* Blog Archive Tree */
/*********************/
#blogarchives h3 {font-size:18px;font-weight:bold}
ul.blogarchive-year {padding:0;list-style:none}
ul.blogarchive-year > li {font-size:18px;font-weight:bold}
ul.blogarchive-month li {font-size:13px;list-style:none;padding-left: 1.3em;    }
ul.blogarchive-month li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}


/*************************
  *******Typography******
**************************/
.slide_image {width: 100%}

/**********/
/* Bottom */
/**********/
/********/
/* Contacts */
.contacts_info_map{height:300px !important;min-height:300px !important}


/*************/
/*   Bottom  */
/*************/

#bottom{ background:#eef0f2; border-top:5px solid #c6c7c4;  border-bottom:5px solid #846a6a;  font-size:14px;margin:0;}
#bottom h3{ margin-top:0;  margin-bottom:10px;  text-transform:uppercase;  font-size:22px;  color:#000}
#bottom ul{ list-style:none;  padding:0;  margin:0}
#bottom ul li{ display:block;  padding:5px 0}
#bottom ul li a{ color:#808080}
#bottom ul li a:hover{ color:#c52d2f}


/**********************/
/* Blog Category Tree */
/**********************/

ul.nested-category-list {font-family: 'Montserrat', sans-serif;padding:0;}
ul.nested-category-list ul {padding-left: 0.1em;}
ul.nested-category-list li {list-style:none;padding-left: 1.3em;    }
ul.nested-category-list li a{padding:5px 0;    display:block;    }
ul.nested-category-list li ul li {color: blue;}

ul.nested-category-list li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}

/*** Testimonials ***/

.testimonial {
  max-width: 800px;
  margin: 0 auto !important;
  text-align: center; }
  .testimonial blockquote {
    font-size: 1.5rem;
    font-style: italic; }
  .testimonial figure img {
    max-width: 100px;
    margin: 0 auto;
    border-radius: 50%; }

.testimonial-wrap .owl-nav {
  display: none; }

/*************/
/* Frontpage */
/*************/


.carousel-caption {
 background-color: rgba(255, 255, 255, .75);  
 backdrop-filter: blur(55px);
 top: 50%;
transform: translateY(-50%);
bottom: initial;
border-radius: 5px;
color: #666666;
text-shadow:0 0 3px gray;
text-align:left;
padding:2em;
} 



.row-flex {display:flex}
.featurette {font-size:small;margin:0  !important;padding:0 !important}
.featurette > div {padding-top:2em;padding-bottom:2em}
.featurette h4 {color:#666666}
.jumbotron p {font-size:14px}
.recent-blog-posts {background-color:#eef0f2;padding:0;margin:0}

.frontpage-latestblog .intro-text {font-size:12px;overflow:hidden}
.frontpage-latestblog .intro-title {font-size:16px;padding-bottom:0 !important;margin-bottom:0 !important;line-height:1 !important;font-weight:bold;}
.frontpage-latestblog .intro-date {font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.frontpage-latestblog-category-title {font-weight:bold;text-transform: uppercase;letter-spacing: 5px}

.frontpage-latestblog a i {font-size:16px}
.front_extra_row1 {background-color:#eef0f2}
.front_extra_row2 {background-color:#c6c7c4}
.front_extra_row3 {background-color:#846a6a;color:white}

.front_extra_row1 a {color:#846a6a}
.front_extra_row2 a {color:#353b3c}
.front_extra_row3 a {color:#eef0f2}


/**** Menu ****/
#main-navbar-menu .dropdown-item:hover {background-color: #846a6a;color:white}
#main-navbar-menu .dropdown-item:hover > a {color:white}
@media (min-width:901px){ 
 
 #main-navbar-menu .nice-search {padding-left: 2em}
}
/*************/
/* Services - box with numbers */
.box-with-humber {
  position: relative; }
  .box-with-humber .number-behind {
    font-size: 8rem;
    position: absolute;
    z-index: -1;
    top: -4rem;
    left: -3rem;
    font-weight: 900;
    color: #f2f4f5; }


/*************
/* Hex View */
/*************/
.hexgrid{ display:flex;  flex-wrap:wrap;  width:90%;  margin:0 auto;  overflow:hidden;  font-size:15px;  list-style-type:none}

.hex{ position:relative;  visibility:hidden;  outline:1px solid transparent}
.hex::after{ content:'';  display:block;  padding-bottom:86.602%}
.hexin{ position:absolute;  width:96%;  padding-bottom:110.851%;  margin:0 2%;  overflow:hidden;  visibility:hidden;  outline:1px solid transparent;  -webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg);  -ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg);  transform:rotate3d(0,0,1,-60deg) skewY(30deg)}
.hexin *{ position:absolute;  visibility:visible;  outline:1px solid transparent}
.hexhref{ display:block;  width:100%;  height:100%;  text-align:center;  color:#fff;  overflow:hidden;  -webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);  -ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);  transform:skewY(-30deg) rotate3d(0,0,1,60deg)}

.hex h4, .hex p{ width:100%;  padding:5%;  box-sizing:border-box;  background-color:rgba(128,128,128,0.8);  font-weight:300;  -webkit-transition: -webkit-transform .2s ease-out,opacity .3s ease-out;  transition: transform .2s ease-out,opacity .3s ease-out}
.hex h4{ bottom:50%;  padding-top:50%;  font-size:1.5em;  z-index:1;  -webkit-transform:translate3d(0,-100%,0);  -ms-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
.hex h4::after{ content:'';  position:absolute;  bottom:0;  left:45%;  width:10%;  text-align:center;  border-bottom:1px solid #fff}
.hex p{ top:50%;  padding-bottom:50%;  -webkit-transform:translate3d(0,100%,0);  -ms-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}

.hexhref{background-size:cover}
.hexhref:hover h4, .hexhref:focus h4, 
.hexhref:hover p, .hexhref:focus p{ -webkit-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

@media (min-width:1201px){ 
 .hexgrid{ padding-bottom:4.4% }
 .hex{ width:20%}
 .hex:nth-child(9n+6){ margin-left:10%}
}

@media (max-width:1200px) and (min-width:901px){
 .hexgrid{ padding-bottom:5.5% }
 .hex{ width:25%}
 .hex:nth-child(7n+5){ margin-left:12.5%}
}

@media (max-width:900px) and (min-width:601px){ 
 .hexgrid{ padding-bottom:7.4% }
 .hex{ width:33.333%}
 .hex:nth-child(5n+4){ margin-left:16.666%}
}

@media (max-width:600px){ 
 .hexgrid{ padding-bottom:11.2% }
 .hex{ width:50%}
 .hex:nth-child(3n+3){ margin-left:25%}
}

@media (max-width:400px){ 
 .hexgrid{ font-size:13px}
}


/***************/
/* Footer */
/**********/
#footer{ padding-top:30px;  padding-bottom:30px;  color:white;  background:#353b3c}
#footer a{ color:#fff}
#footer a:hover{ color:#c52d2f}
#footer ul{ list-style:none;  padding:0;  margin:0}
#footer ul >li{ display:inline-block;  margin-left:15px}
#footer ul > li a {padding-top: 0px}

/**********/
/* Menu */
/********/
.navbar-nav a {display:block;padding: 0.25rem 1.5rem;}
.navbar-nav .dropdown-item {padding-left:0px;padding-right:0px}
.navbar-nav > li.nav-item > a.nav-link {white-space: nowrap}