/*
Theme Name: fazilv2
Version: 1.0
Description: A child theme of Customizr
Template: customizr
Author: Administrator
*/
/* Your awesome customization starts here */

@import url("unsemantic-grid-responsive.css");
@import url("yellow.css");

footer#footer a, footer#footer p {
    font-size: 14px;
}

.inverse-navbar {
    background-color: #000000;
    color: #ffffff !important;
}

/*GOLD YELLOW #F8C300*/

.navbar .nav>li>a {
  color: #000; 
  text-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
}

header.tc-header {
    border: 20px 0 20px 0 #000 solid;
}

.navbar .nav>li.current-menu-item>a, .current-menu-item, .current_page_item, .current-menu-item > a {
  /* color: #F8C300; */
  color: #fff;
}

.navbar .nav > li > a {
  text-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
}

.navbar .nav > li > a:hover{
  text-shadow: none;
  text-decoration: underline;
  color: #000;
}

.tc-header { 
    border-bottom: 0px !important;
}

.navbar .nav>li.current-menu-ancestor>a, .navbar .nav>li.current-menu-item>a, .site-description {
  text-shadow: none;
  color: #000033; 
}

.site-description {
  text-shadow: none;
}

.social-block a {
  color: #ffffff;
  text-shadow: none;
}

.featurette-divider {
  display: none !important;
}

body {
  background-color: #ffffff !important;
}

.headline { 
  border-bottom: 1px dotted #E4E9F0;
  display: block;
  margin: 10px 0px 25px;
}

.headline h2, .headline h3, .headline h4 { 
   border-bottom: 2px solid #498AF2;
   display:inline;
}

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { 
	clear:both;
}   
.margin-bottom-5 {
	margin-bottom:5px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-25 {
	margin-bottom:25px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}

.entry-content p, .entry-content li {
  line-height: 25px;
}

footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6, footer#footer a, footer#footer p { 
  text-align:left;
}

footer#footer { 
  background: #5A5A5A; /*replace color with pic*/
  background: url("img/footer-bg.jpg") transparent;
  border-top: none;
}

.no-padding {
  padding: 0px !important;
}

.copyright { 
  background: #000000;
  border-top: 1px solid #777777;
  font-size: 12px;
  padding: 5px 10px;
}

.copyright p { 
  color: #DADADA;
}

.row-fluid { 
width: 100%;
}

.breadcrumbs { 
  background: url("img/breadcrumbs.png") transparent;
  box-shadow: inset 0px 0px 4px #EEEEEE;
  padding: 10px 0px 6px;
}

.margin-bottom-40 { 
  margin-bottom: 40px;
}

.hide-title .entry-title {
  display: none;
}

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
   margin: 0;
   padding: 0; 
}

.social-icons li {
   list-style: none;
   margin-right: 3px;
   margin-bottom: 5px;
   text-indent: -9999px;
   display: inline-block;
}

.social-icons li a, a.social-icon {
   width: 28px;
   height: 28px;
   display: block;
   background-position: 0 0;
   background-repeat: no-repeat;
   transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
   background-position: 0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social_amazon {background: url(img/icons/social/amazon.png) no-repeat;}
.social_behance {background: url(img/icons/social/behance.png) no-repeat;}
.social_blogger {background: url(img/icons/social/blogger.png) no-repeat;}
.social_deviantart {background: url(img/icons/social/deviantart.png) no-repeat;}
.social_dribbble {background: url(img/icons/social/dribbble.png) no-repeat;}
.social_dropbox {background: url(img/icons/social/dropbox.png) no-repeat;}
.social_evernote {background: url(img/icons/social/evernote.png) no-repeat;}
.social_facebook {background: url(img/icons/social/facebook.png) no-repeat;}
.social_forrst {background: url(img/icons/social/forrst.png) no-repeat;}
.social_github {background: url(img/icons/social/github.png) no-repeat;}
.social_googleplus {background: url(img/icons/social/googleplus.png) no-repeat;}
.social_jolicloud {background: url(img/icons/social/jolicloud.png) no-repeat;}
.social_last-fm {background: url(img/icons/social/last-fm.png) no-repeat;}
.social_linkedin {background: url(img/icons/social/linkedin.png) no-repeat;}
.social_picasa {background: url(img/icons/social/picasa.png) no-repeat;}
.social_pintrest {background: url(img/icons/social/pintrest.png) no-repeat;}
.social_rss {background: url(img/icons/social/rss.png) no-repeat;}
.social_skype {background: url(img/icons/social/skype.png) no-repeat;}
.social_spotify {background: url(img/icons/social/spotify.png) no-repeat;}
.social_stumbleupon {background: url(img/icons/social/stumbleupon.png) no-repeat;}
.social_tumblr {background: url(img/icons/social/tumblr.png) no-repeat;}
.social_twitter {background: url(img/icons/social/twitter.png) no-repeat;}
.social_vimeo {background: url(img/icons/social/vimeo.png) no-repeat;}
.social_wordpress {background: url(img/icons/social/wordpress.png) no-repeat;}
.social_xing {background: url(img/icons/social/xing.png) no-repeat;}
.social_yahoo {background: url(img/icons/social/yahoo.png) no-repeat;}
.social_youtube {background: url(img/icons/social/youtube.png) no-repeat;}
.social_vk {background: url(img/icons/social/vk.png) no-repeat;}
.social_instagram {background: url(img/icons/social/instagram.png) no-repeat;}

/*Font Awesome Icon Styles*/
i.icon-custom {
  color: #555;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;   
  border: solid 1px #555;
}

i.icon-sm {
   width: 35px;
   height: 35px;
   font-size: 16px;
   line-height: 35px;
}

i.icon-md {
   width: 55px;
   height: 55px;
   font-size: 22px;
   line-height: 55px;
}

i.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 31px;
  line-height: 60px;
  margin-bottom: 10px;
}

i.icon-2x {
  font-size: 30px;
}
i.icon-3x {
  font-size: 40px;
}
i.icon-4x {
  font-size: 50px;
}

/*Line Icons*/
i.icon-line {
  font-size: 17px;
}
i.icon-sm.icon-line {
  font-size: 14px;
}
i.icon-md.icon-line {
  font-size: 22px;
}
i.icon-lg.icon-line {
  font-size: 28px;
}

i.icon-2x.icon-line {
  font-size: 27px;
}
i.icon-3x.icon-line {
  font-size: 36px;
}
i.icon-4x.icon-line {
  font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
  color: #555;  
}

.link-icon:hover,
.link-bg-icon:hover {
  border: none;  
  text-decoration: none;
}

.link-icon:hover i {
  color: #FFC900;
  background: none;
  border: solid 1px #FFC900;
}

.link-bg-icon:hover i {
  color: #FFC900;
  background: #FFC900;
  border-color: #FFC900;
  color: #fff !important;
}

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green, {
  background: none;
}

i.icon-color-u {
   color: #FFC900;
   border: solid 1px #FFC900;
}
i.icon-color-blue {
   color: #3498db;
   border: solid 1px #3498db;
}
i.icon-color-red {
   color: #e74c3c;
   border: solid 1px #e74c3c;
}
i.icon-color-sea {
   color: #1abc9c;
   border: solid 1px #1abc9c;
}
i.icon-color-green {
   color: #2ecc71;
   border: solid 1px #2ecc71;
}
i.icon-color-yellow {
   color: #f1c40f;
   border: solid 1px #f1c40f;
}
i.icon-color-orange {
   color: #e67e22;
   border: solid 1px #e67e22;
}
i.icon-color-grey {
   color: #95a5a6;
   border: solid 1px #95a5a6;
}
i.icon-color-purple {
   color: #9b6bcc;
   border: solid 1px #9b6bcc;
}
i.icon-color-aqua {
   color: #27d7e7;
   border: solid 1px #27d7e7;
}
i.icon-color-brown {
   color: #9c8061;
   border: solid 1px #9c8061;
}
i.icon-color-dark-blue {
   color: #4765a0;
   border: solid 1px #4765a0;
}
i.icon-color-light-green {
   color: #79d5b3;
   border: solid 1px #79d5b3;
}
i.icon-color-light {
   color: #fff;
   border: solid 1px #fff;
}
i.icon-color-light-grey {
   color: #585f69;
   border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
   color: #fff;
   border-color: transparent;
}

i.icon-bg-u {
   background: #FFC900;
}
i.icon-bg-blue {
   background: #3498db;
}
i.icon-bg-red {
   background: #e74c3c;
}
i.icon-bg-sea {
   background: #1abc9c;
}
i.icon-bg-green {
   background: #2ecc71;
}
i.icon-bg-yellow {
   background: #f1c40f;
}
i.icon-bg-orange {
   background: #e67e22;
}
i.icon-bg-grey {
   background: #95a5a6;
}
i.icon-bg-dark {
   background: #555;
}
i.icon-bg-darker {
   background: #333;
}
i.icon-bg-purple {
   background: #9b6bcc;
}
i.icon-bg-aqua {
   background: #27d7e7;
}
i.icon-bg-brown {
   background: #9c8061;
}
i.icon-bg-dark-blue {
   background: #4765a0;
}
i.icon-bg-light-green {
   background: #79d5b3;
}
i.icon-bg-light {
   background: #fff;
   border-color: transparent;   
}
i.icon-bg-light-grey {
   background: #585f69;
   border-color: transparent;  
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
  width: 1.25em;
  text-align: center;
  display: inline-block;
}
.fa-fixed [class^="fa"].fa-lg,
.fa-fixed [class*=" fa"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
	float: left;
}

/* Huge number list */

ol.circles-list {
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	
	margin: 0;
	margin-left: 4em;
	padding: 0;
	
	counter-reset: li-counter;
}
ol.circles-list > li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 4em;
}
ol.circles-list > li:before {
	position: absolute;
	top: 0;
	left: -1.33em;
	width: 1.2em;
	height: 1.2em;
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: #ffc900;
	content: counter(li-counter);
	counter-increment: li-counter;
}

/*Block Headline*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
  font-size: 22px;
}

.headline h2, 
.headline h3, 
.headline h4 {
  margin-bottom: -2px;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #FFC900;
}

/*Contact Page
------------------------------------*/
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 25px;
}


@media screen and (max-width: 979px) {
  .navbar.resp .nav-collapse {
    background-color: #eee;
  }
}

.su-custom-gallery-slide span {
    font-size: 18px !important;
}

/* new edits - theme has undergone drastic changes - some class and function names changed - 18 Dec 2017 */
.mynav {
   margin-top: 0px;
   background: #F8C300;
}

.navbar-inner {
   margin-left: 60px !important;
}

/* space above and below the logo - header */

header .tc-header {
    border-top: 20px 0 20px 0 #000 solid !important;
}

/* COVID MENU ITEM */

.navbar .nav li.bold-red, .navbar .nav li.bold-red a {
    color: red;
    font-weight: bold;
}