/*
Theme Name: Zerif Lite Child
Description: Zerif LITE is a free one page Wordpress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Author: Eric Seyfried
Template: zerif-lite
Version: 2.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, one-column, responsive-layout, custom-background, custom-header, custom-menu, featured-images, threaded-comments, translation-ready,photoblogging
Text Domain: zerif-lite-child
*/


.container {
    width: auto !important;
}


.page-template-template-fullwidth-no-title .site-content {
  background: #CCF0FD;
}

.site-content {
  background: #FFFFFF;
}

body.custom-background {
    background-position: bottom center !important;
}
/* remove dropsheet */
.header-content-wrap {
  background: none;
}

.intro-text {
  color: #331F17;
}

.shrink {
  min-height: 35px;
}

.fas {
  color:#0c4da2;
}

.navbar-inverse{
	/* background-color:#e5f5fd; */
	/* background-color:#eff9fd; */
	/* background-color:#ccf0ff; */
	/* background-color:#034EA2; */
	background-color:#002A44;
}
.navbar-inverse .navbar-nav>li>a:hover {
  color:#31445a;
}
.navbar-brand {
  padding:0;
}
a.navbar-brand{
	height:auto !important;
  padding:0;
}
a.navbar-brand img{
  width:200px !important;

}

.header.header > .navbar {
    border:none;
    border-bottom:2px solid #31445a;
    box-shadow:none;
    -webkit-box-shadow:none;
}
.header-content-wrap{
	/*background: #FF8500;
	background: rgba(255, 133, 0, 0.5);*/
}

#footer{
	background:#484848;
}
.svi-widget-list .col-md-3,
.svi-widget-list .col-md-9 {
	padding:0;
}
.svi-widget-list .row {
	margin-left:0;
}


/*---------------------------------------
 **   Override Bootstrap            -----
-----------------------------------------*/
ul.nav {
	margin: 0;
}
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: #034EA2;
		color:#fff;
}
.svi-title {
  color:#444242;
}
h1.svi-title {
	font-size:36px;
	text-align:center;
}
h2.svi-title {
	font-size:28px;
	text-align:center;
}
h3.svi-title {
	font-size:24px;
}
h4.svi-title {
	font-size:18px;
}
h5.svi-title {
	font-size:16px;
}
#documentation h2 {
	margin-bottom:40px;
}
#documentation h3.svi-title + div{
	margin-bottom:40px;
}

#loginform input[type="submit"] {
  margin:0;
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;

}
#loginform input:focus {
  outline-color: #31445a !important;
}
.btn {
  border-radius: 0;
}
/*---------------------------------------
 **   Override Parent Theme         -----
-----------------------------------------*/

/* Selection colours (easy to forget) */
::selection {
	background: rgb(75, 176, 251,.2);
	color: #444242;
}
::-moz-selection {
	background: rgb(75, 176, 251,.2);
	color: #444242;
}
a {
	color: #2659B3;
	-webkit-transition: all 700ms;
	transition: all 700ms;
}
a,
a:hover {
	text-decoration: none;
}
a:hover {
	color: #4EBED8;
}
a.btn:visited {
    color: #fff;
}
a:visited {
    color: #2a6496;
}
.entry-title {
	font-size: 28px;
}
.entry-title:before,
.entry-title:after {
    background: #4EBED8;
}
.entry-title a:hover {
  color:#4EBED8;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
	background: #ebebeb;
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"],
input[type="submit"] {
	padding: 6px 12px;
  background: #fff;
  border:1px solid #ccc;
  color:#333;
  text-transform: capitalize;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="submit"],
textarea {
	color: #555;
	border: 1px solid #ccc;
  border-radius: 4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 6px 12px;
}

.widget li:before {
    display:none;
}

ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
	display: none;
}
/* tables */
th {
	font-weight: bold;
	text-transform: initial;
}

.page-template-template-fullwidth-no-title h3,
.page-template-template-fullwidth-no-title h4,
.page-template-template-fullwidth-no-title h5 {
  color: #072A44;
}

body .popover {
  margin-left:-30px;
}

pre.code {
  background: #333;

}
pre.code kbd {
  box-shadow:unset;
}

#sidebar .widget .widget-title {
  font-size: inherit;
  text-transform: unset;
  margin:8px 0;
  color:#0c4da2;
}
#sidebar .widget .widget-title:before {
  content:unset;
}
#sidebar .widget li {
  padding-left:0;
}
#sidebar .widget .nav-stacked li {
	margin:5px 0;
}
#sidebar .widget .nav-pills>li>a {
  border-radius: unset;
}
#sidebar .widget .nav>li>a,
#sidebar .nav .sub-menu>li>a {
  padding:5px;
}
#sidebar .widget .nav-stacked li.current-menu-item > a {
	border-left: #034EA2 solid 4px;
}
#sidebar .widget .nav-stacked li.current_page_parent > a {
    background-color: transparent;
    color: #808080;
}
#sidebar .widget ul.sub-menu {
  margin-left:5px;
}
#sidebar .menu-item-has-children>a{
  color:#000000;
}
#sidebar .nav>li.menu-item-has-children>a:hover,
#sidebar .nav>li.menu-item-has-children>a:focus {
  background-color: unset;
  border-left: unset;
  color:#000000;
}

#sidebar .nav>li>a:hover,
#sidebar .nav>li>a:focus,
#sidebar .nav .sub-menu>li>a:hover {
    background-color: unset;
    border-left: #034EA2 solid 4px;
		color:#808080;
}
#sidebar.sidebar-collapsed {
  width:50px;
}
#sidebar.sidebar-collapsed aside {
  display:none;
}
/** end parent overrides **/

/* section banners */
section.banner {
  background: #4BB0FB;
  height: 210px;
  padding: 20px;
  color:#FFFFFF;
  margin-top:20px;
  position: relative;
}
section.banner .svi-title {
  text-align: left;
  color:#FFFFFF;
}

section.banner img {
  position: absolute;
  top: -70px;
  right: 0px;
  overflow: visible;
  width:300px;
}

.page-header .page-title:before {
  background: none;
}

.archive-video section.banner img {
  width:280px;
}
.archive.tax-recipe_category section.banner img {
  width:400px;
}


.archive-video header,
.archive header {
  border:unset;
}

/* collapsable sidebar */
body {
  position:relative;
}
.sidebar-wrap.content-left-wrap {
    margin-top:0;
}
.sidebar-wrap.col-md-3 {
  padding-right: 0;
}
#sidebar .widget-area {
    padding-left: 50px;
    background: #eee;
}
/** apply to collapse **/
#sidebar.sidebar-collapsed {

}
#left-content.col-md-12 {
    padding-right: 55px;
}

#sidebar  {
    padding-left:0;
    position:absolute;
    right:0;
    height:100%;
    background: #eee;
    border-left:1px solid #ccc;
}
#left-content {
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.sidebar-header {
  text-align:left;
  background: #ccc;
}
.sidebar-header  button {
  width:50px;
  height:50px;
}
.toggle-sidebar:focus {
  outline: none;
}
/* end collapsable sidebar */

.archive,
.archive-video h1,.archive-video h2,.archive-video h3,.archive-video h4,.archive-video h5,
.archive-recipe h1,.archive-recipe h2,.archive-recipe h3,.archive-recipe h4,.archive-recipe h5 {
  text-align:left;
}
.archive-video .row {
  margin-bottom:5px;
}
.video p {
  font-size: 14px;
  margin-bottom:10px
}
.video span {
  font-size: 12px;
}
.recipe .entry-footer {
  display:none;
}
.recipe img.screenshot {
  border-radius: 10px;
  background: #eeeeee;
  padding: 5px;
}

/* Table blocks */
figure.wp-block-table table th, figure.wp-block-table table td {
  padding: 5px;
}