/*

Theme Name: Halal Shop

Description: Custom Child Theme

Author: Once Interactive

Author URI: http://www.onceinteractive.com

Theme URI: http://www.onceinteractive.com

Template: enfold

Version: 1.0

*/









/* =============================================================================



   				GENERAL STYLES



   ========================================================================== */








.image-overlay-inside, .image-overlay.overlay-type-extern {
	display: none !important;
}
.steps-button a{
    background: #fe5f00 !important;
    color: #fff !important;
    padding: 15px 5px !important;
    width: 50% !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.steps-button a:hover {
    background: #439f35 !important;
    color: #fff !important;
}

.logo img {
    margin-top: 8% !important;
}
.header-scrolled .logo img {
    margin-top: unset !important;
}

h1, h2, h3, h4, h5, h6 {
	
	text-transform: uppercase;
}
.home-about-section .avia_textblock a{
    display: inline-block !important;
    width: 30%;
}
.home-about-section .heading-text-bold h2{
	font-weight: 600 !important;
}
.home-about-section .av-subheading h2{
	font-size: 20px !important;
	color: #000 !important;
	margin-top: 10px !important;
}
.avia-button.avia-size-medium {

    font-size: 13px;

    font-weight: bold !important;

    border-radius: 0;

    letter-spacing: 2px;

    padding: 15px 40px;

}

.avia-button.avia-size-medium:hover {

   background:#85C543 !important;

   border-bottom:1px solid #85C543 !important;

}

.responsive #home-container #slider-section .container, 

.responsive #top #wrap_all #gallery-section .container,

#slider-section .container,

#slider-section .avia-image-container-inner,

#slider-section .container img.avia_image,

#slider-section .responsive .container img.avia_image { 

	padding: 0; 

	width: 100%; 

	max-width: 100%;

}

.responsive #slider-section .container .av-content-small, 

.responsive #slider-section .flex_column, 

.responsive #slider-section .av-flex-cells .no_margin {

	margin: 0;

	margin-bottom: 0px !important;

}

.call-us a{
	text-decoration: none !important;
}



.responsive #home-container #gallery-section .container, 

.responsive #top #wrap_all #gallery-section .container,

#gallery-section .container,

#gallery-section .avia-image-container-inner,

#gallery-section .container img.avia_image,

#gallery-section .responsive .container img.avia_image { 

	padding: 0; 

	width: 95%; 

	max-width: 95%;

}

.responsive #gallery-section .container .av-content-small, 

.responsive #gallery-section .flex_column, 

.responsive #gallery-section .av-flex-cells .no_margin {

	margin: 0;

	margin-bottom: 0px !important;

}


.text-heading-bold h2{
	font-weight: 600 !important;
}

/* =============================================================================



   				HEADER STYLES



   ========================================================================== */

#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {

    color: #98d054 !important;

}



#top .social_bookmarks li {

    background: #fff none repeat scroll 0 0 !important;

    border-radius: 15px;

    border-right-style: none;

    height: 80%;

    margin-top: 3px;

    margin-right:10px;

    width: 25px;

}



#header .av-main-nav .current-menu-item > a > .avia-menu-text {

    border: 1px solid #FF7429 !important;

    padding: 5px 17px;

}

#header #searchform input[type='text'],#header #searchform *::-moz-placeholder{
    color: #85C543 !important;
    background: #FFF;
}
#top .social_bookmarks li a {

    height: 80%;

    line-height: 25px;

    min-height: 25px;

    width: 25px;

}

.phone-info {

    font-size: 15px;

    margin-left: 10px;

    font-weight:normal !important;

}

.phone-info a {

    color:#fff !important;

}

.logo img {

    margin-top: 3%;

}

.av-main-nav > li > a {

    font-weight: 500;

    letter-spacing: 1px;

    padding: 0 13px;

    text-transform: uppercase !important;

    font-size: 16px !important;

}

.avia-menu-fx {

   display:none;

}

#header {

    box-shadow: 0 0 37px 0 #9a9a9a;

}



/* =============================================================================



   				CONTENT STYLES



   ========================================================================== */

.avia-caption-title {

    font-family: lato !important;

    font-size: 70px !important;

}

.avia-slideshow .avia-caption .avia-caption-title {

    background: transparent none repeat scroll 0 0;

    color: #fff;

}

.avia-caption-content p, .avia-caption-content a{

    background: transparent !important;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 30px !important;

}
/*
.avia-caption {

    bottom: 28%;

    left: 23%;

    text-align: center;

    background: #84c445b8;

}
*/
.avia-caption {
    text-align: center;
    background: #84c445b8;
    width: 920px;
    margin-left: 50%;
    left: -460px;
    bottom: 40% !important;
}
.avia-slideshow-arrows a::before {

    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;

    border-radius: 50px;

    color: #a2c125;

    font-size: 40px;

}

#top .scroll-down-link {

    background-image: url("images/arrow-icon.png");

    background-repeat: no-repeat !important;

    bottom: 0;

    color: #ffffff;

    font-size: 0;

    height: 50px;

    left: 52%;

    line-height: 50px;

    width: 35px;

}

.avia-slideshow-dots a {

    background: #a1c325 none repeat scroll 0 0;

    border-radius: 20px;

    bottom: 100px;

    height: 18.5px;

    margin: 0 5px;

    opacity: 0.3;

    padding: 7px;

    width: 18.5px;

}

.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {

    opacity: 0.98;

}

.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a {

    opacity: 1;

}



.order-heading h4 {

    font-family: lato !important;

    font-weight: 400 !important;

}

#start-steps-section .avia-image-container-inner, .avia_image, .av-image-caption-overlay {

    border-radius: 0;

}



#start-steps-section .container {

    padding: 0 20px 0 80px;

} 
#start-steps-section .avia-button.avia-size-medium {

    background: transparent none repeat scroll 0 0;

    border: 2px solid #fff !important;

}

#start-steps-section .avia-button.avia-size-medium:hover {

    background: #fe5d00 !important;

}

#start-steps-section .pricing-table {
   margin: 0 !important;
}

#upcoming-meals-section .av-flex-size .av-masonry-image-container {

    border-left: 1px solid #a1c326;

    border-right: 1px solid #a1c326;

}

.av-masonry-entry .avia-arrow {

     display: none;

}

.av-masonry-entry .av-inner-masonry-content {

    padding: 15px;

}

.av-masonry-entry .av-masonry-entry-title {

    font-family: lato !important;

}

#simple-box-section div div .av_two_fifth {

    margin-left: 3%;

}

.simple-box {

    outline: 15px solid #fff;

}

#gallery-section .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {

  padding: 10px 9px 9px 8px;

}
.customer-reviews-section .customer-reviews h2, .product-gallery-section .product-gallery-heading h2 {
	font-weight: 600 !important;
}


.customer-reviews-section .avia-testimonial-content {
	min-height: 77px !important;
}

.recipes-page-section .avia_textblock li{
	margin-left: 35% !important;
}


#top #wrap_all .contact-map-section .container{
	max-width: 100%;
	padding: 0;
}
#top #wrap_all .contact-map-section .container .content{
	margin: 0;
	padding: 0;
}

/* =============================================================================



   				WOOCOMMERCE STYLES



   ========================================================================== */

.products .product h3, .products .product h4, .products .product h5, .products .product h6 {
    color: #a1c325 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.3em !important;
    padding-top: 5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}
.products .product p {
    color: #7b7b7b !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
    padding: 5px !important;
    text-align: center !important;
}
.products .product .price {
    text-align: center !important;
}
#top .price {
    display: block !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 30px !important;
}
#top .price span, #top del, #top ins {
    display: inline !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 30px !important;
}
#top .main_color .quantity input.plus,
#top .main_color .quantity input.minus,
#top .alternate_color .quantity input.plus,
#top .alternate_color .quantity input.minus {
    background-color: #7b7b7b !important;
    border-color: #e1e1e1 !important;
    color: #fff !important;
	background-image: none !important;
}
#top .main_color .quantity input.plus:hover,
#top .main_color .quantity input.minus:hover,
#top .alternate_color .quantity input.plus:hover,
#top .alternate_color .quantity input.minus:hover {
    background-color: #439f35 !important;
}
#top .main_color .products .product .quantity ,
#top .alternate_color .products .product .quantity {
	text-align: center !important;
	margin-bottom: 25px !important;
}
.avia_cart_buttons {
    border-top-width: 0 !important;
    opacity: 1 !important;
	padding: 0 !important;
}
#top .avia_cart_buttons .button.add_to_cart_button {
    background: #fe5f00 !important;
	color: #fff !important;
    padding: 15px 5px !important;
	width: 50% !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
	font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top .avia_cart_buttons .button.show_details_button {
    background: #8bc63e !important;
	color: #fff !important;
    padding: 15px 5px !important;
	width: 50% !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
	font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top .avia_cart_buttons .button > span {
    font-size: 16px !important;
}
#top .avia_cart_buttons .button.add_to_cart_button:hover,
#top .avia_cart_buttons .button.show_details_button:hover {
    background: #439f35 !important;
	color: #fff !important;
}
#top .avia_cart_buttons .button > span {
    margin-right: 5px !important;
}
.button-mini-delimiter {
	display: none !important;
}
#top .variations_form, #top div.product .woocommerce-tabs .panel {
    background-color: #f8f8f8 !important;
}
#top .woocommerce-tabs .tabs li.active {
    background-color: #f8f8f8 !important;
}
#top .woocommerce-tabs .tabs li a {
    font-size: 16px !important;
    text-transform: uppercase !important;
}
#top .woocommerce-tabs h2 {
    color: #a1c325 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.3em !important;
    text-transform: uppercase !important;
}
div.product .product_title {
    color: #a1c325 !important;
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 1.3em !important;
    text-transform: uppercase !important;
}
.template-shop .product_meta {
    display: none !important;
}
#top div.product .woocommerce-tabs {
    padding: 20px 0 0 !important;
}
.single-product .sidebar {
	display: none !important;
}
.single-product-main-image {
    width: 45%;
}
#top form.cart .button {
	font-size: 18px !important;
    padding: 12px !important;
    text-transform: uppercase !important;
	font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top form.cart .button:hover {
    background: #439f35 !important;
	color: #fff !important;
}

#top .single-product-main-image .thumbnails a {
    background-color: transparent;
    clear: none;
    float: left;
    margin: 0 1.5% 1.5% 0;
    padding: 4px;
    position: relative;
    width: 47.3%;
}
.single-product .template-shop {
    padding: 80px 0 50px;
}
.html_visible_cart .cart_dropdown {
    right: 10px;
}
.cart_dropdown .dropdown_widget .widget_shopping_cart_content p.buttons {
    padding: 0 !important;
}
#top .dropdown_widget .buttons .button {
    background: #fe5f00 !important;
	color: #fff !important;
    padding: 8px 2px !important;
	width: 50% !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
	font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top .dropdown_widget .buttons .button.checkout {
    background: #8bc63e !important;
	color: #fff !important;
    padding: 8px 2px !important;
	width: 50% !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
	font-family: "BenchNine","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top .dropdown_widget .buttons .button:hover {
    background: #439f35 !important;
	color: #fff !important;
}
div .dropdown_widget .cart_list li:hover {
	background-color: #f8f8f8 !important;
}


/* =============================================================================

   				FORMS STYLES

   ========================================================================== */




/* =============================================================================

   				FOOTER STYLES

   ========================================================================== */

#footer {

    border-top: 11px solid #a3df8f;

}

#footer .delivery-text{
	margin-top: 15px !important;
}

#footer .container .textwidget hr {

   width:45px;

} 

#footer .textwidget{
	font-size: 16px !important;
}

#footer .widgettitle {

    border-bottom: 1px solid #84ca77 !important;
	font-size: 25px !important;
	font-weight: 600 !important;
	letter-spacing: 1px;
	line-height: 35px;
	text-transform: uppercase;

}


#text-3 .av-icon-char {
   margin-right: 7px;
}

#socket .copyright {
float: none;
}

#socket {

    border-top: medium none;

    font-size: 14px;

    letter-spacing: 1px;

    text-align: center;

}

#footer #text-3 .av-icon-char {

    background: #fff none repeat scroll 0 0 !important;
	border-radius: 56px;
	color: #4db23b;
	font-size: 15px;
	margin-left: 1px;
	margin-right: 7px;
	padding: 4px 7px;
}

.footer-special-border {

    border-width: 1.5px;

    margin-top: -10px;

    width: 14% !important;

}

#footer hr {

    border-color: #fff;

    border-image: none;

    border-style: solid;

    border-width: 2px 0 0;

}
.recepies ul li a{
   color: #000 !important;
}
.social-media .social-facebook a{
	color: #3A589E !important;
	width: 28px;
	height: 28px;
	line-height: 28px !important;
	border: 1px solid #FFF !important;
	border-radius: 50% !important;
	padding: 0 !important;
	background: #FFF !important;
}
.social-media .social-facebook a:hover{
	color: #fff !important;
	background: #3A589E !important;
	border: 1px solid #3A589E !important;
}

.social-media .social-twitter a{
	color: #1DA1F2 !important;
	width: 28px;
	height: 28px;
	line-height: 28px !important;
	border: 1px solid #FFF !important;
	border-radius: 50% !important;
	padding: 0 !important;
	background: #FFF !important;
}
.social-media .social-twitter a:hover{
	color: #fff !important;
	background: #1DA1F2 !important;
	border: 1px solid #1DA1F2 !important;
}
.social-media .social-google-plus a{
	color: #D11718 !important;
	width: 28px;
	height: 28px;
	line-height: 28px !important;
	border: 1px solid #FFF !important;
	border-radius: 50% !important;
	padding: 0 !important;
	background: #FFF !important;
}
.social-media .social-google-plus a:hover{
	color: #fff !important;
	background: #D11718 !important;
	border: 1px solid #D11718 !important;
}
.social-media{
	margin-top: 25px !important;
}


#display_popup
{
 font-size:20px;
 cursor:pointer;
text-align: left !important; 
}
#popup_box
{
    visibility: hidden;
    display: none;
    width: 45%;
    background-color: #84BC31;
    position: fixed;
    left: 27%;
    top: 30%;
    border-radius: 10px;
    border: 2px solid grey;
    box-shadow: 0px 0px 10px 0px grey;
    font-family: helvetica;
    padding-left: 15px !important;
}
#popup_box #cancel_button
{
    float: right;
    margin-top: -43px;
    margin-bottom: 30px;
    margin-right: -9px;
    background-color: grey;
    border: none;
    color: white;
    padding: 5px;
    border-radius: 1000px;
    width: 25px;
    border: 1px solid #424242;
    box-shadow: 0px 0px 10px 0px grey;
    cursor: pointer;
}
#popup_box #close_button
{
    margin:0px;
    padding:0px;
    width:70px;
    height:30px;
    line-height:30px;
    font-size:16px;
    background-color:grey;
    color:white;
    border:none;
    margin-bottom:10px;
    border-radius:2px;
    cursor:pointer;
}
#popup_box input[type="submit"]:hover, #popup_box #cancel_button:hover, #popup_box #close_button:hover{
    background-color: #fe5d00;
    color: #fff !important;
    border-color: #dc3b00;
}

.popup-heading{
   right: 3% !important;
   position: relative;
   margin-top: 12px !important;
   
}
   


/*                   Contact Form          */



.contact-form form label{

    display: none !important; 

}


.contact-form form ul li:first-child .ginput_container span{

    padding-top: 0px !important; 

}

.contact-form form ul li:last-child{

    margin-bottom: 0px !important;  

}

.contact-form form ul li input[type='text'], .contact-form form ul li textarea, .search_item input[type='text']{

    border: none !important;

    background: #EAEAEA !important;

    padding: 15px !important;

    font-size: 18px !important;

    font-family: "proxima-nova" !important;

}

.contact-form form ul li input[type="text"]:focus, .contact-form form ul li textarea:focus{

    box-shadow: none !important; 

}

.contact-form form .gform_footer {
	padding: 0px 0 20px !important;
	margin: 25px 0 0 !important;
	text-align: left !important;

}
 

.contact-form form .gform_footer input[type=submit]:hover{

    background: #11AFD6;

}

.contact-form  #gform_submit_button_1{
	padding: 14px 40px !important;
	font-size: 18px !important;
}


.contact-address,.contact-address strong{
   font-size: 16px !important;
   color: #222 !important;
}
.contact-us-section .av-special-heading-tag{
	font-weight: 600 !important;
}
.contact-us-section .avia_textblock a{
	text-decoration: none !important;
}

/* =============================================================================



   				@Media Queries



   ========================================================================== */
@media only screen and (max-width: 1200px) {
.avia-caption {
    bottom: 35% !important;
}
}
@media only screen and (max-width: 1024px) {
.avia-caption {
    width: 800px;
    left: -400px;
}
.avia-caption-title {

    font-size: 60px !important;

}

.av-main-nav > li > a {

     letter-spacing: 0px;

     padding: 0 10px;

}

}



@media only screen and (max-width: 966px) {

#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }

nav.main_menu { display: none; 

}

.responsive .logo img {

    margin-top: 2%;

}
.avia-caption {
    width: 610px;
    left: -305px;
}
.avia-caption-title {
	font-size: 48px !important;
}
}



@media only screen and (max-width: 800px)  {



}



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

#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {

    border-radius: 20px;

}
	
	#top #wrap_all .contact-map-section .container{
		max-width: 100%;
		padding: 0;
		width: 100%;
	}

#footer .widget {

    margin: 0;

}

.responsive #top #wrap_all #slider-section .container {

    max-width: 100% !important;

    width: 100% !important;

}
.half-width{
	width: 50% !important;
	}
}



@media only screen and (max-width: 667px)  {

.avia-caption-title {

    font-size: 50px !important;

}

.avia-caption-title {

    font-size: 40px !important;

}

.avia-slideshow-dots a {

    bottom: 60px;

    height: 14.5px;

    margin: 0 5px;

    width: 14.5px;

}

#top .scroll-down-link {

  height: 25px;

  left: 54%;

}

}



@media only screen and (max-width: 480px)  {

.avia-caption-title {

    font-size: 28px !important;

}
.recipes-page-section .avia_textblock li {
    margin-left: 0px !important;
}

.avia-slideshow-arrows a::before {

    font-size: 24px;

    line-height: 40px;

}

#top .avia-slideshow-arrows a {

 height: 40px;

 width: 40px;

}

.avia-slideshow-dots a {

   display:none;

}

}


@media only screen and (max-width: 414px)  {
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{
	display:none !important;
}
}

@media only screen and (max-width: 320px)  {
.half-width{
	width: 100% !important;
	}
.avia-caption-title {

    font-size: 19px !important;

}

}















