/*
 Theme Name:   Karion Child
 Theme URI:    http://demo.farost.net/karion/
 Description:  The 2018 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.
 Author:       Farost
 Author URI:   http://themeforest.net/user/farost
 Template:     karion
 Version:      1.2
 Text Domain:  karion-child
*/
/*
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Montserrat');

.wpb_images_carousel .vc_images_carousel{
    width: 100vw;
}
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline{
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3vw;
}
.vc_custom_1543411376780 .vc_parallax-inner{
    background-color: rgba(255,255,255,0.8) !important;
    background-blend-mode: lighten !important;
}
@media (min-width: 769px) {
    #cms-page-title .cms-page-title h1 {
        font-size: 70px !important;
        text-transform: unset !important;
    }
}
a.sticky-logo img {
    max-width: 100% !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
    border: solid #f9b701;
}
.main-logo{
    display: flex;
    /*width: 16vw;*/
}
.cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > li {
    padding-left: 1% !important;
    padding-right: 1% !important;
}
.cshero-header-navigation .main-navigation .menu-main-menu > li > a{
	font-weight: 500 !important;
}
.cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li > a:active{
	color: #fab702 !important;
}
.cshero-header-navigation .main-navigation li ul li a:hover, .cshero-header-navigation .main-navigation li ul li a:active{
	color: #fab702 !important;
    border-bottom: 1px solid #fab702 !important;
}
.lang{
    padding-left: 30px;
    display: inline-flex;
    list-style: none;
}
.lang li{
	padding: 4px;
}
#colophon{
background-color: rgba(0,0,0,0.5);
    background-blend-mode: darken;
}
#colophon .cms-footer-section2 .cms-footer-top-item .widget_nav_menu ul li a {
    background-blend-mode: unset;
	color: #fff;
}
#colophon .cms-footer-section2 .cms-footer-top-item .widget_nav_menu ul li a:hover{
	color: #fab702 !important;
}
.wp-form-slide .wpcf7-form-control.wpcf7-submit, .btn-call{
	color: #131313 !important;
}
.widget_nav_menu .wg-title, .widget_custom_html .wg-title, #widget-area .wg-title, .entry-body .entry-title, .btn-readmore-post{
	font-family: 'Montserrat' !important
}
.cms-grid-item.col-lg-4.col-md-4.col-sm-6.col-xs-12.shuffle-item.filtered {
    margin: 0.5rem;
}
.wp-contact-us-form .cms-contact-submit .wpcf7-submit:hover {
	color: #eee !important;
}
.wp-contact-us-form .cms-contact-submit .wpcf7-submit{
	color: #131313 !important;
}

.cms-grid-item{
    padding: 15px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    transition: transform 250ms ease-out, opacity 250ms ease-out;
    /*height: 237px !important;*/
    margin: 0 !important;
}

.cms-portfolio-image img{
    height: auto;
    max-width: 100%;
    max-height: 201px;
    width: 100%;
}

.entry-blog .entry-body .entry-title{
    font-weight: 600 !important;
}

.entry-meta .detail-comment{
    display: none;
}

.single .portfolio .single-portfolio-holder .title-portfolio-info{
    font-family: 'Montserrat' !important;
}

.home #cshero-header-inner .header-fixed .cshero-navigation-right .h-icon i{
    color: #404040 !important;
}

.home #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon i{
    color: white ;
}

.menu-main-menu .current-menu-item a {
    mix-blend-mode: unset !important;
}

#cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo{
    padding: 0 !important;
}