/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3d56c5");

@font-face {
  font-family: "Kallisto-Medium";
  src: url('webFonts/KallistoMedium/font.woff2') format('woff2'), url('webFonts/KallistoMedium/font.woff') format('woff');
}
@font-face {
  font-family: "Kallisto-Heavy";
  src: url('webFonts/KallistoHeavy/font.woff2') format('woff2'), url('webFonts/KallistoHeavy/font.woff') format('woff');
}
.KallistoHeavy {
	font-family: "Kallisto-Heavy"!important;
}.KallistoMedium {
	font-family: "Kallisto-Medium"!important;
}
.sliderHeadline{

}
div[data-class="wpcf7cf_group"] {
	margin-bottom: 15px;
}
#ajax-content-wrap .container-wrap {
	background-image: url(assets/img/Balc-grill.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
#copyright img {
	height: 45px;
	vertical-align: middle;
	margin: 0;
}
.ui-timepicker-container{
    z-index: 9999999999999!important;
}
.ui-timepicker-standard .ui-state-hover, .ui-timepicker-standard .ui-widget-content .ui-state-hover {
	background-color: #DADADA!important;
}
.select2-drop {
	z-index: 99999999999999999999999999!important;
}
input[type="number"]{
    padding: 10px;
	width: 100%;
	font-size: 14px;
	font-family: inherit;
	line-height: 24px;
	color: #555;
	background-color: #f1f1f1;
	border: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,0);
}

#header-outer #top nav > ul > li.button_social_group > a, #header-outer #top nav > ul > li.red-link > a {
    color: #ff0200!important;
}
#header-outer #top nav > ul > li.red-link > a:hover,
body #header-outer[data-lhe="default"] #top nav .sf-menu > .sfHover.red-link:not(#social-in-menu) > a,
#header-outer[data-lhe="default"] #top nav .sf-menu > .sfHover.red-link:not(#social-in-menu) > a, body #header-outer[data-lhe="default"] #top nav > ul > li.red-link > a:hover{
    color: #ffffff!important;
}
@media only screen and (min-width: 1000px){
    #header-outer:not([data-format="left-header"]) #top .span_9{
        margin-left: auto;
    }
    #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items {
	       margin-right: 0;
           margin-left: 0;
    }
}
@media (max-width:999px){
    #footer-outer .span_10, #footer-outer .span_2 {
    	width: 100%!important;
    }
}
