/*
Theme Name: Illdy Child
Template: illdy
Theme URI: http://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.9
Tested up to: 5.6
Requires PHP: 5.6
Tags: portfolio, entertainment, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

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.
*/

html, body {
	color: #000000;
	background-color: #FBFBFD;
	font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6, #testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-meta, #header .bottom-header h1, ul, li, .front-page-section .section-header .section-description, #header .top-header .header-navigation ul li, #header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a, #header .bottom-header h1, #header .bottom-header .section-description, #header .bottom-header .header-button-one, #header .bottom-header .header-button-two {
	font-family: "Roboto", sans-serif;
}

header, footer, footer a {
	color: #FBFBFD;
}

#header .header-logo-img {
	padding-bottom: 5px;
    max-height: 140px;
}

footer .locations {
	padding-left: 25px;
	padding-right: 25px;
    padding-top: 25px;
}

footer a:hover {
	color: #E1E1E1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 5px 0px !important;
	line-height: normal;
}

p {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	font-size: 18px !important;
}

figure {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

figure.aligncenter {
	text-align: center;
}

h1 {
	font-size: 40px;
	margin: 15px 0px !important;
}

h2 {
	font-size: 25px;
	margin: 15px 0px !important;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 12px;
}

.red {
	color: #ff0000;
}

#header .top-header .header-navigation ul li a, #header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a {
	color: #333333;
}

.kaliforms-form-container, .kaliforms-form-container * {
	font-family: "Roboto", sans-serif;
}

.kaliforms-form-container h3 {
	font-size: 18px;
	font-weight: 700;
}

.kaliforms-form-container input[type="submit"] {
	color: #000000;
}

.kaliforms-form-container input[type="submit"]:hover {
	color: #ffffff;
}

.kaliforms-form-container hr {
	display: none;
}

.kaliforms-form-container label[for~="divider"] {
	font-size: 14px;
}

#header .top-header {
    padding-top: 5px;
    padding-bottom: 0px;
}

#header .top-menu {
	float: right;
}

#header .top-menu ul {
	list-style-type: none;
}

#header .top-menu ul li {
	float: left;
}

#header .top-menu ul li.search {
	padding-right: 5px;
}

#header .top-menu ul li.search a i {
	color: #000000;
	font-weight: bold;
}

#header .top-menu ul li.separator {
	color: #000000;
    padding-right: 10px;
}

#header .top-menu ul li.translate select {
	background-color: #ffffff;
	padding: 0 1em 0 0;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	color: #000000;
	font-weight: 600;
}

#header .top-header .header-navigation {
    float: left;
}

#header .top-header .header-navigation ul li a {
    font-size: 14px;
	line-height: 20px;
}

#header .top-header .header-navigation > ul {
    margin-top: 0px;
}

#header .top-header, #header .is-sticky .top-header {
	background-color: #FEFEFE !important;
}

#footer {
	background-color: #000000 !important;
}

#header .top-header .header-navigation #menu-primary-navigation > li.menu-item > a, #header .top-header .header-navigation #menu-primary-navigation > li.menu-item:hover > a {
	color: #000000 !important;
}

#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a {
	white-space: nowrap;
}

#goog-gt-tt {
	display: none !important;
}

.goog-te-banner-frame {
	display: none !important;
}

.goog-te-menu-value:hover {
	text-decoration: none !important;
}

.goog-text-highlight {
	background-color: transparent !important;
	box-shadow: none !important;
}

body {
	top: 0 !important;
}

#google_translate_element2 {
	display: none !important;
}

.menu-item.search {
	position: relative;
    width: 250px;
    text-align: right;
}

.search-container {
	position: absolute;
	right: 0px;
	z-index: 1000;
	background-color: white;
	top: 0px;
	padding: 5px;
}

.search-container form {
	width: 100%;
	display: flex;
	justify-content: center;
}

.search-container form label {
	margin: 0px;
}

.search-container form label input {
	color: #000000;
	width: 175px;
	height: 25px;
}

.search-container form label .is-search-icon {
	background-color: #000000;
	border: none;
}

.search-container form button {
	background-color: transparent;
	border: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #000000;
}

.search-container form button i {
	color: #000000 !important;
}

#comments #respond .comment-form #input-submit, input[type=submit] {
	background-color: #F1F0EF;
}

.quote-button {
    font-weight: bolder;
    background-color: #f5f5f7;
    color: #000;
    padding: 5px 15px;
    text-transform: uppercase;
	border: none;
	box-shadow: -3px 3px #d2d3d3;
	white-space: nowrap;
}

.quote-button span {
	white-space: nowrap;
	vertical-align: middle;
}

.quote-button img {
	padding-left: 5px;
	vertical-align: middle;
}

a, .markup-format a {
    color: #000000;
}

.a11y-speak-intro-text {
	display: none;
}

.multi-container {
	list-style: none;
	height: unset;
}

form input[type='text'] {
	background-color: #ffffff;
}

form .actions {
	padding-top: 50px;
	padding-bottom: 50px;
}

.kali-required-mark {
    color: red;
}

.why-avantier-image {
	vertical-align: middle;
}

.why-avantier-text {
	vertical-align: middle;
	margin-top: 40px;
	margin-left: 40px;
}

.innovative-header {
	margin-bottom: 0px;
	font-weight: bold;
}

.innovative-text {
	margin-top: 10px;
}

.optical-systems-header {
	display: inline-block;
	margin-top: 40px !important;
	font-weight: bold;
	font-size: 20px;
}

.optical-systems-item a {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.optical-systems-item img {
	height: 100px;
	width: unset;
	text-align: center;
}

.optical-systems-item figcaption {
	text-align: center;
}

.markets-served-header {
	font-weight: bold;
}

.markets-served-item a {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.markets-served-item img {
	height: 250px;
	text-align: center;
}

.markets-served-item figcaption {
	text-align: center;
}

#header .top-header .header-navigation ul li {
	margin-left: 20px;
}

.blogcategory {
  padding-top: 30px;
  padding-bottom: 30px;
}

.blogcategory:first-child {
  padding-top: 100px;
}

.blogcategory:last-child {
  padding-bottom: 100px;
}

.blogcategory h1 {
 	margin-top: 20px;
}

.blogcategory .btn-primary {
    font-weight: bolder;
    background-color: #f5f5f7;
    background-image: none;
    color: #000;
    padding: 5px 15px;
    text-transform: uppercase;
	border: none;
	box-shadow: -3px 3px #d2d3d3;
	white-space: nowrap;
}

.blogcategory .btn-primary:hover {
	background-color: #ffffff;
}

.blogcategory .blogcategory-viewall {
 	text-decoration: underline;
}

.update-header {
    width: 100%;
 	position: absolute;
    z-index: 2;
    bottom: 0px;
    text-align: center;
}

.update-header-card {
	height: 150px;
    background-color: rgba(255,255,255,.8);
    display: flex;
    padding: 25px;
    text-align: center;
    margin: auto;
    max-width: 350px;
}

.update-header-card-title {
    flex: 1;
    margin-right: 10px;
    width: 50%;
}

.update-header-card-title-text {
    display: block;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: auto;
    margin-bottom: 10px;
    color: #000000;
}

.update-header-card-url {
    margin: auto;
}

.update-header-card-image {
    flex: 1;
    object-fit: cover;
    padding: 5px;
    width: 50%;
}

.update-header-card-url {
	display: block;
    height: 30px;
    width: 110px;
    background-color: red;
    border-radius: 5px;
    color: white;
    margin: auto;
}

@media only screen and (max-width: 1400px) {
	#header .top-header .header-navigation {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 1199px) {
	#header .top-header .header-navigation {
        display: none;
    }
	
    .open-responsive-menu {
        height: 100%;
        background: 0 0;
        padding: 26px 0;
		border: none;
		outline: 0;
        display: block;
        float: right;
    }

    .open-responsive-menu .fa {
        font-size: 22px;
        color: #000;
	}

	.open-responsive-menu:focus .fa {
		color: #f1d204;
	}
}

@media only screen and (max-width: 992px) {
	#header .top-menu {
		display: none;
	}
	
	.why-avantier-text {
		margin-top: 10px;
		margin-left: 0px;
	}
	
	.why-avantier-text p {
		text-align: center !important;
	}
  
    .update-header {
        position: relative;
    }
  
    .update-header-card {
        padding: 25px;
        margin-bottom: 20px;
    }
  
    .update-header .row div[class^='col-']:last-child .update-header-card {
        margin-bottom: 0px;
    }

    .update-header-card-title-text {
        display: block;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .update-header {
        padding-top: 240px;
    }
}