/*
Theme Name:     KnowHow Child Theme
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowHow 
Author: 		Chris Mooney (Swish Themes)
Author URI: 	http://herothemes.com
Template:       knowhow
Version:        1.0.0
*/

@import url("../knowhow/style.css");


/* @import url("site_specific_style.css"); */


/*---------------------------*/
/*----- PAGE BACKGROUND -----*/
/*---------------------------*/
/*----- ADD THE BOTTOM HORIZONTAL IMAGE -----*/
body {
  background-image: url(/images/background_footer.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 1px 108px;
}




/*-----------------------*/
/*----- IBEX HEADER -----*/
/*-----------------------*/

/*----- HIDE THE DEFAULT KNOW HOW THEME HEADERS -----*/
#site-header { display: none; }
#primary-nav-mobile { display: none; }


/* ##### THIS IS A DIRECT COPY OF THE MAIN IBEX SITE CSS ######*/
.ibex_header
{
  width: 100%;
  height: 70px;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border-top: 4px solid #f7b034;
  border-bottom: 1px solid #ddd;
}
  
.ibex_header_logo_container
{
  margin-left: 10px;
  margin-top: 6px;
}
  
.ibex_header_logo
{
  width: 185px;
  height: 50px;
}

.ibex_header_center_menu
{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ibex_header_center_menu ul
{
  padding: 0px;
  display: flex;
  list-style: none;
}

.ibex_header_center_menu li
{
  margin-left: 20px;
  margin-right: 20px;
  white-space: nowrap;
  text-align: center;
  font-size: 15px;
  font-weight: 550;
  font-family: Open Sans, sans-serif, Helvetica, Arial;
}

.ibex_header_center_menu a, .ibex_header_center_menu a:visited, .ibex_header_center_menu a:hover
{
  text-decoration: none;
  color: #333;
  line-height: 70px;
  display: block;
}

.ibex_header_hamburger
{
  font-size: 28px;
  cursor: pointer;
  user-select: none;
  padding: 10px;
  margin-right: 10px;
  margin-left: auto;
  transition: all 0.2s ease;
  color: #4D4D4D;
}

.ibex_header_mobile_menu
{
  position: absolute;
  top: 70px;
  right: 10px;
  background-color: #fff;
  width: 200px;
  border: 1px solid #ccc;
  display: none;
  flex-direction: column;
  z-index: 1000;
}

.ibex_header_mobile_menu.open
{
  display: flex;
}

.ibex_header_mobile_menu ul
{
  padding: 0px;
  list-style: none;
  width: 100%;
}

.ibex_header_mobile_menu li a, .ibex_header_mobile_menu li a:visited, .ibex_header_mobile_menu li a:hover
{
  display: block;
  padding: 12px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #eee;
  font-size: 1.1rem;
}

.ibex_header_mobile_menu li a:hover
{
  background-color: #f2f2f2;
}

@media (max-width: 1150px)
{
  .ibex_header_center_menu
  {
    display: none;
  }
}



/*-----------------------------------*/
/*----- RESOURCE SITE TITLE BOX -----*/
/*-----------------------------------*/
.odac_title_box_wrapper {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.odac_title_box {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #DDDDDD;
  border-radius: 14px 14px 14px 14px;
  padding: 18px;
  margin-left: 8px;
  margin-right: 8px;
}
.odac_title_box_heading {
  max-width: 100%;
  text-align: left;
}
.odac_title_box_heading h1 {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 8px;
}

.odac_title_box_image_sub_heading_container {
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
}

.odac_title_box_image_sub_heading_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.odac_title_box_image_sub_heading_content h2 {
  flex: 1;
  margin: 0;
  color: #FD7100;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
}

.odac_title_box_image_sub_heading_content img {
  max-height: 200px;
  max-width: 300px;
  height: auto;
  object-fit: contain;
  margin-left: 16px;
  margin-right: 16px;
}

/* Responsive for mobile screens */
@media (max-width: 600px) {
  .odac_title_box_image_sub_heading_content {
    order: 1;
    flex-direction: column;
    align-items: center;
    text-align: left;
  }

  .odac_title_box_image_sub_heading_content h2 {
    order: 2; 
    width: 100%;
    margin-top: 20px;
  }
}








/*----- THE MAIN IMAGE AND TEXT -----*/

/*See site_specific_style.css*/



/* Stop search box being too thin on mobile*/
.container {
padding: 0 10px;
}




/*-------------------*/
/*----- SIDEBAR -----*/
/*-------------------*/
.my_sidebar_content_wrapper {
}

#primary.sidebar-right #sidebar {
  padding-left: 18px;
}
#sidebar {
	width: 261px;
}
/*Now also sort of the left content with the sidebar fixed width change*/
#content {
	/*Override % width set by theme*/
  width: -moz-calc(100% - 261px);
  width: -webkit-calc(100% - 261px);
  width: calc(100% - 261px);
}
/*Reduce the top padding*/
#sidebar {
padding-top: 18px;
}
/*Reduce the padding under admin*/
.widget {
margin-bottom: 10px;
}


/*----- wp-tree-30 -----*/
/*Stop categories tree items wrapping*/
.dtree_cat {
  white-space: nowrap;
  overflow: hidden;
}

/*Fix misalignment of node text*/
.dtNode {
  height: 18px;
  line-height: 18px;
}

/*Folders and pages*/
.dtree_cat a.node {
  margin-left: 5px;
  position: relative;
  bottom: 4px;
}


/*------------------*/
/*----- FOOTER -----*/
/*------------------*/
/* Override KnowHow Theme footer*/
#site-footer { display: none; }


/* ##### THIS IS A DIRECT COPY OF THE MAIN IBEX SITE CSS ######*/
.ibex_footer {
  width: 100%;
}

.ibex_footer_stripe {
  width: 100%;
}

.ibex_footer_stripe_yellow {
  height: 4px;
  background-color: #f7b034;
}

.ibex_footer_stripe_white {
  height: 2px;
  background-color: #fff;
}

.ibex_footer_blue_section {
  background-color: #2EA4D6;
  height: 100px;
  display: flex;
  justify-content: center;
}

.ibex_footer_content {
  width: 1040px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center; /* vertical centering */
  justify-content: space-between;
}

.ibex_footer_text {
  color: white;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  top: 20px;
  left: 6px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-right: 6px;
}

.ibex_footer_text a {
	text-decoration: none;
	color: #FFFFFF;
}
.ibex_footer_text a:visited {
	color: #FFFFFF;
}
.ibex_footer_text a:hover {
	color: #A14593;
}

.ibex_footer_text_subtext {
  color: white;
  font-size: 10px;
  line-height: 12px;
  margin-top: 4px; /* spacing between the two lines */
}

.ibex_footer_text_subtext a {
	color: #FFFFFF;
	text-decoration: none;
}
.ibex_footer_text_subtext a:visited {
	color: #FFFFFF;
}
.ibex_footer_text_subtext a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.ibex_footer_logo {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  height: 75px;
  object-fit: contain;
  z-index: 0; /* behind the text */
}

.ibex_footer_stripe-grey {
  height: 2px;
  background-color: #5e5e5e;
}





/*----------------------*/
/*----- USEFUL BOX -----*/
/*----------------------*/
.page_bottom_info_box_wrapper
{
	max-width: 680px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666666;
	padding: 4px;
	color: #666666;
}
.page_bottom_info_box_title
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.page_bottom_info_box_text
{
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
/*Stop massive margin at bottom under box*/
.single .post {
	margin-bottom: 10px;
}




/*--------------------------------------------------------*/
/*----- ALTER THEME DEFAULT FONT SIZES, SPACINGS ETC -----*/
/*--------------------------------------------------------*/
h4{font-size:1.3em;margin:1.33em 0} /*<<<Don't think this is relevant any more?*/

.entry-content h4 {
  font-size: 20px;
  line-height: 24px;
}

.entry-content h5 {
	font-size: 16px;
	line-height: 22px;
	color: #4dadd5;
}


.wp-editor-container textarea.wp-editor-area {
	height: 700px !important;
}

/* Make display of code segments right */
code, pre {
	font-size: 13px;
	line-height: 13px;
	word-break: normal;
	word-wrap: normal;
	white-space: pre;
	overflow: auto;
	overflow-y: hidden;
	margin: 0px;
	padding: 0px;
	tab-size: 2;
}
.entry-content code, .entry-content pre {
	margin: 0px;
	padding-bottom: 6px;
}
/* Make display of code segments right when category selected (code and pre tags are not there)*/
.entry-content p {
	word-break: normal;
	overflow: hidden;
}

.entry-content .wp-block-code {
  margin-bottom: 24px;
}


/*--------------------------*/
/*----- CATEGORY PAGES -----*/
/*--------------------------*/
.category .sub-categories li {  /*Change category list to single column and smaller*/
  width: 100%;
  float: none;
}
.category .sub-categories li h4 {  /*Change category list to single column and smaller*/
  font-size: 1.0em;
  margin: 1.em 0;
}


/*------------------*/
/*----- DISQUS -----*/
/*------------------*/
.comments_heading {
	font-size: 11px;
	line-height: 13px;
	color: #999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 6px;
	margin-top: 30px;
}

/*------------------------------*/
/*----- WORDPRESS COMMENTS -----*/
/*------------------------------*/

/*Comments section title*/
#reply-title {
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 20px;
    padding: 0 0 6px;
    color: #444;
}

/*Hide the "date at time" text*/
#comments .comment .comment-meta time {
  display: none;
}

/*Move comment body up as wew include the date and time in that with out mods*/
#comments .comment .comment-content {
  margin-top: -12px;
}

#comments .comment .comment-content p.our_comment_timeago {
  margin-top: 0px;  
  font-size: 13px;
  color: #808080;
}


#comments .comment-content {
  font-size: 16px;
  padding-bottom: 0px;
  margin-bottom: 12px;
}

/* Don't display "Article Author" box */
#comments .comment-meta .author-badge {
display: none;
}

/*Don't highlight author comments */
.bypostauthor {
  background: none;
}


/*----- ADD COMMENT FORM -----*/
/*Hide "Your email address will not be published" */
#comments .comment-notes {
  display: none;
}

/*Get "Your name:" displayign correctly*/
#respond .comment-form-author label {
  float: left;
  line-height: 20px;
  margin-right: 6px;
}