/*
Theme Name: BonAppetit
Theme URI:
Author: Raoul Muthu
Author URI: http://www.raoulmuthu.com
Description: BonAppetit is a free WordPress theme created for the foodies out there that are eager to share their culinary experiences as well as a good tool for those entrepreneurs that are looking to build an online presence for their food industry related business.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready, theme-options, blue, white, light, one-column, right-sidebar, custom-header, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, featured-images, sticky-post
Text Domain:BonAppetit

This theme, like WordPress, is licensed under the GPL.
*/

/* General */

	body
	{
	background: none;
	text-align: justify;

	}
	.row {margin: 0!important;}
	body>h1 {font-family: 'Vollkorn', serif;
			}

	body.logged-in{margin-top:20px;}

	@media screen and (max-width: 600px) {
	    #wpadminbar {
			position: fixed !important;
		}
	}

	.bonappetit-bg {background-color:  #ff3333
	; margin-top:5%;margin-bottom: 5%;border-radius: 5px;
	-webkit-box-shadow: 0px 0px 107px -10px rgba(0,0,0,0.73);
	-moz-box-shadow: 0px 0px 107px -10px rgba(0,0,0,0.73);
	box-shadow: 0px 0px 107px -10px rgba(0,0,0,0.73);}

	#ba-loop {background-color: white;  border-radius: 5px; padding-top:25px;  padding-bottom:25px}
 }

	#underbar {width: 50%; height: auto; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 20px;}

	.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

   .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

	/* Default Site Colors */

	/* main color */
		#site-title a,
		h1,
		h2,
		h2.page-title,
		h2.post-title,
		h2 a:link,
		h2 a:visited,
		.menu.main a:link,
		.menu.main a:visited,
		footer h3,
		.navbar-default .navbar-brand:hover,
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus,
		.jumbotron h1,
		.ba-testimonial h4

		{
			color: #005772;
		}

		.bonappetit-bg,
		.frontpage-contact,
		.ba-deco,
		.btn-block,
		.ba-social-icons {
			background-color: #003687;
		}

		/* secondary color */


		@media only screen and (min-width: 890px) {
			#two-column {
				border-right: 1px solid #003687;
			}
		}

		/* links color */
		a:link,
		a:visited,
		 {
			color: #ed003f;
		}

		.btn-block:hover {
			background-color: #ed003f;
		}


		/* links hover color */
		a:hover,
		a:active {
			color: #eded93;
		}

	/* Comments by post's author */

	.bypostauthor {
	background:#FFF;
	}
	.commentlist .bypostauthor {
	background:#FFF;
	}

	/* Text Decoration for Gallery Captions*/
	.gallery-caption {
	background:#FFF;
	}

	.sticky {	background:#FFF;}

/* Custom Post Type */

.taxonomy {   text-decoration: bold !important ; margin-bottom: 2rem; margin-right: 0px !important;}


/* Images Layout Style */

	img,
	.wp-caption {
	max-width: 100%;
	}

	.main-content img {
	margin: 0;
	height: auto;
	width: auto;
	}
	.main-content .alignleft,
	.main-content img.alignleft {
	display: inline;
	float: left;
	margin: 4px 4% 4px 0;
	}
	.main-content .alignright,
	.main-content img.alignright {
	display: inline;
	float: right;
	margin: 4px 0 4px 4%;
	}
	.main-content .aligncenter,
	.main-content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	.main-content img.alignleft,
	.main-content img.alignright,
	.main-content img.aligncenter {
	margin-bottom: 12px;
	}

/* Captions */

	.main-content .wp-caption {
	line-height: 1.4em;
	padding: 4px;
	text-align: center;
	}
	.main-content .wp-caption img {
	margin: 5px 5px 0;
	}
	.main-content .wp-caption p.wp-caption-text {
	font-size: 0.8em;
	margin: 5px;
	}

/* Header */

	.page-header {

  max-height: 300px;
  border-radius: 5px;
    overflow: hidden;}


/* Navbar */

	.navbar-brand {
	  float: left;
	  height: 100px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 100px;
	}
	.navbar-brand:hover,
	.navbar-brand:focus {
	  text-decoration: none;
	}
	.navbar-brand > img {
	  display: block;

	}

	#ba-navbar-logo {height:100px; width: auto; margin-top: -10px; vertical-align: middle; margin-left: 5px;}

	#bs-example-navbar-collapse-1 {margin-top: 25px; font-size: 20px;color: #333;}

	@media (max-width: 769px) {

			#ba-navbar-logo {height:50px;width: auto; vertical-align: middle; margin-left: 0px;}
			.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 100px;
	}
	  .navbar-toggle {

    margin-top: 8px !important;
	  background: white;
	}
	}

	@media (min-width: 768px) {

	  .navbar > .container .navbar-brand,
	  .navbar > .container-fluid .navbar-brand {
	    margin-left: -15px; border-radius: 5px;
	  }}

	.navbar-default {
	  background-color: white;
	  border-color: transparent;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
	  color: #ff3333;
	  background-color: transparent;
	}

	.navbar-default .navbar-brand,
	.navbar-default .navbar-nav > li > a {
	  color: #555;
	  font-weight: bold;
	  background: transparent;
	}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-nav > li > a:hover {
	  color: #ff3333;
	  background: none;
	}

	.navbar-toggle {

    margin-top: 33px;
	  background: white;
	}

	.navbar-toggle .icon-bar {
	  background: black;
	}
	@media (max-width: 768px) {
	  .navbar-nav > li > a {
	    background:transparent;
	    border-radius: 4px;
	    margin-bottom: 3px;
	    border-radius: 5px;
	  }
	}
	@media (max-width: 768px) {
	  .navbar-nav > li > a:after {
	    content: '';
	  }
	}

	@media (max-width: 1500px) {
    .navbar-header {
        float: none;
    }
  	.navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;

    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*Custom Frontpage */

	/* General Custom Frontpage */

	.ba-jumbo {
				width: 100%;
				text-align:center;
				margin: 0px;
				background: rgba(255,255,255, 0.5);
				font-size: 22px !important;
				font-weight: bold !important;
				text-shadow: 2px 2px 20px rgba(255, 255, 255, 1);
			    }

	.ba-jumbo h1 {margin-top: 0px !important;
				   padding-bottom: 10px;}


	.ba-frontbody  {margin: 0px !important;
					padding: 0px;
					overflow-x: hidden;
					height: 100%}

	.ba-frontrow {padding: 0px;}

	.wrapper {height: 100%;}



	/* Social Buttons Frontpage */

	.ba-social-icons ul {
	overflow: auto !important;
	margin-bottom: 0px !important;
	padding-right: 30px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	}

	@media screen and (max-width: 769px) { .ba-social-icons ul{ padding: 0 !important; display:inline-block !important; }
											   .ba-social-icons  { 	text-align: center !important;  }
										}

	.ba-social-icons ul li {
	list-style-type: none !important;
	float: right !important;
	}


	.ba-socialbuttons {background: transparent !important;
	color: #fff !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 20px !important;
	font-size: 25px !important;
	text-align: center !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
	border-color: transparent !important;}

	.ba-socialbuttons:focus{outline:0;}



	@media screen and (max-width: 320px) { .ba-social-icons ul { padding-left: 10px !important; }
										   .ba-socialbuttons {	width: 25px !important;
																			height: 25px !important;
																			font-size: 25px !important;}

																	    }

	/* Testimonial Custom Frontpage */

	.ba-testimonial {padding-right: 15px; padding-left: 15px;}

	.ba-testimonial p {text-align: center !important;
					font-size: 18px !important;
					margin-bottom: 5px;
				font-weight: bold !important;}
	.ba-testimonial h4 {margin: 0px !important;
						text-align: right;
						padding: 0 !important;}


	/* Contact Custom Frontpage */
	.frontpage-contact {color: white;
						text-align: center;
						font-size: 18px !important;
						font-weight: bold !important;
						text-shadow: 2px 2px 20px rgba(0, 0, 0, 1);
						padding-top: 10px;
						padding-bottom: 10px;
						margin: 0px !important;}

	.frontpage-contact a {color: white !important;}

	.ba-fp-right {text-align: right;  margin-right: 15px; width: 33%;}
	.ba-fp-left  {text-align: left;   margin-left: 15px; width: 33%;}

	/* Content Custom Frontpage */
	.ba-slider { margin-top: 20px !important;
					margin-bottom: 0px !important;
						 }

	.ba-content {
					background-image: url(images/pattern.png);
			         }
	.ba-frontrow {background-color: white !important;}
	.ba-frontcontent h1 {
					margin-top: 0px !important;

			         }
    .ba-frontcontent p {
					font-size: 18px !important;

			         }

	.ba-buttons { min-height: 100px !important;
				 }

	.btn-block {
    padding: 20px !important;	border-radius: 24px !important;
	}

	.ba-frontbutton { margin-top: 20px !important;
					  margin-bottom: 20px !important; }

	/* Footer Custom Frontpage */
	.ba-deco {height: 10px !important;}
	.site-customfooter {background: white; margin-top: 0px !important;}
	.site-customfooter p {margin-top: 10px !important;}

/* Posts Navigation */

	.alignleft {text-align: left;}

	.alignright {text-align: right;}

/* Footer */

	.copyright {margin-right: auto;
			margin-left: auto;
			text-align: center;
			}

	.site-footer {background: white; margin-bottom: 15px; border-radius: 5px; margin-top: 15px; padding-right: 15px !important; padding-left: 15px !important;}

/* Sidebar */

.ba-sidebar-description {margin-top: 10px !important;}