﻿/*
Theme Name: Facmaster Child
Theme URI: http://demo.cmssuperheroes.com/themeforest/facmaster/
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/7oroof
Description: We built this theme on Page Builder, a very convenient drag-n-drop Page Builder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The WordPress theme is responsive, you can view it also in the mobile/tablets devices and it looks very in more devices.
Version: 1.0.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: facmaster
Text Domain: facmaster-child
Tags: chemicals, commercial, corporate, energy, engineering, factory, gas, industrial, industries, industry, industry theme, machinery, manufacturing
*/

@font-face {
    font-family: Euclid Circular;
    src: url('../font/euclid-circular-regular.ttf');
    font-weight: normal;
}

.cms-download .download-holder .item--download a {
    line-height: 18px !important;
    padding: 15px 31px !important;
}

.primary-menu .sub-menu li a {
    color: #00528e !important;
}

.primary-menu .sub-menu li > a:hover,
.primary-menu .sub-menu li.current-menu-item > a {
	color: #b42225 !important;
}

.elementor-widget-wp-widget-nav_menu > .elementor-widget-container {
    border: none !important;
}

.elementor-widget-wp-widget-nav_menu > .elementor-widget-container > h5 {
    display: none !important;
}

.elementor-widget-wp-widget-nav_menu li a:first-line {
    font-family: "Roboto Condensed" !important;
    color: #00528e !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
}

.elementor-widget-wp-widget-nav_menu li a {
    color: #6a6a6a !important;
    border: none !important;
    font-size: 10px !important;
    background-color: transparent !important;
    padding: 10px 22px !important;
}

.elementor-widget-wp-widget-nav_menu li:hover > a:first-line,
.elementor-widget-wp-widget-nav_menu li.current-menu-item > a:first-line {
    background-color: transparent !important;
    color: #b42225 !important;
}

.custom-hover-anim1 {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.custom-hover-anim1:hover {
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.slider-custom-font {
    font-family: "Euclid Circular" !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
}

.cms-client1 .client-image a img {
    opacity: 1 !important;
}

.cms-client1 .client-image a:hover img {
    opacity: 0.5 !important;
}

#pagetitle .page-title {
    font-family: "Euclid Circular" !important;
    font-weight: 400 !important;
}

#pagetitle hr {
    margin: 20px auto 15px;
    height: 1px;
    background-color: #ffffff;
    border: none;
    border-radius: 48%;
    width: 65%;
}

#pagetitle .sub-title {
    letter-spacing: 0.05em !important;
}

.cms-breadcrumb {
    margin: 0 !important;
    position: absolute;
    bottom: -115px;
}

.cms-breadcrumb li {
    margin-right: 30px !important;
    font-size: 16px !important;
}

.cms-breadcrumb li:last-child span.breadcrumb-entry {
    border: none !important;
    opacity: 0.65;
}

.cms-breadcrumb li a::after {
    content: none !important;
}

.euclid, .site-content .elementor-widget-text-editor, h6 {
    font-family: "Euclid Circular" !important;
}

.elementor-widget-container h2,
.elementor-widget-container h2 b,
.elementor-widget-container h2 strong {
    font-family: "Euclid Circular" !important;
    font-weight: 400 !important;
    font-size: 35px;
    line-height: normal;
    margin: 0;
}

.elementor-col-50 .elementor-divider-separator:after {
    content: "";
    position: absolute;
    bottom: 21px;
    left: 100px;
    border-top: 1px solid #c8c8c8;
    width: 145px;
}

.cms-nav-links .nav-post-meta a {
    color: #3d3d3d !important;
}

.elementor-col-50 ul {
    padding-left: 25px;
}

.elementor-col-50 ul li {
    list-style-image: url('../image/bullet.png');
    list-style-position: outside;
    padding-left: 5px;
}

.catalog .elementor-button {
    position: relative;
    top: -33px;
    background: transparent !important;
    color: #00528e !important;
    outline: none;
    font-family: "Euclid Circular" !important;
    text-transform: capitalize !important;
}

.catalog .elementor-button i::before {
    content: url('../image/adobe.svg');
    filter: invert(20%) sepia(98%) saturate(1555%) hue-rotate(186deg) brightness(93%) contrast(101%);
}

.flex-bottom-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 20px;
    column-gap: 25px;
}

.flex-bottom-menu ul li {
    flex-basis: calc(25% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-bottom-menu ul li a {
    font-family: "Roboto Condensed" !important;
    color: #00528e !important;
    background-color: #ffffff !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    width: 100%;
    height: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.flex-bottom-menu ul li:hover a, .flex-bottom-menu ul li:hover a:first-line,
.flex-bottom-menu ul li.current-menu-item a, .flex-bottom-menu ul li.current-menu-item a:first-line {
    color: #ffffff !important;
    background-color: #00528e !important;
}

.elementor-slideshow__footer {
    display: none !important;
}

@media only screen and (max-width: 976px) {
    .flex-bottom-menu ul li {
        flex-basis: calc(33% - 20px);
    }
}

@media only screen and (max-width: 752px) {
    .flex-bottom-menu ul li {
        flex-basis: calc(50% - 20px);
    }
}

@media only screen and (max-width: 420px) {
    .flex-bottom-menu ul {
        justify-content: center;
    }
    .flex-bottom-menu ul li {
        flex-basis: calc(100% - 20px);
    }
}