/*
Custom CSS for foxware.com.au
Author: Julian Fox
Date: Sun 17 Jan 2021, 17:30
    */
    html, body {
  		font-family: verdana,sans-serif;
  	}
  	h1, h2, h5 {
      font-weight: bold;
  		color: #CF8E5A; 
  	}
  	h1 {
  		font-size: 3.1em;
  		font-weight: bold;

  	}
  	a:link, a:visited {
    	color: #CF8E5A;
	}
  .mobile-menu-link {
    display: none;
  }
  .menu-child a {
    background-color: #ece9d7;
  }
	.foxware-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    	color: #fff;
    	background-color: #CF8E5A;
    }
  .foxware-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #CF8E5A;
  }  
  .globalbake-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #DFD299;
    }
  .globalbake-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #DFD299;
  }
  .ablebaker-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #DFD299;
    }
  .ablebaker-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #DFD299;
  }
  .recipe-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #CF8E5A;
    }
  .recipe-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #CF8E5A;
  }            
    .nav-pills>li>a {
    	border-radius: unset;
	}
    .nav {
    	background-color: white;
    }
  	.foxware-header {
  		background-color: #efefef;
  	}
  	.foxware-header img {
  		padding-right: 60px;
  		padding-left: 60px;
  	}
  	.foxware-footer {
  		height: 20px;
  		background-color: white;
  		color: black;
  		border-top: 1px solid #DFD299;
  	}
  	.panel-body {
  		padding:unset;
  	}
  	.panel-default {
  		border-radius: 8px;
  		padding-left: 5px;
  		padding-right: 5px;
  		padding-bottom: 10px;
  	}
    .gbscreen {
      border-color: #DFD299;
      border-width: 3px;
    }
    .gbscreen h3 {
      color: #CF8E5A;
    }
  	.main-content {
  		border-color: #DFD299;
    	border-width: 3px;
    	border-radius: 20px;
  	}
  	.foxware-menubox {
    	background-color: #DFD299;
  	}
  	.foxware-menubox a {
  		border-bottom: 1px solid #DFD299;
  	}
  	.globalbake-menubox {
  		background-color: #CF8E5A;
  	}
  	.globalbake-menubox a {
  		border-bottom: 1px solid #CF8E5A;
  	}
  	.ablebaker-menubox {
  		background-color: #ffb85c;
  	}
  	.ablebaker-menubox a {
  		border-bottom: 1px solid #ffb85c;
  	}
  	.recipe-menubox {
  		background-color: #DFD299;
  	}
  	.recipe-menubox a {
  		border-bottom: 1px solid #DFD299;
  	}
    /* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: auto}
    
    /* Set gray background color and 100% height */
    .sidenav {
    	padding-top: 15px;
    	background-color: #f1f1f1;
    	height: auto;
    }

    .sidebar-heading {
    	color: white;
    	text-align: center;
      	font-weight: bold;    	
    }
    .send-btn input[type=submit] {
    	background-color: #CF8E5A;
    	color: white;
    	border:unset;
    	padding:10px;
    }
    .fox-btn {
      background-color: #CF8E5A;
      color: #fff!important;
      border:unset;
      padding:10px;
    }
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {

  /* Style to reverse the caret icon from pointing downwards to upwards */
  .caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid;
  }   

  .mobile-menu-link {
    display: block;
  }    

  .foxware-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #CF8E5A;
    }
  .foxware-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #CF8E5A;
  }  
  .globalbake-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #DFD299;
    }
  .globalbake-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #DFD299;
  }
  .ablebaker-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #DFD299;
    }
  .ablebaker-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #DFD299;
  }
  .recipe-menubox .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #fff;
      background-color: #CF8E5A;
    }
  .recipe-menubox .nav-pills>li>a:hover {
      color: #fff;
      background-color: #CF8E5A;
  }
		.foxware-header img {
    		padding-top: 5px;
    		padding-right: unset;
    		padding-left: unset;
    	}
      	.fox-logo .float-right {
      		display: none;
      }
      	.fox-logo .float-left {
      		display: block;
      		float: left;
      }
      	.sidenav {
	        height: auto;
	        padding: 15px;
      }
      	.sidebar-heading {
    		text-align: center;
    }
      	.row.content {height: auto;} 
    }