/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/


.header-centered .navbar-header .logo {
	float:left;
}

#header .sticky-wrapper {
	height:150px;
}

.container .navbar-header {
	height:150px !important;
}

.logo, .logo a {
	height:inherit;
	margin-top:15px !important;
}

.secondary-menu {
	position:absolute;
	top:80px;
	right:80px;
}

.header-color.social-header {
  background-image: -moz-linear-gradient( 0deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
}

.hover-element > i {
    background-color:#000;
}

.top-bar .top-menu {
	background-color: rgb(19, 95, 48);
	padding-right:20px;
}

.top-bar .top-menu::before {
	content:"";
	display:block;
	width:66px;
	height:100%;
	background: url('images/lip.png') top center no-repeat;
	position:absolute;
	left:-66px;
}

.kleo-social-icons li a i {
	color:#333;
}

.andisites-footer h4 {
    font-size:1em;
    font-weight: 800 !important;
}

.menus-wrap {
	background: #eaeaea;

}

.header-color .top-menu li > a {
	color:white;
	border-right:0px;
}

.header-flexmenu #header .kleo-main-header > .container {
	align-items:end;
}

.container .primary-menu.collapse.navbar-collapse {
	height:50px !important;
	position:relative;
	bottom:0px;
}

li.menu-item a.js-activated {
	line-height: 50px !important;
	padding-left:10px;
	padding-right:10px;
}

.dropdown-menu li a {
	padding:15px 20px !important;
}

.dropdown-menu li a:hover {
	background:#156734 !important;
	color:white !important;
}

.ourlinks {
	line-height: 2em;
	color:white;
}

.ourlinks ul li {
	line-height: 1.2em;
	padding-bottom: 1.4em;
}

.ourlinks ul li a {
	color:white !important;
}


.home .andisites-footer {
	margin-top:0em;
}

.andisites-footer {
	margin-top:5em;
}

.footer-sidebar p {
	color:white !important;
}

.dark-back {
	background-color:#000;
}

#footer #socket  {
	color:#eaeaea !important;
	background:#333 !important;
}

/* Items */
.mygrid {
	vertical-align: top;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex; 
  	flex-wrap: wrap;
}

.griditem {
	display: inline-block;
	width:33%;
	height:240px;
	background:#444;
	margin-bottom:1px;
	margin-right:1px;
 

}

.griditem a {
	display: block;
	width:100%;
	height:100%;
	position:relative;
}

.griditem img {
	width:100%;
	height:100%;
	object-fit:cover;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(100%);
 	opacity:0.3;
 	overflow: hidden;
}

.griditem img:hover {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
 	filter: none;
 	opacity:0.8;
 	transition: 0.6s;
}

.griditem h4 {
	color:white !important;
	font-size: 1.5em;
	position:absolute;
	bottom:10px;
	left:20px;
}

.griditem.accent h4 {
	color:black !important;
}


.griditem.accent {
  background-color:#fff;
  background-image: -moz-linear-gradient( -23deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
  background-image: -webkit-linear-gradient( -23deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
  background-image: -ms-linear-gradient( -23deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
}

.griditem.accent:hover {
	background:#156734;
	transition: 0.3s;
}

.griditem.accent:hover h4 {
	color:white;
}

p#evcal_cur {
	color:black !important;
}

/*********************************/
/* Start of Overwrite of Styles */
/*********************************/


/*.kleo-main-header .nav > li.active > a {
    box-shadow: inset 0px 2px 0px 0px #efcb00;
} */

/* Changes the select or "highlight" color for Mozilla (Overwrites Styling Options) */
/*.main-color *::-moz-selection, .footer-color *::-moz-selection {
    background-color: #3F7F58;
    color: #ffffff;
}*/

/* Targets the menu items in the Quick Links side menu */
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
padding-left: 10px;
}

.kleo-main-header .nav li.kleo-megamenu > .dropdown-menu {
	opacity: 0.97;
}

.header-color .top-menu li > a {
    font-family: "Montserrat";
    text-transform: uppercase;
    font-size: 12px;
    color: #fff !important;
}

/* Fixes the width for the AM/PM lot in Gravity Forms */
.gform_wrapper .gfield_time_ampm select {
    min-width: calc(2rem + 60px);
}

/* Hides the icon/images in the menu search results */
.ajax_search_image {
    display: none;
}

/* Hides the 'location' portion of the job meta/details */
ul.job_listings li.job_listing a div.location, .widget ul.job_listings li.job_listing ul.meta li.location {
    display: none;
}

ul.job_listings li.job_listing a div.position h3 {
    font-size: 17px;
}

/* Adds a gradient transition that can be applied to rows. Still fiddling with this to see if I'd like to incorporate it. The colors need to be worked out -GDeas */
.gradient-row {
background: #3CA55C; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F7F58 , #B5AC49); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F7F58 , #B5AC49); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.kleo-main-header a.btn-see-through {
    color: #333;
    border: 3px solid #EFCB00;
}

.kleo-main-header a.btn-see-through:hover {
    color: #333;
    border: 3px solid #146634;
}

h4.kleo-column-news-title a {
    word-break: break-word;
}

.home .kleo-column-news-one-news .aspect-ratio-container > .content.kleo-column-news-text-wrapper {
    padding:0px 20px 0px 20px; 
}

.nav-tabs {
  border-bottom:2px solid #ddd;
}

/* Fixes the spacing for the "caret" for a menu item that has sub-pages when you assign that item a "Menu Style" */
.caret::after {
    
}

/* Header Styling to the TablePress tables */
.tablepress thead th {
    background-color: #3F7F58;
    color: white;
    font-size: 12px;
    font-weight: 500;
}

.x-eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2 {
    font-size: 14px;
}

/* Header Styling on hover to the TablePress tables */
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #EFCB00;
}

.vc_acf-label {
    font-size: 28px;
    font-weight: 36px;
    font-family: "Montserrat";
    margin: 10px 0;
    /*margin-bottom: 40px;*/
    padding-bottom: 15px;
}

.tablepress td, .tablepress th {
    font-weight: 300;
    cursor: default;
    font-size: 13px;
}

/* Fixes the padding break in the last button when using inline kleo buttons (Apply this class to the last button only)*/
.inline_kleo_button_marginfix {
    margin: 5px 5px 5px 5px !important;
    margin-top: -4px !important;
}

/* Adds a bit of margin to inline social buttons */
.inline_button_margin {
    margin: 5px 5px 5px 5px;
}

/* Fixes the padding break in the last button when using inline social buttons (Apply this class to the last button only)*/
.inline_button_marginfix {
    margin: 5px 5px 5px 5px !important;
}

.format-aside h3, .post_format-post-format-aside h3 {
font-size: 22px !important;
}

/* Adds some space between fields in Gravity Forms*/
.gform_wrapper form li, .gform_wrapper li {
    margin-bottom: 10px;
}

/* Tweaks the layout for Gravity Forms */
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper textarea {
    margin-bottom: 0px;
}

/* Adjusts the background color of the job-type on the front-end */
.single_job_listing .meta .job-type {
    background-color: #1A3846;
}

.ajde_evcal_calendar .calendar_header p {
    font-size: 24px;
    font-weight: 400 !important;
}

/* Adds CSS to the Job Listing Apply Button */
.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
    font-size: 1em;
    background-color: transparent;
    color: #146634;
    border: 2px solid #146634;
    border-radius: 4px;
    transition: all .2s ease-in-out;
}

/* Adds :hover CSS to the above */
.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button:hover {
    font-size: 1em;
    background-color: #146634;
    color: #ffffff;
    border: 2px solid #146634;
    border-radius: 4px;
    transition: all .2s ease-in-out;
}

/* Adjust hour height for a bit cleaner look */
.DOPBSPCalendar-hour .dopbsp-bind-middle {
    height: 18px !important;
    border-radius: 2px !important;
}

.see-through-yellow {
    color: #333;
    border: 2px solid #EFCB00;
}

.uppercase {
text-transform: uppercase;
}

.pointer {
cursor: pointer;
}

/* Increases the input font size in the sidebar search */
.input-sm {
    font-size: 16px;
}

/* Targets Lead Text */
.lead {
    line-height: 32px;
  	font-family: "Montserrat";
    font-weight:600;
    border-bottom: 1px dotted #cacaca;
		padding-bottom: 1em;
		margin-bottom: 2em;

}

/* Adjusts Footer padding */
.template-page {
    padding-top: 20px;
}

/* Adjusts Footer font */
#footer {
    font-size: 14px;
    line-height: 18px;
}

/* Fixes the height of the sidebar search */
.widget_search #searchform input[type="text"] {
    height: 40px;
}

/* Makes the sidebar search input look... cool I guess? */
.widget_search #searchform > div {
    border-radius: 0px !important;
    border-style: solid;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: none;
    border-width: 1px;
}

#wpas_files {
    height: 40px;
}

.wpas-form-control {
    height: 44px;
    padding-bottom: 46px;
}

.wpas-btn-default:hover {
    color: #FFFFFF !important;
    background-color: #146634;
    border-color: #adadad;
}
  
.wpas-btn {
    border-radius: 4px;
}

.single_job_listing .meta .job-type {
    border-radius: 4px;
    min-width: 90px;
    text-align: center;
}

/* Removes the unnecessary company bar on the Job Board plugin */
.company {
    display: none;
}

/* Modifies the font and weight on Event Titles in EventOn */
.ajde_evcal_calendar .calendar_header p, .eventon_events_list .eventon_list_event .evcal_cblock, .evcal_cblock, .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .evcal_desc span.evcal_desc2, .evcal_evdata_row .evcal_evdata_cell h2, .evcal_evdata_row .evcal_evdata_cell h3.evo_h3, .evcal_month_line p, .evo_clik_row .evo_h3, .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_pop_body .evcal_desc span.evcal_event_subtitle {
font-weight: 300 !important;
font-family: "Montserrat", Open Sans !important;
}

.eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2 {
	font-size: 15px;
}

/* Modifies the color of the EventOn Full Calendar days with events */
.eventon_fc_days .evo_fc_day.has_events {
    color: #3F7F58 !important;
}

/* Modifies the size of the EventOn event subtitle font size */
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_pop_body .evcal_desc span.evcal_event_subtitle{
    font-size: 12px;
}

/* Overwrites and adds padding to the bottom of the individual event bars in EventOn 
.eventon_events_list .eventon_list_event .evcal_list_a {
    padding-bottom: 10px !important; 
} */

p.no_events {
    font-size: 40px;
    text-align: center;
    color: black;
    font-family: "Montserrat";
}

/* Adds additional padding around Small Buttons */
.btn-sm {
    padding: 10px 20px;
}

/* Reduces the font weight for Small Buttons */
.btn-see-through {
    font-weight: 400;
}

/* Reduces the font for the 'Quick Links' sidebar */
.offcanvas-sidebar {
    font-size: 11px;
    line-height: 12px;
}

/* Removes the search bar from the Job Dashboard Plugin */
div.search_jobs {
    display: none;
}

.mb0 {
	margin-bottom: -5px !important;
}

select {
    padding: 4px 35px 4px 9px !important;
}

/* Tweaks the layout for Gravity Forms */
.gform_wrapper .top_label .gfield_description {
    padding: .625em 0 0;
    margin-top: -5px;
}

/* Gravity Form Field Descriptions */
.gform_wrapper .gfield_description, .gform_wrapper .gsection_description {
	font-size: 12px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
  font-size: 10px;
}

/* More tweaks the layout for Gravity Forms */
.gform_wrapper .top_label .gfield_label {
    font-weight: 400;
}

/* CSS for the Gravity Forms Submit, Next and Previous buttons */
.gform_footer input.button, .gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_previous_button, .gform_wrapper .gform_page_footer .button.gform_button {    
    border: none;
    font-size: 13px !important;
    text-decoration: none;
    color: #FFF;
    background-color: #146634;
    x-box-shadow: inset 0 1px 0 #73b0d8,0 4px 0 #2980b9; /*Deactivated*/
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    position: relative;
    padding: 6px 24px;
    border-radius: 4px;
    -webkit-appearance: none !important;
    text-transform: uppercase;
    transition: all .3s ease-in-out 0s;
}

/* CSS for the Gravity Forms Submit button when hovered*/
.gform_footer input.button:hover, .gform_wrapper .gform_page_footer .button.gform_next_button:hover, .gform_wrapper .gform_page_footer .button.gform_previous_button:hover, .gform_wrapper .gform_page_footer .button.gform_button:hover {    
    border: none;
    font-size: 13px !important;
    text-decoration: none;
    color: #FFF;
    background-color: #CEAF00;
    x-box-shadow: inset 0 1px 0 #73b0d8,0 4px 0 #2980b9; /*Deactivated*/
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    position: relative;
    padding: 6px 24px;
    border-radius: 4px;
    -webkit-appearance: none !important;
    text-transform: uppercase;
    transition: all .3s ease-in-out 0s;
}

.gform_save_link {
font-weight: 600;
}

.vc_separator h4 {
    font-size: 125%;
}

.eventon_events_list .eventon_list_event .evcal_list_a {
    padding: 10px 0px 0px; 
}

.vc_column_container > .vc_column-inner {
    padding-left:32px;
    padding-right:32px;
}

/* Menu Items */
.kleo-main-header .navbar-collapse > ul > li > a {
    font-size: 14px;
    text-transform: uppercase;
}

.kleo-navbar-fixed .kleo-main-header.header-scrolled {
    background-color: rgba(255,255,255,0.9);
}

.vc_progress_bar.vc_progress-bar-color-green .vc_single_bar .vc_label {
	color: black;
}

/**************************/
/* End of Overwrite Styles */
/**************************/


/* Content Styles */
input[type="radio"], input[type="checkbox"] {
    display: inline;
}


#main-container table th {
    background: #156734;
    color:white;
    padding:5px;
}

#main-container table tr:nth-child(odd) {
    background:#eaeaea;
}

#main-container table td {
    border:1px dotted #cacaca;
    padding:5px;
}

.goldenx p {
    color:#232323;
}

.goldenx h4 {
    color:#232323 !important;
}

.goldenx a.btn {
    color:#232323 !important;
}

.goldenx a.btn-highlight {
    color:#fff !important;
    white-space: inherit;
}

.goldenx > div {
    background-color: #dabb67 !important;
    background-image: -moz-linear-gradient( 320deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
    background-image: -webkit-linear-gradient( 320deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);
    background-image: -ms-linear-gradient( 320deg, rgb(222,189,94) 0%, rgb(211,185,118) 50%, rgb(184,155,86) 82%, rgb(157,125,53) 100%);

}

#header form.searchform .searchsubmit.button {
background-color: rgb(21,103,52);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 14px 20px;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid rgb(21,103,52);
}

#header form.searchform input {
height: 50px;
}

li#nav-menu-item-search .kleo-search-wrap {
padding: 10px;
}

.top-bar .top-menu #menu-top-bar li.tabdrop:before, .top-bar .top-menu #menu-top-bar li.tabdrop a {
  color: #fff;
}

.top-bar .top-menu #menu-top-bar li.tabdrop ul.dropdown-menu {
  background-color: rgb(19, 95, 48);
}

.programsx .wpb_column {
    background:#eaeaea;
    border-right:1px solid #fff;
}


.programsx h4 {
    font-size: 1em;
    margin:0px;
    padding-top:5px;
    padding-bottom:5px;
}

.programsx .vc_column_container > .vc_column-inner {
    padding-left:16px;
    padding-right:16px;
}

@media screen and (min-width: 2000px) {
    #rev_slider_22_1 {
        width:1600px;
        margin:0 auto;
    }
}

@media screen and (max-width: 1200px) {
    .programsx h4 {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 768px) {
    .programsx h4 {
        font-size: 1em;
    }
    
    .programsx .wpb_column {
        border-right:none;
        border-bottom:1px solid white;
    }
}
/* Responsive Styles */
@media screen and (max-width: 680px) {
	.griditem {
		width:100%;
	}
}

@media screen and (max-width: 992px) {
	.secondary-menu {
		position:relative;
		top:inherit;
		right:inherit;
	}
}

@media (max-width: 991px) {
    #header .navbar-nav li {
        padding-left:15px;
    }

    
}

@media screen and (max-width: 540px) {
    .flyout-trigger.trigger-left.trigger-button {
        top:100% !important;
    }
}