/*
Theme Name: Health Food Policy
Author: Matilda Dervishaj
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: healthfoodpolicy

*/

body {
    /*padding-top: 54px;*/
	font-family: 'Roboto';
	font-style: normal;
	background-color: #f1f1f1;

}

@media screen and (max-width: 980px){
#purple-return{
	text-align:center;

}
}

@media screen and (min-width: 981px){
#purple-return{

	text-align:left;
}
}


.policy_card_column:nth-child(2n+1) {clear:both;}
.sharesocial{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #009BBF;
	font-size: 1.50em;
	letter-spacing: 4.11px !important;
}

.sharesocial-green{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #77C045;
	font-size: 1.50em;
	letter-spacing: 4.11px !important;
}

.sharesocial-purple{
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight:700 !important;
	color: #802E47 !important;
	font-size: 1.50em !important;
	letter-spacing: 4.11px !important;
}

.policy_details_grey_title{
	font-weight:700 !important;
	font-weight:700 !important;
}
.policy_details_grey_text{
	color:#6d6d6d !important;
}

@media screen and (max-width: 980px){
	.policy_details_grey_title{
		font-size:80%;
	}
}

@media screen and (max-width: 980px){
	.policy_details_grey_text{
		font-size:80%;
	}
}

#learnmore-button2_3{
	padding: 2px 15px;
	cursor:pointer;
}

@media (min-width: 992px) {
    /*body {
        padding-top: 46px;
    }*/
}


.social [class*="fa fa-"] {
    background-color: #802e47;
    border-radius: 30px;
    color: #fff;
    display: inline-block;

    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width: 980px) {
blockquote{
	padding: 8px 12px 1px 50px;
    margin: 50px 0 20px;
    font-family: 'Roboto' !important;
    font-size: 25px;
    border-left: 10px solid #eee;
    text-shadow: 1px 4px 4px rgba(0,0,0,0.50);
}
}

.carousel-item {
    height: 50em;
    min-height: 8rem;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:50rem;
	background-image: url('/wp-content/themes/healthfood/img/MainImg-Home.jpg');
}

@media screen and (max-width: 980px) {
.carousel-item {
    width:100%;
}
}


.portfolio-item {
    margin-bottom: 30px;
}

@media screen and (max-width: 980px) {
#white-logo{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom:-19px;
	-webkit-filter: drop-shadow(0 0 0 0.5 rgba(0,0,0,0.5));
    filter:         drop-shadow(0 0 0 0.5 rgba(0,0,0,0.5));
}
}

@media screen and (min-width: 981px) {
#white-logo{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom:60px;
    box-shadow:drop-shadow(0 0 0 0.5 rgba(0,0,0,0.5));
}
}


#slider-image::after, ::before{
	box-sizing: block;
}

#slider-text{
	font-family: 'Roboto';
	font-size: 1.750em
	text-shadow: 1px 4px 4px rgba(0,0,0,0.50);
	position: relative;

}

@media screen and (max-width: 980px){
#slider-text{
	font-size: 80%;
}
}

#carousel-inner::after, ::before{
	box-sizing: inherit;
}

#carousel-inner{
	padding-bottom:6.250em;
}

#learnmore-button{
	border-radius: 10em;
	border: 0.125em solid #ffffff;
  color: #fff;
  background-color: transparent;
	padding: .3rem 0rem;
  margin: 2rem;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	word-wrap: break-word;

	font-family: 'Roboto' !important;
	font-size:1.000em !important;
	font-weight:400 !important;
}

#learnmore-button:hover {
	background-color: #FFF;
	color: #5D5E5E;
}


#card-body-blue{
	background-color: #019bbf!important;
	padding-top:7.5rem;
	border: 0em solid #019bbf!important;
	position:relative;
	color: #fff;
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    /*border-radius: .25rem;*/
}



/* Green */
#card-body-green{
	background-color: #79c046!important;
	padding-top:7.5rem;
	border: 0px solid #79c046!important;
	position:relative;
	color: #fff;
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    /*border-radius: .25rem;*/
}

#card-body-green::after, ::before{
	box-sizing: inherit;
}
/* PURPLE */
#card-body-purple{
	background-color: #812f46!important;
	padding-top:7.5rem;
	border: 0px solid #812f46!important;
	position:relative;
	color: #fff;
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    /*border-radius: .25rem;*/
}

#card-body-green::after, ::before{
	box-sizing: inherit;
}


#coded-laws-title-blue{
	text-align:center;
	/*margin-left:32.5%;*/
	margin-top:-5rem;
	background-color:#fff;
	/*width:30%;*/
	height:20%;
	z-index:10;
    position: relative;
    top: 10%;
    display:inline-block;

	border-radius: 1em;

	padding: 5% 2%;
	line-height:150%;
	min-width:130px;

}

#coded-laws-text-blue{

	font-size:0.688em;
	color: #019bbf !important;
	font-weight:700;
	word-wrap: break-word;
}

#coded-laws-text-green{

	font-size:0.688em;
	color: #79c046 !important;
	font-weight:700;
	word-wrap: break-word;
}

#coded-laws-text-purple{

	font-size:0.688em;
	color: #812f46 !important;
	font-weight:700;
	word-wrap: break-word;
}

#coded-laws-text-blue-number{

	font-size:2.750em;
	color: #019bbf !important;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	word-wrap: break-word;
}



#coded-laws-text-green-number{

	font-size:2.750em;
	color: #79c046 !important;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	word-wrap: break-word;
}

#coded-laws-text-purple-number{

	font-size:2.750em;
	color: #812f46 !important;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;

}



.row{

	margin-right: -0.938em;
	margin-left: -0.938em;
	/*word-wrap: break-word;*/
	font-style:normal;
}


.row3{
	margin-right: -0.938em;
	margin-left: -0.938em;
	padding-left:50px;
	padding-bottom:-55px;
	/*word-wrap: break-word;*/
}
/*
@media screen and (min-width: 980px){
.row3{
	margin-right:-10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:-55px;
	word-wrap: break-word;
}
}
*/

.row4{

	margin-right: 2.938em;
	margin-left: -0.938em;
	/*word-wrap: break-word;*/
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top:15px;
}
/*
@media screen and (min-width: 980px){
.row4{

	margin-right: -2em;
	margin-left: -0.938em;
	word-wrap: break-word;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top:15px;
}
*/


.intro-into-tables{
	/*top: -20em;*/
    position: relative;
	word-wrap: break-word;
}

#title-sections{
	text-align:center;
	font-family: 'Roboto';
	color: #fff;
	font-size:1.875em;
	font-weight:700;
}

#text-sections{

	font-family: 'Roboto';
	color: #fff;
	font-size:0.875em;
	font-weight:400;
}

#card-text{
	font-family: 'Roboto';
	color: #fff;
	/*font-size:14px;*/
	font-size:0.875em;
	text-align:left;
}




.divider{
	/*height:8.625em;*/
	background-image:url('/wp-content/themes/healthfood/img/divider.png');
	background-repeat:repeat-x;
	/*margin-bottom:-69px;*/
	height:60px;
	margin-bottom:2em;

}

@media screen and (max-width: 980px) {
#white-logo-1{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom:19px;
	margin-top:-5px;
}
}

@media screen and (min-width: 981px) {
#white-logo-1{
	display: inline;
	max-width: 100%;
	float:left;
	margin-right:95px;
}
}

/* POLICY DATABASE */


.carousel-item-policy-database {
    height: 50em;
    min-height: 8rem;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:40rem;
	background-image: url('/wp-content/themes/healthfood/img/MainImg-Policy.jpg');
}

@media screen and (max-width: 980px) {
.carousel-item-policy-database {
    width:100%;
}
}

.carousel-item-crosswalk {
    height: 50em;
    min-height: 8rem;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:40rem;
	background-image: url('/wp-content/themes/healthfood/img/MainImg-CrossWalk.jpg');
}

.carousel-item-case-studies {
    height: 50em;
    min-height: 8rem;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:40rem;
	background-image: url('/wp-content/themes/healthfood/img/MainImg-CaseStudies-Index.jpg');
}

@media screen and (min-width: 981px) {
.policy-database-page-title{
	font-family: 'Roboto';
	color: #fff;
	font-weight:300px !important;
	/*font-size:14px;*/
	font-size:78px;
	letter-spacing: -0.62px;
	line-height:46px;
	text-shadow:1px 4px 4px rgba(0,0,0,0.50);
	margin-bottom: 100px;
	text-align:center;
}
}

@media screen and (max-width: 980px) {
.policy-database-page-title{
	font-family: 'Roboto';
	color: #fff;
	font-weight: 300;
	font-size:250%;
	letter-spacing: -0.62px;
	line-height:86px;
	text-shadow:1px 4px 4px rgba(0,0,0,0.50);
	margin-bottom: 100px;
	text-align:center;
}
}

@media screen and (min-width: 981px) {
#card-body-white{
	background-color: #fff!important;
	padding-top:1.5rem;
	border: 0em solid #019bbf!important;
	position:relative;
	color: #000;
	padding-right:1.5em;
    /*margin-bottom: -25%;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
	max-width:1140px;
}
}

@media screen and (max-width: 980px) {
#card-body-white{
	background-color: #fff!important;
	padding-top:0.3rem;
	border: 0em solid #019bbf!important;
	position:relative;
	color: #000;
	padding-right:1.5em;
    /*margin-bottom: -80%;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
}
}


@media screen and (min-width: 981px) {
.carousel-caption-policy-database{
	position: absolute;
    right: 8%;
    bottom: -35px;
    left: 8%;

    padding-bottom: 285px;
    color: #fff;
}
}

@media screen and (max-width: 980px) {
.carousel-caption-policy-database{
	position: absolute;
    right: 8%;
    bottom: -35px;
    left: 3%;
    padding-top: 2px;
    padding-bottom: 285px;
    color: #fff;
	font-size:80%;
}
}

#blue-title{
	font-family: 'Roboto';
	font-weight:700;
	color: #009BBF;
	font-size: 1.429em;
	letter-spacing: -0.08px;

}

#green-title{
	font-family: 'Roboto';
	font-weight:700;
	color: #77C045;
	font-size: 1.429em;
	letter-spacing: -0.08px;

}

#purple-title{
	font-family: 'Roboto';
	font-weight:700;
	color: #802E47;
	font-size: 1.429em;
	letter-spacing: -0.08px;

}

#blue-title-return{
	font-family: 'Roboto';
	font-weight:700;
	color: #009BBF;
	font-size: 1em;
	letter-spacing: -0.08px;
	cursor: pointer !important;

}

#green-title-return{
	font-family: 'Roboto';
	font-weight:700;
	color: #77C045;
	font-size: 1em;
	letter-spacing: -0.08px;
	cursor: pointer;

}

#purple-title-return{
	font-family: 'Roboto';
	font-weight:700;
	color: #802E47;
	font-size: 1em;
	letter-spacing: -0.08px;

}

#policy-row-records{
	margin-left: -20px;
}

#blue-title_6{
	font-family: 'Roboto';
	font-weight:700;
	color: #009BBF;
	font-size: 1em;
	letter-spacing: -0.08px;

}

@media screen and (max-width: 980px) {
#blue-title{
	font-family: 'Roboto';
	font-weight:700;
	color: #009BBF;
	font-size: 100%;
	letter-spacing: -0.08px;
	text-align: left;
    padding-right: 50px;
}
}
@media screen and (max-width: 980px) {
#crosswalk-container{
	padding-left:30px;
	padding-right:45px;
}
}

@media screen and (min-width: 981px) {
#crosswalk-container{
	margin-left: 10px;
}
}

@media screen and (max-width: 980px) {
#crosswalk-header-text{
	font-family: 'Roboto';
	font-weight: 700;
	color: #77C045;
	font-size:20px;
	text-align:left;
}
}

@media screen and (max-width: 980px) {
#crosswalk-content-image{
	vertical-align:middle; padding-top:25%; padding-left:0px; text-align:center
}
}

@media screen and (min-width: 981px) {
#crosswalk-content-image{
	vertical-align:middle; padding-top:25%; padding-left:20px; text-align:center
}
}

@media screen and (max-width: 980px) {
.downloadpdf-crosswalk{
	text-align:center;
	font-style:normal;
}
}

@media screen and (min-width: 981px) {
.downloadpdf-crosswalk{
	text-align:left;
	font-style:normal;
}
}

@media screen and (min-width: 981px) {
#crosswalk-header-text{
	font-family: 'Roboto';
	font-weight: 700;
	color: #77C045;
	font-size:20px;
	text-align:right;
}
}

@media screen and (min-width: 981px) {
#crosswalk-container{
	padding-left:1px;
	padding-right:15px;
}
}

@media screen and (max-width: 980px) {
#wordwraptext{
	word-wrap: break-word;
	font-size:80%;
}
}


#purple-title-main{
	font-family: 'Roboto';
	font-weight:700;
	color: #802E47;
	font-size: 16px;
	letter-spacing: -0.08px;
}



a:link { color: #009BBF; } /* visited link */ a:visited { color: #009BBF; }

#blue-text-bold{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #009BBF;
	font-size: 1em;
	letter-spacing: -0.08px;
}

@media screen and (max-width: 980px) {
#blue-text-bold{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #009BBF;
	font-size: 90%;
	letter-spacing: -0.08px;
}
}



#blue-text-bold1{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #009BBF;
	font-size: 0.875em;
	letter-spacing: 0.11px !important;
}

#green-text-bold{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #77C045;
	font-size: 0.875em;
	letter-spacing: -0.08px;
}

#green-text-bold-main{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #802E47;
	font-size: 1.6em;
	letter-spacing: -0.08px;
}

#green-text-bold1{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #77C045;
	font-size: 0.875em;
	letter-spacing: 0.11px !important;
}

@media screen and (max-width: 980px) {
#green-text-bold1{
	text-align:center;
}
}

#green-text-bold{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #802E47;
	font-size: 0.875em;
	letter-spacing: -0.08px;
}

#purple-text-bold1{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: #802E47;
	font-size: 0.875em;
	letter-spacing: 0.11px !important;
}



#grey-text-bold{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700;
	color: grey;
	font-size: 0.875em;
	letter-spacing: -0.08px;
}

@media screen and (min-width: 981px){
.sidebar {
  float: left;
  width: 16.875em;
  border: 1px solid #009BBF;
  background-color: #f1f1f1;
  padding: 1em;
  top:-15px;
}
}

@media screen and (max-width: 980px){
.sidebar {
  float: left;
  width: 85%;
  height: 100%;
  border: 2px solid #009BBF;
  background-color: #f1f1f1;
  padding: 1em;
}
}

hr{
	height: 10px;
	border: 0;
	box-shadow: 0 8px 8px -8px #8c8b8b inset;

    width: 1140px;
    text-align: center;
    margin-left: -50px;
}

input[type=text] {
	border: 1px solid #009BBF;
	border-radius:0 !important;
}

select.form-control:not([size]):not([multiple]) {
	border: 1px solid #009BBF;
}

input[type=checkbox], input[type=radio]{
	border: 1px solid #009BBF;
}

/******SWITCH INPUT TOGGLE *****/

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}

@media screen and (max-width: 980px){
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 11px;
	text-transform: uppercase;
	background: #aaaaaa;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 12px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 12px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #009BBF;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}



/**********END SWITCH INPUT TOGGLE***********************/

.btn-round {
    border-radius: 17px;
}

.btn-primary {
    color: #fff;
    background-color: #009BBF;
    border-color: #357ebd;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}


.row1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -95px;
    margin-left: 1px;
}

#learnmore-button1{
	border-radius: 10em;
	border: 0.125em solid #009BBF;
	background-color:transparent;
	padding: .2rem 1rem;
	width:30%;
	word-wrap: break-word;
	color: #009BBF;


}

#learnmore-button2{
	border-radius: 10em;
	border: 0.125em solid #009BBF;
	padding: .2rem 1rem;

	width:30%;
	word-wrap: break-word;
	margin-left:10%;
}

#learnmore-button1_1{
	border-radius: 10em;
	border: 0.125em solid #009BBF;
	background-color:transparent;
	padding: .2rem 1rem;
	width:50%;
	word-wrap: break-word;
	color: #009BBF;
	margin-left:25%;
}

#learnmore-button2_2{
	border-radius: 10em;
	border: 0.125em solid #009BBF;
	padding: .2rem 1rem;

	width:50%;
	word-wrap: break-word;
	margin-left:25%;
}

#learnmore-button2_4{
	border-radius: 10em;
	border: 0.125em solid #802E47;
	padding: .2rem 1rem;

	width:50%;
	word-wrap: break-word;
	margin-left:25%;
}

.row2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -150px;
    margin-left: 1px;
	padding-right:-105px;
	margin-bottom:2px;
}

@media screen and (max-width: 980px){
#intro-into-tables-first-text{
	width:80%;
	padding-left:1px;
}


#policy-title{
	background-color: #009BBF !important;
	font-size: 14px !important;
	font-weight:700 !important;
	color: #fff !important;
}

.card-header1 {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
}

.card-header1:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#title-sections1{
	text-align:left;
	font-family: 'Roboto';
	color: #fff;
	font-style: normal;
	/*font-size:30px;*/
	font-size:1.875em;
	font-weight:700;
}

#blue-title1{
	font-family: 'Roboto';
	font-style: normal;
	font-weight:700 !important;
	color: #009BBF;
	font-size: 1.375em !important;
	letter-spacing: -0.01px;
	line-height:24px;
}

@media screen and (max-width: 980px){
#mb-card{
	margin-right:15px;
	margin-left:15px;
}
}

@media screen and (min-width: 981px){
#mb-card{
	margin-right: -15px !important;
	background-image: url('/wp-content/themes/healthfood/img/MainImg-Home.jpg');
}
}

#intro-into-tables-first-text{
	padding-top:55px !important;
}

#view-details-button{
	text-align:center;
}

/*  SCROLLBAR ****/
#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}

/*  END OF SCROLLBAR ****/

.scrollbar1{
	width:400px;height: 300px;background: #F5F5F5;overflow-y: scroll; min-height: 450px;
}

@media screen and (max-width: 980px){
#img-food-system{
	width:80%;
	padding-bottom: 15px;
}
}