.bio-text {
	font-size: 15px;
line-height: 2em;
}
i.fa.fa-instagram {
    font-size: 1.2rem;
}
.header,
.cart_total_button:hover {
	background: #D0A7C7;
}
.main_nav ul li a,
.breadcrumbs ul li a:hover,
.sidebar_promo_subtitle,
.cart_total_button:hover {
	color: white;
	font-size: 14px;
}

.header {
	font-family: sans-serif;
	height: 90px;
}

/* Font Pink */
.main_nav ul li a:hover,
.best_price,
.section_subtitle,
.product_name a:hover,
.current_page ul li a:hover,
.menu_nav ul li a:hover,
.footer_nav ul li a:hover,
.contact_info_icon .fa-instagram,
a.text-pink {
	color: black;
}

.burger_container div {
	background: white;
}


/* Background pink */
.burger_container:hover div,
.product_buy,
.box_view,
.clear_price_btn,
.ui-state-default, .ui-widget-content .ui-state-default,
.sidebar_section:hover .sidebar_title,
.ui-slider .ui-slider-range,
.best_buy,
.newsletter_button,
.sidebar_promo_button,
.review_form_button,
.button,
.menu_close:hover div,
.cart_total_button,
.newsletter_button {
background: #b16da2;
}

.sidebar_title {
    font-family: inherit;
}

.sidebar_section:hover{
	border: solid 1px #e0e3e4;
}
.best_buy,
.cart_total_button {
	border: none;
}
.sidebar_section:hover .sidebar_section_content ul li,
.sidebar_options:hover .sidebar_option {
	border-bottom: solid 1px #e0e3e4;
}
.products_container {
	margin-top: 71px;
}
.sidebar_left {
	top: 74px;
}
.text-black {
	color: black !important;
}

.sidebar_right {
	top: 18.2rem;
}
.sidebar_promo_content {
    background: rgba(169, 193, 206, 0.63);
    border: none;
}


.current_page ul li a,
.current_page ul li {
    font-family: 'Arial', sans-serif;
}

.cart_details {
    background: #f8f8f8;
	}


	@media (min-width: 1200px) {
			.container {
	    max-width: 1870px;
	}

	.main_nav ul li a.active {
	    color: #965087 !important;
	}
	}










/* Sweets Products*/
#tabs-bar {
    padding:10px 8px;
    margin-bottom: 3rem;
}
#tabs-bar ul {
    display: block;
    padding: 0px;
    margin: 0 auto;
}
#tabs-bar ul li {
    text-align: center;
    float: left;
    display: -webkit-box;
}
#tabs-nav li a {
    list-style: none;
    display: block;
    padding: 10px 15px;
    background: #62dadc;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-decoration: none;
}
#tabs-nav li a.current, #tabs-nav li a:hover {
    background: #d0a7c7;
}
#tabs-content-wrap {
/*    padding: 10px;
    margin-top: 8px;*/
    margin-left: 3rem;
    margin-right: 0rem;
}
#tabs-content-wrap ul {
    display: block;
    list-style: none;
    width: 100%;
    padding: 0px;
}
#tabs-content-wrap ul li {
    width: 100%;
    list-style: none;
    list-style: none;
}
.tab-content img.img-fluid {
    width: 100%;
}






@media screen and (min-width: 340px) and (max-width: 767px)  {

	#tabs-bar ul li {
	    display: inline-block;
	    text-align: center;
	    width: 92% !important;
	    margin: 1px;
	}
	.home, .extra_promo.extra_promo_2 {
		display: none;
	}
}


@media screen and (min-width: 1802px)  {

	.container-sweets {
		max-width: 82%;
	}
}
@media screen and (min-width: 340px) and (max-width: 1800px)  {

	#SweetsRight, {
		display: none;
	}
	.container-sweets {
		max-width: 100%;
	}
}


@media screen and (min-width: 340px) and (max-width: 991px)  {

.footer_logo img {
	margin-left: -8rem;
}
#tabs-bar #tabs-nav {
	margin-left: 1.8rem;
}
}



@media screen and (min-width: 992px) and (max-width: 2000px)  {
	.newsletter {
		margin-top: 16rem;
		padding: 0px;
	}
	.newsletter-fix {
    width: 84%;
    left: 8%;
	}
	.newsletter_container {
    top: -3rem;
	}
	.newsletter_image {
	    max-height: 24rem;
	    top: 29rem;
	}
}


@media screen and (min-width: 768px) and (max-width: 991px)  {
	.newsletter {
		margin-top: 16rem;
		padding: 0px;
	}
	.newsletter-fix {
    width: 49rem !important;
    left: -2rem;
	}
	.newsletter_container {
    top: -3rem;
    width: 44rem;
	}
	.newsletter_image {
	    max-height: 24rem;
	    top: 29rem;
	}
}

@media screen and (min-width: 340px) and (max-width: 767px)  {
	.newsletter {
		margin-top: 16rem;
		padding: 0px;
	}
}












/* modal */

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px; } }

.portfolio-modal {
  padding-right: 0px !important; }
  .portfolio-modal .modal-dialog {
    margin: 1rem;
    max-width: 100vw; }
  .portfolio-modal .modal-content {
    padding: 100px 0;
    text-align: center; }
    .portfolio-modal .modal-content h2 {
      font-size: 3em;
      margin-bottom: 15px; }
    .portfolio-modal .modal-content p {
      margin-bottom: 30px; }
    .portfolio-modal .modal-content p.item-intro {
      font-size: 16px;
      font-style: italic;
      margin: 20px 0 30px;
      font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    .portfolio-modal .modal-content ul.list-inline {
      margin-top: 0;
      margin-bottom: 30px; }
    .portfolio-modal .modal-content img {
      margin-bottom: 30px; }
    .portfolio-modal .modal-content button {
      cursor: pointer; }
  .portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: transparent; }
    .portfolio-modal .close-modal:hover {
      opacity: 0.3; }
    .portfolio-modal .close-modal .lr {
      /* Safari and Chrome */
      z-index: 1051;
      width: 1px;
      height: 75px;
      margin-left: 35px;
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #212529; }
      .portfolio-modal .close-modal .lr .rl {
        /* Safari and Chrome */
        z-index: 1052;
        width: 1px;
        height: 75px;
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529; }


				.btn-primary {
				    background-color: #b16da2;
				    border-radius: 0px;
						border: none;
						padding: .5rem 4rem;
				}


				.btn-primary:hover {
				    color: #fff;
				    background-color: #D0A7C7;
				}

				.review_form_button:hover {
				    background: #D0A7C7;
						color: white;
				}
.cta_btn {
	background: #965087 !important;
  padding: 1rem;
  border-radius: 5px;
}
