/*
Theme Name: Ice Cream Shop
Theme URI: https://www.luzuk.com/products/free-ice-cream-wordpress-theme/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Say the word Ice-cream and sumptuous scoops, cups, cones, glasses filled with ice creams of different colors and flavors come before your eyes! For people in Ice cream business who have or are planning to open ice-cream shop, WordPress theme is one thing you cannot afford to ignore.  Having an online presence for your ice cream shop can take you miles ahead in competition in a shorter span of time. Ice Cream Shop WordPress Theme has been designed to look splendid; it exudes the energy your consumer will not be able to resist! This WordPress theme will not only help you sell ice cream, it is going to create an impression for your shop that of the coolest spot to get ice creams, sorbets, gelato and soft-serves! Whether you’re opening your first ice cream shop or opening a branch, building an online presence for it is going to take you places!  Do you know the best thing about this ice cream WordPress Theme?  It caters to all age groups! Ice cream brings out the excitement of children in all of us! We all, irrespective of our age are tempted to this dessert. Our choice of flavors may be different but all people love ice cream. This Ice Cream Shop WordPress Theme will enable you to create all the excitement and noise with help of text and images of this delicious dessert that you can publish or change as per your requirement. There is substantial scope to put images of various fruits, nuts and other flavors you sell along with create mouthwatering copy to drive traffic and spread a good word through word of mouth publicity! Such is the magic of Ice Cream Shop WordPress Theme. We invite all ice cream shop owners to take a look at this Ice Cream Shop WordPress Theme. Gone are the days when building and designing website tool months. The Ice Cream Shop WordPress Theme we present can make your presence live within hours! Get more calls, more orders, take party orders online, and get more sales with Ice Cream Shop WordPress Theme! Live Demo - https://www.luzukdemo.com/demo/ice-cream-shop/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.2.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ice-cream-shop
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, featured-images, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, food-and-drink, e-commerce

Ice Cream Shop WordPress Theme, Copyright 2022 Luzuk
Ice Cream Shop is distributed under the terms of the GNU GPL
*/

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
body {
	margin: 0; 
    font-family: 'Oleo Script', sans-serif;
	overflow-x: hidden;	
	background: #fff;
	color: #acabab;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	color: #010101;
	font-weight: normal;
    font-family: 'Oleo Script', sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

p {
	color: #acabab;
	font-size: 15px;
  line-height: 1.8;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{
	outline: -webkit-focus-ring-color auto 1px;
	text-decoration: none;
}
.site-footer a:focus, .site-footer input:focus, .closepop a:focus,
.nav-menu ul ul a:focus, .site-footer button:focus{
	outline-color: #fff;
}
.site-footer h1,.site-footer h2, .site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
	color: #fff;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}
/*General Css*/
.clearfix{clear: both;}
.pd-0{padding: 0;}
.mrg-0{margin: 0 !important;}
.pd-1 {  padding: 0 1px;}

/*end*/
button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}
.mr-0{margin: 0;}
/*-------------- Alignments ---------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------- Clearings -------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------- Forms ---------*/

label {
	color: #3f3f3f;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #3f3f3f;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #1B9BD8;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 8px;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}


input#s {
	border-radius: 6px;
	padding: 9px 0 9px 13px;
}
input#searchsubmit {
	position: absolute;
    top: 0px;
    right: 0;
    padding: 14px 22px;
    border-radius: 6px;
}
i.fa.fa-search {
    color: #000;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #3f3f3f;
}
:-moz-placeholder {
	color: #3f3f3f;
}
::-moz-placeholder {
	color: #3f3f3f;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #3f3f3f;
}


/*contact form*/
.wpcf7 input[type="submit"] {
    background: #0B3A5C;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 0px;
    text-align: center;
    width: 100%;
}
.wpcf7 textarea {
    height: 100px;
}
/*------ Formatting ---------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*-------- Lists ----------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
	padding-left: 15px;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	width: 100%;
}

thead th {
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}
tbody, td, th {
    border: 1px dashed;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*---------- Links -----------*/
a {
	color: #0B3A5C;
	text-decoration: none ;
}
.article_content a, .lz-content a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}

section#post_section .col-lg-4.col-md-4 {
    margin-bottom: 10px;
}

.article_content {
    padding: 10px;
	border: 1px solid #e2dada;
}


.wp-block-button.is-style-squared a {
	border-radius: 0;
}


a:hover,
a:active {
	outline: 0;
	color: #000;
	text-decoration: none;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*----------------------------------------*/
/*   Features Section
/*----------------------------------------*/
/*#features {position: relative; z-index: 1;}
#features .section-title{margin-bottom: 25px;}
#features .section-title h2{font-weight: 500;}
#features .titlicnbx {font-size: 18px;font-weight: 400;font-style: italic;}
#features .featuresus-post-boxes {position: relative;}
#features .owl-carousel{display: block;}
#features .featuresbx {margin-bottom: 2px;position: relative;overflow: hidden;}
#features .featuresbx:active{ bottom: 0px;}
#features .featuresus-single { 
    position: relative;
    overflow: hidden;
    margin-bottom: 0em;
    margin-right: 20px;
    padding: 0;
    transition: all .1s linear;
    text-align: center;
}
#features .hi-icon { 
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 55px;
    transition: all 1s ease 0s;
}
#features .hi-icon img{display: block;width: 100%;height: 330px; transition: 1s ease-in-out;}
#features .featuresus-single:hover .hi-icon img{transform: scale(1.1);}
#features .skewd {
  background: #1B9BD8;
  opacity: .4;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: skewX(45deg);
  top: 0;
  right: -250%;
  z-index: 1;
  transition: 1s ease-in-out;
}
#features .featuresus-single:hover .hi-icon .skewd {
  right: 170%;
}

#features .hi-icon span {z-index: 1;position: relative;transition: all 1s ease 0s;}
#features .featuresbx:hover .hi-icon span{transform: translateX(10px) rotate(10deg) translateY(-10px);transition: all 1s ease 0s;}
#features .features-area-data { position: relative;padding: 25px 10px;}
#features .features-area-data h4{ 
    font-size: 21px; 
    margin: 0px 0 10px 0;
    font-weight: 400;
    position:relative; 
    z-index: 1;
    line-height: 25px;
}
#features .features-area-data .price {font-size: 20px;font-weight: 500;margin-bottom: 10px;}
#features .features-area-data .price del{display: none;}
#features .features-area-data .price ins{background: none;}


#features .owl-theme .owl-dots{display: none;}
#features .owl-theme .owl-nav {
    display: block;
    margin-top: 10px;
    position: absolute;
    top: -5em;
    right: 11px;
    padding: 0px 0 0 0;
}
#features .owl-nav .owl-next, 
#features .owl-nav .owl-prev{
    line-height: 0px;
    border-radius: 54px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: #ccc ;
    box-shadow: none;
}
#features .owl-nav .owl-next span, 
#features .owl-nav .owl-prev span {
    font-size: 20px;
    font-weight: 400;
    line-height: 0px;
    padding: 0;
    color: #000
}
#features .owl-nav .owl-next:hover, 
#features .owl-nav .owl-prev:hover{background: #5BC8F0;}

#features .features-box .add-to-cart a{
	font-size: 10px;
    color: #fff;
    border: none;
    background: #d33;
    border-radius: 4px;
    padding: 6px 8px;
}*/
/**/


.page-template-custom-home-page #inner-pages-header {
	display: none;
}
/*------------ Inner Hover ----------------*/
.post-thumbnail {
	margin-bottom: 1em;
}
.post-thumbnail img {
    width: auto;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

#search-form-container {
    position: absolute;
    top: 100%; /* Position it below the search icon */
    right: 0;
    width: auto;
    background: #fff; /* Background color */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a box shadow for a visual effect */
    display: none;
    z-index: 1000; /* Adjust the z-index to make sure it appears over other elements */
}

.search-form {
    padding: 10px;
	width: 200px;
    box-sizing: border-box;
}

.search-form input,
.search-form button {
    width: calc(100% - 20px); /* Adjust the width of input and button */
    margin-bottom: 10px; /* Optional: Add margin between input and button */
}

.search-form button {
    background: #1B9BD8; /* Button background color */
    color: #fff; /* Button text color */
    border: none;
    padding: 8px;
    cursor: pointer;
}


#inner-pages-header {
	position: relative;
	background: #F8BBD0;
 	background-repeat: no-repeat;
  	background-size: cover;
  	padding-top: 300px;
}
#inner-pages-header .sliderimg img {
	width: 100%;
}
#inner-pages-header h1 {
	color: #000;
	font-weight: 600;
	font-size: 40px;
	margin: 0;
	letter-spacing: 2px;
	overflow-wrap: break-word;
	text-transform: capitalize;
	position: relative;
	/* display: inline-block; */
	padding-top: 15px;
}
#inner-pages-header h1:before {
	left: 50% !important;
	top: -6px !important;
	transform: translateX(-50%) rotate(45deg) !important;
}
#inner-pages-header h1:after {
	width: 100% !important;
	min-width: 100px;
	left: 50% !important;
	transform: translateX(-50%);
}
#inner-pages-header .theme-breadcrumb {
	font-size: 20px;
	color: #000;
}
#inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span {
	color: #000;
	font-size: 18px;
    overflow-wrap: break-word;
	position: relative;
}
#inner-pages-header .header-content {
	top: -50px;
    position: relative;
    text-align: center;
}
#inner-pages-header .theme-breadcrumb a:after {
	content: '-';
	display: inline-block;
	color: #0B3A5C;
	margin: 3px 10px ;
	font-size: 20px;
}
#inner-pages-header .contact-btn {
	bottom: 7%;
}

/*-------------- Header ----------------*/
#header .h-shape{
	content: "";
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    width: 100%;
    top:100%;
}
#header .header-drip{
    height: 160px;
    background: #9d7d5b;
    -webkit-mask-image: url(./assets/images/svg.png);
    -webkit-mask-size: auto;
    -webkit-mask-clip: border-box;
    mask-image: url(./assets/images/svg.png);
    mask-size: 100% 100%;
    mask-clip: border-box;
    margin-top: -30px;
    position: relative;
    z-index: -1;
}
#header .header-drip1{
    height: 160px;
    background: #E1C519;
    position: relative;
    top: -8px;
    -webkit-mask-image: url(./assets/images/svg.png);
    -webkit-mask-size: auto;
    -webkit-mask-clip: border-box;
    mask-image: url(./assets/images/svg.png);
    mask-size: 100% 100%;
    mask-clip: border-box;
}
#header .header-drip2{
    height: 160px;
    background: #FFFFFF;
    position: relative;
    top: -8px;
    -webkit-mask-image: url(./assets/images/svg.png);
    -webkit-mask-size: auto;
    -webkit-mask-clip: border-box;
    mask-image: url(./assets/images/svg.png);
    mask-size: 100% 100%;
    mask-clip: border-box;
}
#header {
	position: absolute;
    width: 100%;
    z-index: 999;
    background: #FFFFFF;
    border: 0;
    padding: 1em 0 2em 0;
/*    box-shadow: 0px 3px 20px #00000029;*/
}

.blog .content-area {
margin-top: 18em;
}

#header .head-top {
    box-shadow: 0px 4px 20px #00000029;
    padding: 10px 0 6px 0;
}
/*#header .head-bottom{
	box-shadow: 0px 4px 20px #00000029;
    padding: 10px 0 6px 0;
}*/
#header .search-box{
	margin-top: 11px;
    position: relative;
    overflow: hidden;
    padding-bottom: 6px;
}
#header .search-box button{ 
	float: right;
    position: absolute;
    right: 0px;
	background-color: #1B9BD8;
    text-indent: -999px;
    padding: 8px 22px 12px;
    top: 0px;
    /* border-radius: 50%; */
    box-shadow: none;
}

#header .search-box button::before { 
	content: "\f07a";	
}
.icon-magnifier:before {
    content: "\e090" !important;
}

#header .search-box button::before {
    content: "";
    background-image: url('assets/images/icon-search.png'); /* Replace with your search icon image path */
    background-size: 16px 16px; /* Adjust the size of the icon */
    background-repeat: no-repeat;
    width: 16px; /* Width of the icon */
    height: 16px; /* Height of the icon */
    position: absolute;
    left: 14px; /* Adjust the left position to your preference */
    top: 50%;
    transform: translateY(-50%);
}

  

#header .search-box .woocommerce-product-search .search-field {
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
    background: #f4f0ef;
    color: #6e6f6f;
    border-radius: 50px;
    padding: 8px 15px;
    border: 0px;
}
#header .search-box .woocommerce-product-search:after {
    content: "\f002";
    position: absolute;
    top: 6px;
    font-size: 20px;
    right: 4px;
    color: #f5f2f2fa;
    height: 25px;
    font-family: fontawesome;
    width: 25px;
    cursor: pointer;
}
#header .search-box .woocommerce-product-search::before {
	content: "\f002";
}
#header .phn-icon{position: relative;
    text-align: center;
    padding: 0;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px #00000029;
    transition: all 0.3s ease 0.2s;
}
#header .phn-icon i{
    font-size: 22px;
    transform: rotate(95deg);
    top: 3px;
    position: relative;
    color:#1B9BD8;
}
#header .phn-text{
	display: inline-block;
	font-size: 20px;
    margin: 0;
    padding: 6px 15px;
    font-weight: 500;
    color: #fff;
    background: #1B9BD8;
    border-radius: 3px;
}

#header .phn-text i { 
	transform: rotate(90deg);
}

#header .phn-text a{color: #fff;}
/**/
#header .hicn {
	color: #000;
    position: relative;
    text-align: center;
    font-size: 28px;
}
#header .count {
    position: absolute;
    top: -10px;
	color: #fff;
    right: -10px;
    background: #d33;
    padding: 0;
    /* line-height: 0; */
    width: 28px;
    height: 28px;
    border-radius: 50px;
    font-size: 20px;
}
/*#header .phn-text span{
    margin-top: 2px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 0px 0px;
    text-align: center;
    border-radius: 0px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
    transition: all 0.1s ease 0.2s;
    border: none;
}
*/
/*#header .hbtn.Nmob{margin-top: 0px;}*/
/*#header .hbtn.Nmob span.cart-value{
	 color: #000;
    background: #1B9BD8;
}*/
/*#header .head-cart {
    position: relative;
    top: 10px;
    padding: 0px 2px 0px 0px;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 6px;
}
#header .head-cart .icon {
    text-align: center;
    background: #1B9BD8;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
}
#header .text{
	padding-top: 3px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}
#header .head-buttons {float: right;margin-top:10px;}
#header .head-buttons li {
    list-style: none;
    margin-right: 16px;
}
#header .track-order ,#header .signin{ display: inline-flex;}
#header .head-buttons i{padding-right: 10px;font-size: 16px;color: #000;}
#header .head-buttons  p{font-size: 16px; margin: -5px 0 0 0;color: #000;}
#header .track-order:after {
    content: "";
    position: relative;
    border-right: 2px solid #d33;
    bottom: 0px;
    right: -8px;
    top: -3px;
}*/
/*==*/
/*.search #header, .error404 #header {
	position: static;
	border-bottom: 1px solid #0B3A5C;
}
.search h1.site-title a, .search p.site-title a, .search .logo p, .error404 h1.site-title a, .error404 p.site-title a, .error404 .logo p {
	color: #0B3A5C;
}
span.cart_icon {
  display: inline-block;
}
.cart_icon i {
	color: #0B3A5C;
	font-size: 25px;
}
span.cart-value {
	position: absolute;
	top: -5px;
	color: #0B3A5C;
	font-weight: bold;
	background: #5BC8F0;
	font-size: 12px;
	border-radius: 50%;
	width: 20px;
	right: -12px;
	padding: 4px 3px;
	line-height: 1;
	text-align: center;
}
li.cart_box {
	list-style: none;
}*/
.logo {
	padding:0 0px;
}
p.site-description{
	font-size: 14px;
  margin: 0;
  color: #000;
}
h1.site-title, p.site-title {
	margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;	
  text-transform: capitalize;
  font-family: 'Roboto',sans-serif;
}
h1.site-title a, p.site-title a{
	color: #000;
}

/* --------- MENUS CSS --------- */
#header .main-bx{padding: 0px 15px;}
#header .accnt {margin-top: 18px; position: relative;text-align: right;}
#header .accnt a {
    font-size: 15px;
    background: #1B9BD8;
    padding: 10px 16px;
    border-radius: 50px;
    color: #fff;
}
#header .accnt a:hover{background: #000;}
/*#header .menu-bar {
    float: right;
}*/
#sidelong-menu {
	display: inline;
	text-align: right;
}
.nav-menu ul{
  margin: 0;
  padding: 0;
}
.nav-menu ul li{
	display: inline-block;
	position: relative;
}
.nav-menu ul li a{
	color: #3A3A3A;
	font-size: 20px;
	display: block;
	padding:4px 18px;
	position: relative;
	font-weight: 500;
}

/*.nav-menu ul li a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
	color: #fff;
    z-index: -1;
    background-color: #1B9BD8;
    border-radius: 0 0 10px 10px;
    transition: all 0.3s ease;
}*/
.nav-menu ul li.current_page_item a::before , 
.nav-menu ul li>li>a:active,
.nav-menu ul li a:hover::before {
  top: 0;
  height: 100%;
}

.nav-menu ul li.current_page_item a{
	color: #1B9BD8;
}



.nav-menu ul ul{
	display: none;
	position: absolute;
	min-width: 215px;
	top: 45px;
	z-index: 9999;
	border: 1px solid #0B3A5C;
	margin: 0;
}
.nav-menu ul ul ul{
	left: 216px;
	top: 0;
}
.nav-menu ul ul a{
	color: #000 ;
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
	background: #fff;
	transition: all 0.5s ease 0s;
}
.nav-menu ul ul li.current_page_item a {
	background: #1B9BD8;
	color: #fff !important;
}
.nav-menu ul ul a:hover{
	background: #1B9BD8;
}
.nav-menu ul ul li{
	float: none;
	display: block;
	text-align: left;
	border-left: none;
	border-right: none !important;
	padding: 0;
	border: 0;
	margin: 0;
}
.nav-menu ul li:hover > ul{
	display: block;
}

/*--------------- SUPERFISH MENU ---------------------------*/
/*.sf-arrows .sf-with-ul {
	padding: 12px 22px 12px 14px;
}*/
.sf-arrows .sf-with-ul:after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 2px;
	top: 9px;
	font-size: 14px;
}
.sf-arrows ul .sf-with-ul {
	padding: 10px;
}
.sf-arrows ul .sf-with-ul:hover:after{
  transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
	top: 10px;
	right: 15px;
}
.toggle-menu, a.closebtn{
	display: none;
}

/* content-page*/
.single-post .article_content {
	margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.single-post .article_content p{
	text-align: left;
}
.single-post-tags{
	text-align: left;
	font-weight: 500;
	color: #000;
	font-size: 16px;
}
.single-post-tags a {
	font-style: italic;
  text-decoration: none;
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
}
.article_content img {
  margin: 0 0 15px;
  width: 100%;
  border-radius: 5px;
}
.grid-layout .article_content {
	border: 1px solid #eee;
}
.grid-layout .post-date{
	width: 60%;
}
.article_content h3{
	padding: 0 0 10px;
  font-size: 28px;
  color: #0B3A5C;
  overflow-wrap: break-word;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
}
article.inner-featureproduct {
  padding: 10px;
  box-shadow: 0 0 10px 0px #f1f1f1;
  margin-bottom: 30px;
}
.metabox {
  margin-bottom: 10px;
}
.metabox span {
	display: inline-block;
  font-size: 15px;
  color: #0B3A5C;
  font-weight: 500;
  width: 46%;
}
.metabox span{
	margin-right: 10px;
}
.metabox span i{
	color: #000;
	margin-right: 5px;
}
.article_content .read-btn {
	text-align: right;
}
.article_content .read-btn a{
	text-decoration: none;
}
.content-area {
  margin-top: 4em;
  margin-bottom: 2em;
}

.content-area {
    margin-top: 10em;
    margin-bottom: 2em;
}

/* --------- SLIDER --------- */
div#slider {
    position: relative;
    overflow: hidden;
    background-image: url('assets/images/sliderbg.jpg'); 
    background-position: top;
    background-size: cover;
}

#slider .sliderimg{
    position: relative;
    width: 60% !important;
    height: 850px;
    filter: drop-shadow(-10px 0px 0px #FFFFFF) drop-shadow(10px 0px 0px #FFFFFF);
}
#slider .slide-mainimg {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100% !important;
    height: 850px;
    clip-path: polygon(21% 0, 100% 0, 100% 0%, 64% 100%, 0 100%, 0% 59%);
}
#slider .slider_content {
    padding: 1.5em 2em 2.2em;
    position: absolute;
    background: #FFFFFF;
    top: 37%;
    right: 22%;
    text-align: center;
    z-index: 99;
    border: 8px solid #FFFFFF;
    width: 650px;
    border-radius: 15px;
}
#slider .slider_content h2{
    position: relative;
    color: #1B9BD8;
    font-size: 42px;
    font-weight: 900;
    word-break: break-word;
    line-height: 54px;
    margin: 5px 0 4px;
}
#slider .slider_content p{
    font-size: 20px;
    color: #707070;
    font-weight: 400;
    word-break: break-word;
    padding: 0em 0em;
    margin: 0 2em;
    color: #777777;
    line-height: 28px;
}
#slider .btn a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #3A3A3A;
    background:#FFFFFF;
    font-size: 24px;
    font-weight: 600;
    padding: 3px 21px 4px;
    transition: all 0.4s ease 0.5s;
    border: 2px solid #E1C519;
    border-radius: 4px;
    text-decoration: none;
    transition: all .4s;
    margin: 0.7em 0 0;

}
#slider .btn a:hover{transition: all .4s;color: #1B9BD8;}
/**/
/*#slider .owl-carousel{display: block;}*/
/*.slider_section .owl-theme .owl-dots { display: none;}*/
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{background: none;}
#slider .s-nav{
    display: block;
    position: absolute;
    bottom: 5%;
    left: 9%;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    box-shadow: none;
}
#slider .carousel-control-prev ,
#slider .carousel-control-next{
       position: relative;
    font-size: 22px ! important;
    font-weight: 600 !important;
    padding: 18px 9px;
    margin: 0 12px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: none;
    box-shadow: none;
    z-index: 1;
    display: inline;
}
#slider .carousel-control-prev i {font-size: 30px ! important; margin-left: -8px;}
#slider .carousel-control-next i{font-size: 30px ! important;padding-left: 4px;}
#slider .carousel-control-prev:before,
#slider .carousel-control-next:before{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 63px;
    height: 63px;
    background-color: #000000;
    opacity: 1;
    border-radius: 50%;
    z-index: -1;
}
#slider .carousel-control-prev:before{right: 5px;}
#slider .carousel-control-next:before{left: 5px;}
#slider .carousel-control-prev:after,
#slider .carousel-control-next:after{
   content: '';
    position: absolute;
    bottom: -8px;
    width: 81px;
    height: 81px;
    background-color: #000000;
    opacity: 0.6;
    border-radius: 50%;
    z-index: -1;
}
#slider .carousel-control-prev:after{right: -3px;}
#slider .carousel-control-next:after{left: -3px;}

/*#slider .sliderimg img,
#slider .slider-imgone img,
#slider .slider-imgtwo img,
#slider .slider-imgthree img{width: 100%;}
#slider .sld-middle{padding: 0 8px;}
.slider-imgtwo.sld-img {  margin-bottom: 8px;}*/

/*#slider:hover .carousel-control-prev,
#slider:hover .carousel-control-next{opacity: 1;}
#slider .carousel-control-prev, #slider .carousel-control-next{
	width: auto;
	opacity: 0;
	top: 0;
	transform: translateX(-50%);
	right: auto;
}
#slider .carousel-control-prev{left: 5%;}
#slider .carousel-control-next{right: 0%;}

#slider .carousel-control-next{
  margin-left: 60px;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i{
	font-size: 30px;
	color: #fff;
	padding: 8px 20px;
	background: #39424b;
	border-radius: 0;
}
#slider .carousel-control-prev-icon i:hover, #slider .carousel-control-next-icon i:hover{
	color: #39424b;
	background: #fff;
}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
	background-image: none;
  width: auto;
  height: auto;
}
#slider .carousel-control-prev, #slider .carousel-control-next{
	width: 8%;
  opacity: 1;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i{
	font-size: 20px;
    color: #fff;
    
    background: none;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 40px;
    height: 60px;
    line-height: 35px;
}
#slider .carousel-control-prev-icon i:hover, 
#slider .carousel-control-next-icon i:hover{
	color: #fff;
	background: #0F2B5B;
	border: 3px solid transparent;
}
#slider .carousel-control-prev,
#slider .carousel-control-next {position: absolute; top: 83% ;}
#slider .carousel-control-next{left: 3.4%;}*/
/*==================*/

/*#slider .carousel-bx{
	position: absolute;
    top: 5%;
    right: 0;
    left: 0;
    padding: 0em 0em;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}*/

/*#slider .offer-head1{
	position: relative;
	color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 25px;
    word-break: break-word;
    padding: 1em 10px 3.4em;
    margin: 0em;
}

#slider .offer-head1:after {
	content: "";
    position: absolute;
    left: 0;
	margin-left: 4em;
	margin-right: 4em;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #1B9BD8;
}

#slider .offer-head2{
    font-family: 'Cinzel',serif;
	margin-top: -66px;
    font-size: 89px;
    font-weight: 900;
    z-index: 1;
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 0 14px;
	color: #1B9BD8;
}
#slider .offer-head3{
	font-family: 'Roboto',sans-serif;
	color: #000;
	position: relative;
	font-size: 40px;
	font-weight: 500;
	word-break: break-word;
	line-height: 60px;
	display: inline-block;
	margin: 27px 0 27px;
	font-size: 45px;
    line-height: 46px;
}*/

/*#slider h2 {
	position: relative;
	font-size: 30px;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	word-break: break-word;

	color: #474747;
	display: inline-block;
	margin: 0;
}
 #slider h2 span{
	color: #1B9BD8;
	font-size: 89px;
	font-weight: 900;
}

#slider p{
	font-family: 'Roboto',sans-serif;
	position: relative;
	font-size: 18px;
	color: #000;
	line-height: 25px;
	padding:0em 0 1em 0;
}
#slider p sapn{
	font-size: 40px;
    font-weight: 500;
	color: #1B9BD8;
	font-size: 89px;
    font-weight: 600;
}
 #slider a.read-btn{
    osition: relative;
    overflow: hidden;
    font-style: italic;
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: 30px;
    padding: 4px 34px;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    letter-spacing: 8px;
    text-align: center;
    word-break: break-all;
    background-color: #1B9BD8;
    border: none;
    z-index: 1;
    transition: all 0.8s ease;
    border: none;
}
#slider a.read-btn:hover{
 	background: #000;
 	color: #fff;
 	transition: all 0.2s ease 0.2s;
 }*/
/* #slider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 430px;
}*/
/*slider sidebar-category */
/*#slider .categry-header{
 	font-size: 26px;
    font-weight: 600;
    background: #474747;
    color: #fff;
    padding: 16px 10px 16px 20px;
    margin: 0 0 6px 0;
 }
#slider  .sidebar-category {
    padding: 0px 15px 0 0;
    box-shadow: 0px 0px 20px #00000029;
	
}
#slider .sidebar-category li{
	position: relative;
	list-style: none;
    margin-bottom: 10px;
    padding: 2px 0;
}
#slider .ficn img {
	width: 30px;
	height: 30px;
}
#slider .categry-header i{ float:right; top: 6px;position: relative;}
#slider .sidebar-category li:before{}
#slider .ficn{display: inline-block;font-size: 13px;  padding-right: 8px;color: #434343;}
#slider .lasticn{float: right;color: #434343;}
#slider .cat-drop { 
	padding: 4px 12px;
    overflow-y: scroll;
    height: 342px;
    position: relative;
}
#slider .drp_dwn_menu a{
	font-size: 16px;
    font-weight: 400;
    color: #434343;

    padding: 0 0 8px 0;
}
#slider .drp_dwn_menu a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    border-bottom: 1px dashed #ccc;
    width: 94%;
}
#slider .sidebar-category li:last-child  a:after{border-bottom: 1px dashed transparent;}*/

/*===end===*/
i.far.fa-heart {
	font-weight: 100 !important;
}

#header .mob-y{display: none;}
.contact-btn {  
	position: relative;     
	margin-top: 2px;
}

.mob-n {
    display: flex;
    align-items: center;
}

.contact-btn a {
		font-size: 18px;
    background: #fff;
    color: #000;
    padding: 5px 12px;
    margin-left:10px;
}


/*===========productcategory-section=======*/
#productcategory-section{
	position: relative;
	overflow: hidden;
	padding: 5em 0 2em 0;
	background:#FFFFFF;
}
#productcategory-section .p-sbox{
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
    border-radius: 30px;
    padding: 2.9em 2em 2em;
}
#productcategory-section .productcategory-head{
	margin-bottom:2.5em;
}
#productcategory-section .productcategory-head h3{
	display: inline-block;
	position: relative;
    word-break: break-word;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 15px;
    color: #3A3A3A;
}
/*#productcategory-section .head-brd { position: relative;}
#productcategory-section .head-brd{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    border: 2px solid #5BC8F0;
    border-radius: 50px;
}*/

#productcategory-section .pcbox{margin-bottom:1em ;}
#productcategory-section .category .item.cat-product.hvr-float-shadow {
    margin-bottom: 40px;
    /* margin-left: 15px; */
    /* margin-right: 15px; */
    position: relative;
}

#productcategory-section .pro-cat-img {
    position: relative;
    overflow: hidden;
    padding: 0px;
    border-radius: 8px;
}
#productcategory-section .pro-cat-img img{ height: 314px;width: 100%;}
#productcategory-section .pro-cat-content{
	text-align: center;
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
    padding: 10px 20px;
/*    overflow: hidden;*/
    background: #fff;
    border-radius: 8px;
}

#productcategory-section .pro-cat-content h5 {text-align: left;}
#productcategory-section .pro-cat-content h5 a{
	position: relative;
    /* font-family: 'Roboto',sans-serif; */
    font-size: 24px;
    font-weight: 600;
    color: #3A3A3A;
}
#productcategory-section .pro-cat-content i{
	text-align: center;
    right: 0;
    left: 0;
    bottom: -26px;
    position: absolute;
    overflow: hidden;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 24px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto;
}
/*#productcategory-section .pro-cat-content h5 span {
    bottom: 10px;
    position: relative;
}*/
/*#productcategory-section .pro-cat-btn a{
	position:relative;
	background: #d33;
    outline: 0;
    color: #fff;
    text-decoration: none;
    padding: 4px 10px;
}*/


/*-------- featureproducts Section --------*/
#featureproduct-section {
	position: relative;
	overflow: hidden;
	padding: 3em 0 2em;
	background:#FFFFFF;
}

#featureproduct-section .featureproduct-head {
    padding: revert;
    margin-bottom: 3em;
}
#featureproduct-section .featureproduct-head h3{
    position: relative;
    word-break: break-word;
    font-weight: 600;
    color: #3A3A3A;
    font-size: 40px;
    margin-bottom: 15px;
    /* font-family: 'Roboto',sans-serif; */
    text-align: center;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}



#featureproduct-section .featuresus-single {
    margin: 0 20px 0 0;
    transition: all 1s ease 0s;
}
#featureproduct-section .hi-icon{position: relative;}
#featureproduct-section .hi-icon li{list-style: none;margin-bottom: 10px;}
#featureproduct-section .hi-icon .add-to-cart {
    position: absolute;
    bottom: 6px;
    left: 8px;
    opacity: 0;
    transition: all 1s ease 0s;
}
#featureproduct-section .featuresus-single:hover .hi-icon .add-to-cart{opacity: 1;transition: all 1s ease 0s;}
#featureproduct-section .hi-icon img{height:300px; border-radius: 12px;}
#featureproduct-section .pcontent{
	position: relative;
    padding: 1em 5px 1em 0;
}
#featureproduct-section .pcontent h3{
	text-align: left;
	font-size: 21px;
    margin: 0px 0 10px 0;
    font-weight: 500;
    position: relative;
    z-index: 1;
    /* font-family: 'Roboto',sans-serif; */
}
/*#featureproduct-section .price del{display: none;}*/
#featureproduct-section .price del{
	display: none;
	color: #656565;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Roboto',sans-serif;
}
#featureproduct-section .price ins{
	position: relative;
    top: 10px;
	color: #3a3a3a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    font-family: 'Roboto',sans-serif;
    text-decoration: none;
}
#featureproduct-section .Pr_bx{	  
	position: relative;
    overflow: hidden; 
	background: #FFFFFF;
    border-radius: 8px;
}

#featureproduct-section .cart-contents{
	display: block;
    background: #fff;
    border-radius: 8px;
    position: relative;
    /* width: 100%; */
    padding: 10px 10px;
    font-size: 18px;
    color: #1B9BD8;
}
#featureproduct-section .cart-contents i{
    padding: 8px;
    border-radius: 8px;
    background: #FFFFFF;
    color: #3A3A3A;
    position: relative;
    float: right;
   	top: -3px;
}
#featureproduct-section .owl-theme .owl-dots{display: none;}
#featureproduct-section .owl-theme .owl-nav {
    display: none;
    margin-top: 10px;
    position: absolute;
    /* top: -5em; */
    padding: 0px 0 0 0;
    right: 0;
    left: 0;
}
/*#featureproduct-section .owl-nav .owl-next, 
#featureproduct-section .owl-nav .owl-prev{
    line-height: 0px;
    border-radius: 54px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: #ccc ;
    box-shadow: none;
}
#featureproduct-section .owl-nav .owl-next span, 
#featureproduct-section .owl-nav .owl-prev span {
    font-size: 20px;
    font-weight: 400;
    line-height: 0px;
    padding: 0;
    color: #000
}
#featureproduct-section .owl-nav .owl-next:hover, 
#featureproduct-section .owl-nav .owl-prev:hover{background: #5BC8F0;}*/


/*---- Back to Top css ----*/
.back-to-top, .back-to-top::after, .back-to-top-text {
	transition: all 0.25s ease-in-out;
}
.back-to-top, .back-to-top::after {
	position: fixed;
	height: 45px;
	width: 45px;
	color: #fff;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #bc64ec;
}
.back-to-top {
	right: 30px;
	bottom: -12%;
	z-index: 999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: rotate(-45deg);
	background: #000;
	border-radius: 0;
}
.back-to-top::after {
	display: inline-block;
	content: "";
	right:  -1px;
	bottom: 0;
	border-width: 1px;
	background: transparent;
}
.back-to-top-text {
	display: block;
	position: relative;
	transform: rotate(45deg) translate(2%,0%);
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:hover::after {
	transform: translate(25%,-25%);
	background: #39424b;
	z-index: 9;
}
.back-to-top:hover .back-to-top-text {
	color: #fff;
	z-index: 99;
	transform: rotate(45deg) translate(2px,-15px);
}
.show-back-to-top {
	bottom: 4%;
}

/* Woocommerce */
.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{
	max-width: 100%;
}
.woocommerce ul.products {
	margin: 0;
}
.woocommerce .products li{
	margin-bottom: 40px !important;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
	color: #0B3A5C;
}
.woocommerce-message {
  border-top-color: #0B3A5C;
}
.woocommerce span.onsale{
	background: #1B9BD8;
	color: #fff;
	padding: 0;
	border-radius: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{
	margin: 0 !important;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #0B3A5C;
  font-weight: 600;
  font-size: 30px !important;
  padding-top: 0;
  letter-spacing: 2px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #0B3A5C;
  font-size: 25px;
}
.woocommerce nav.woocommerce-pagination ul {
	margin: 0;
	border: 0;
	background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
	margin: 0 5px;
	font-size: 15px;
	font-size: 18px;
}
.woocommerce nav.woocommerce-pagination ul li a {
	color: #fff;
	background: #0B3A5C;
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
	border: 0;
	background: #5BC8F0;
	color: #0B3A5C;
}
.woocommerce ul.products li.product .price {
	display: inline-block;
	width: 65%;
}
.woocommerce .woocommerce-product-rating .star-rating {
	color: #0B3A5C;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{
	background: #1B9BD8;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-family: 'Rancho', cursive;
	font-size: 20px;
  padding: 10px 20px;
	transition: 0.5s all ease-in-out;
	box-shadow: 6px 6px 0 0px #1B9BD8;
}
.woocommerce a.added_to_cart.wc-forward {
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {
	background: #0B3A5C;
	color: #fff;
	box-shadow: none;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 10px 5px;
  border-radius: 8px;
  border: solid 1px #353535;
  color: #353535;
}
span.woocommerce-input-wrapper {
	width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #5BC8F0;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  border-radius: 8px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #0B3A5C;
	text-decoration: none;
}
.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .products .star-rating{
	margin: 0 0 10px;
	font-size: 15px !important;
	color: #5BC8F0;
}
.select2-container--default .select2-selection--single {
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 5px !important;
	top: 50% !important;
	transform: translateY(-50%);
}

/*------- Header ---------*/
.site-title {
	clear: none;
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.site-title,
.site-title a {
	color: #222;
	opacity: 1; 
}
.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.ice-cream-shop-front-page .custom-header,
.has-header-video.ice-cream-shop-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}
.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}
.admin-bar .wp-custom-header-video-button {
	top: 62px;
}
.has-header-image.ice-cream-shop-front-page .site-branding,
.has-header-video.ice-cream-shop-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*------- Front Page ------------*/
.ice-cream-shop-front-page .site-content {
	padding: 0;
}
.ice-cream-shop-panel {
	overflow: hidden;
	position: relative;
}
.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.panel-image:before {	
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}
.ice-cream-shop-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}
.panel-content {
	position: relative;
}
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */
.ice-cream-shop-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.ice-cream-shop-front-page .panel-content .recent-posts article {
	border: 0;
	color: #3f3f3f;
	margin-bottom: 3em;
}
.recent-posts .entry-header {
	margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}
.ice-cream-shop-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*-------- Regular Content -----------*/
.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.sticky {
	position: relative;
	background: #eee;
}
.post:not(.sticky) .icon-thumb-tack {
	display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.ice-cream-shop-front-page) .entry-title {
	color: #0B3A5C;
	font-size: 25px;
  font-weight: 700;
  letter-spacing: 1px;
}
.page-title strong {
	display: block;
	font-size: 60px;
}
.home-btn a{
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}
.home-btn a i{
	margin-right: 8px;
}
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a {
    font-weight: 500;
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #767676;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #767676;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.pagination,
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}
.comments-pagination {
	border: 0;
}
.page-numbers {
	display: none;
	padding: 10px;
}
.page-numbers.current{
	display: inline-block;
	background: #000;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #000;
	display: inline-block;
	color: #fff;
    font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}
.prev.page-numbers {
	float: left;
}
.next.page-numbers {
	float: right;
}
a.more-link {
    color: #fff;
    background: #000;
    padding: 6px 10px;
    float: left;
}
.more-link:before {
    margin-top: 0 !important;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}
body:not(.ice-cream-shop-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.ice-cream-shop-front-page) .entry-header,
body:not(.ice-cream-shop-front-page) .entry-content,
body:not(.ice-cream-shop-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.ice-cream-shop-front-page) .entry-header {
	padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}
.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.ice-cream-shop-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}
.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
	display: block;
	margin: auto;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}

/* Entry footer */
.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-quote blockquote {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}
.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */
.post-navigation{
	padding: 15px 0;
	margin-top: 20px;
    border-top: 1px solid rgba(170,170,170,.25);
    border-bottom: 1px solid rgba(170,170,170,.25);
}
.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 500
}
.nav-title {
	color: #3f3f3f;
	font-size: 15px;
	font-size: 0.9375rem;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*----------- Pages ---------*/
header.page-header h2 {
    font-size: 22px;
}
.page-header {
	padding-top: 2em;
}
.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page:not(.home) #content {
	padding-bottom: 1.5em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*----------- Footer --------------*/
#colophon {
	position: relative;
	overflow: hidden;
	padding: 2em 0;
	background: #3A3A3A;
	background-size: cover;
	color: #fff;
	font-size: 15px;
	position: relative;
	background-attachment: fixed;
}
/*.footer-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0B3A5C;
	opacity: 0.8;
	z-index: 1;
}*/
aside.widget-area, .copyright {
	position: relative;
	z-index: 99;
}
.copyright {
	border-top: 1px solid #FFFFFF;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}
.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{
	color: #FFFFFF;
}
.site-footer select {
	color: #FFFFFF;
}
.site-footer .widget {
	margin: 20px 0;
}
.site-footer h2.widget-title{
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 500;
}
.site-footer button.search-submit{
	width: 100%;
	border-radius: 0;
	background: #5BC8F0;
}
/*.site-footer li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
}*/

/* Site info */
.site-info p,
.site-info a{
    margin: 0;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
}
.site-info {
    padding: 15px 0;
}

/*------- Comments ------------*/
#comments {
	clear: both;
	padding: 0 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body .reply{
	text-align: right;
	margin-bottom: 10px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin: 10px 0;
}
.comment-meta a {
	text-decoration: none;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #3f3f3f;
	font-size: 14px;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(170,170,170,.25);
}
.comment-body .comment-reply-link {
	font-weight: 500;
	color: #fff;
	background: #0B3A5C;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	border-radius: 30px;
	transition: all 0.4s;
}
.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {
	background: #5BC8F0;
	color: #000;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #3f3f3f;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}

/*-------- Widgets ----------*/
.page-template-page-with-right-sidebar #sidebar,
.page-template-page-with-left-sidebar #sidebar {
    margin: 4% 0 0;
}
#sidebar .widget_calendar th, #sidebar .widget_calendar td {
	color: #5d6164;
}
#sidebar .widget li{
	color: #000;
/*  border-bottom: 1px dotted #5d6164;*/
  font-size:18px;
}
#sidebar .widget li:before {
	content: '\f0f8';
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 14px;
  color: #000;
  font-size: 20px;
}
#sidebar .widget_nav_menu li:before{
	content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin:-5px 0 0 10px;
    color: #fff;
    font-size: 25px;
    float: right;
    position: relative;
    background: #000;
    padding: 1px 14px;
}
#sidebar .widget_nav_menu li {
    color: #000;
    border: 1px solid #000 !important;
    font-size: 18px;
    padding: 14px 10px;
    margin-bottom: 8px;
}
#sidebar .widget li:last-child {
  border: none;
}
#sidebar .widget {
		overflow: hidden;
  	margin-bottom: 30px;
    border-radius: 0px;
    background: #fff;
    box-shadow:0 4px 8px 8px rgb(63 78 100 / 15%);
    padding: 0px;
}
#sidebar h2.widget-title {
  	margin-bottom: 1em;
    font-size: 25px;
    color: #fff;
    background: #000;
    padding: 10px 5px 10px 25px;
    border-radius: 0px;
    font-weight: 600;
}
#sidebar h2 a.rsswidget {
  color: #5BC8F0;
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
	padding: 5px 20px;
}
#sidebar ul ul {
	padding: 0;
}
#sidebar select, #sidebar span.select2 {
	margin: 15px;
	width: -webkit-fill-available !important;
}
#sidebar .tagcloud a {
  border: none;
  color: #000;
  text-decoration: none;
  float: none;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
	background-color: #0B3A5C; 
	color: #fff;
	border-color: #0B3A5C;
}
#sidebar button.search-submit{
	background: #0B3A5C;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  padding: 8px;
  border-radius: 0;

float: right !important;
position: absolute!important;
text-indent: -999px !important;
background: none;
padding: 9px 24px 9px 25px !important;
margin-top: 1%;
right: 11%;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important;
width: 0% !important;
z-index: 999 !important;
box-shadow: none;
}
#sidebar button.search-submit:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    /* color: #010101; */
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    z-index: 4;
    background: #000;
    color: #fff;
}
#sidebar .search-form .search-submit {
	bottom: 3px;
}
#sidebar input.search-field {
  border: 1px solid #000;
  padding: 10px;
  font-size: 15px;
  width: 90%;
  margin: 0 1em;
  border-radius: 0px;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p{
	color: #000;
	overflow-wrap: break-word;
}

/* widget forms */
.widget select {
	width: 100%;
	margin-top: 10px;
}

/* widget lists */
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li,
.widget ol li {
	padding: 0.5em 0;
}
/*#colophon li:before {
    content: "\f140";
    font-family: 'Fontawesome';
    font-size: 12px;
    padding-right: 14px;
    position: relative;
    top: -3px;
}*/
.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}
.widget ul li li {
	border: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}
.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */
.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
	color: #000;
}

/* Text widget */
.widget_text {
	word-wrap: break-word;
}
.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
	list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
	border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}
.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}
.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}
.widget_text ol li {
	list-style-position: inside;
}
.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}
.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget_rss li .rsswidget {
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}
.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}
.widget_rss .rssSummary {
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	display: block;
}

/* Search */
.search-form {
	position: relative;
}
.search-no-results .search-form label, .error404 .search-form label{
	display: inline-block;
}
.search-form label{
	display: block;
}
.search-form .search-submit {
	bottom: 0px;
    padding: 10px;
    position: relative;
    right: 0px;
	background: #1B9BD8; /* Button background color */
    color: #fff;
    font-size: 16px;
}
.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
button.search-submit{
	background-color: #0B3A5C;
	font-weight: normal;
  letter-spacing: 1px;
}

/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; 
	margin: 2px 1px !important;
	padding: 4px 4px  !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #5BC8F0;
	background: #5BC8F0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #000;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

/*----------- Media ----------*/
img,
video {
	height: auto; 
	max-width: 100%;
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
	background: #222;
	border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}
.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.site-content .wp-playlist-item-length {
	top: 5px;
}

/*---------- Customizer -----------*/
.highlight-front-sections.ice-cream-shop-customizer.ice-cream-shop-front-page .ice-cream-shop-panel:after {
	border: 2px dashed #0085ba; 
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}
.highlight-front-sections.ice-cream-shop-customizer.ice-cream-shop-front-page .ice-cream-shop-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.ice-cream-shop-customizer.ice-cream-shop-front-page .ice-cream-shop-panel .ice-cream-shop-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.ice-cream-shop-customizer.ice-cream-shop-front-page .ice-cream-shop-panel:nth-of-type(1):after {
	border: none;
}
.ice-cream-shop-front-page.ice-cream-shop-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.ice-cream-shop-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.ice-cream-shop-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.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;
  clip-path: none;
  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;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------- Media --------------*/

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

}
@media screen and (max-width: 1199px){
	#header .phn-text { font-size: 16px;}
	#header .hicn {font-size: 22px;}
}
@media screen and (max-width: 1000px){
	#header .main-bx{background: transparent;}
	#header .mob-n{display: none;}
	#header .mob-y{display: block;}
  .nav-menu .nav ul li a:focus,
	a.closebtn.responsive-menu:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.toggle-menu {
		display: none;
		cursor: pointer;
		z-index: 999999;
    	padding: 15px 0;
	}
	.toggle-menu i {		
    font-size: 25px;
    color: #fff;
    padding: 8px 10px;
    background: #1B9BD8;
	}
	.toggle-menu button {
		background: transparent;
		border: none;
		padding: 0;
		border-radius: 0;
	}
	.sidenav {
		height: 100%;
		visibility: hidden;
		width: 0%;
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
		background-color: #1B9BD8;
		overflow-x: hidden;
		padding-top: 60px;
	}
	.sidenav.show{
		visibility: visible;
		width: 100%;
		transition: 0.8s width ease-in-out;
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;
		display: block;
		padding: 10px;
		color: #fff;
		border: none;
		background: transparent;
	}
	.sidenav #primary-site-navigation {
		width: 100%;
	}
	#sidelong-menu{
		text-align: left;margin-top: 1em;
	}
	.toggle-menu, .nav-menu ul ul li{
		display: block !important;
	}
	.nav-menu ul li a:before{
		content: none;
		display: none;
	}
	.nav-menu ul li{
		border: 0;
	}
	.nav-menu .nav ul li{
		border-top:1px #acabab solid; 
		display:block;
	}
	.nav-menu ul li a, .sf-arrows .sf-with-ul{
		padding: 10px;
		display:block;
		color: #fff;
		border: none;
		font-size: 14px;
		line-height: 1.6;
		background: none;
	}
	.nav-menu ul li:after{
		content: none;
	}
	.sf-arrows .sf-with-ul:after{
		right: 20px;
	}
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
		color: #fff !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	} 
	/* .nav-menu ul ul{
		opacity: 1 !important;
    position: static;
    width: 100%;
    border: 0;
    display: block !important;
    height: auto !important;
	} */
	.nav-menu ul ul {
		position: static;
	}
	.nav-menu ul li{
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.main-menu-navigation {
		padding: 0px 10px;
	}
	.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.sf-arrows .sf-with-ul:after{
		top: 12px;
	}

}

@media screen and (max-width: 991px){
	#header .h-shape{display: none;}
	#header .count { right: 47%;}
	#header .menu-bar {top: 1.5em;position: absolute;right: 19px;}
	#slider .sliderimg { height: 650px;}
	#slider .s-nav{display: none;}
	#slider .slider_content {
		top: 40%;
		left: 0%;
		right: 0%;
		margin: 0 auto;
		width: 80%;
	}
	#featureproduct-section .cart-contents { margin-top: 13px;}
}
@media screen and (max-width: 800px){
	#slider .carousel-control-prev-icon i, 
	#slider .carousel-control-next-icon i{display: none;}
/*	#slider h2 { font-size: 40px;margin: 0;line-height: 60px;}*/
	#slider p {font-size: 16px;padding: 0.5em 0;}
}
@media screen and (min-width: 30em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
	}
	h1 {
		font-size: 30px;
	}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 16px;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Front Page */
	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}
	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */
	.taxonomy-description {
		font-size: 14px;
	}
}
@media screen and (min-width: 48em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
		line-height: 1.5;
		
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
	}

	/* Layout */
	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	.error404 #primary {
		float: none;
	}

	/* Site Branding */
	.site-branding {
		margin: 0 !important;
		padding: 0;
	}
	.has-header-image.ice-cream-shop-front-page .site-branding,
	.has-header-video.ice-cream-shop-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	.has-header-image.ice-cream-shop-front-page .custom-header,
	.has-header-video.ice-cream-shop-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}
	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}
	.site-title {
		font-size: 36px;
	}

	/* Main Navigation */
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */
	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}
	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}
	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}
	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */
	.ice-cream-shop-front-page.has-header-image .site-branding,
	.ice-cream-shop-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}
	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}
	.background-fixed .panel-image {
		background-attachment: fixed;
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}
	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */
	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}
	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}
	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}
	.entry-footer {
		display: table;
		width: 100%;
	}
	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* without sidebar */
	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}
	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}
	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.ice-cream-shop-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.ice-cream-shop-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */
	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */
	.page.page-one-column .entry-header,
	.ice-cream-shop-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}
	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}
	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}
@media screen and ( min-width: 67em ) {
	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}
	.page-numbers {
		display: inline-block;
		margin-right: 5px;
	}
	.page-numbers:hover{
		background: #1d1d1d;
		color: #fff !important;
	}
	.page-numbers.current{
		display: inline-block;
  	background: #000;
  	color: #fff;
	}
}
@media screen and ( min-width: 79em ) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.ice-cream-shop-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and (max-width: 768px) {
	#productcategory-section {
		padding: 2em 0 ;
	
	}
	#featureproduct-section .featuresus-single {
		margin: 0px;
	}
}

@media screen and ( max-width: 768px) and (min-width: 720px){
	.widget_calendar th,
	.widget_calendar td, #courses-section .courses-head p{
		padding: 0px;
	}
	.article_content .content {
  	margin-top: 10px;
	}
	.prev.page-numbers,.next.page-numbers{
 		float: none;
 	}
 	h1.site-title a, p.site-title a, p.site-description {
 		color: #0B3A5C;
 	}
 	.sliderimg img {
 		height: 400px;
 	}

}
@media screen and (max-width:767px) {
#header .head-cart {top: 0px;}
#header .phn-icon {margin: 8px auto 0 auto;}
#header .head-phn { text-align: center;}
#header .main-bx{    padding: 0;}
#header .search-box .woocommerce-product-search .search-field {padding: 15px 15px;}
#header .search-box button { text-indent: -1999px;padding: 17px 25px;}
#header .search-box .woocommerce-product-search:after {top: 10px;right: 10px;}
#header .hbtn.Nmob { margin: 3px auto; text-align: center;}
#header .accnt {    margin: 6px 0;text-align: center;position: relative;bottom: 5px;}
span.cart-value {
	right: -30px;
    text-align: center;
    left: 0;
    margin: 0 auto;
}
#feature-section .featuresus {
    position: relative;
    top: 0em;
}
}
@media screen and (max-width:720px) {
	#slider .sliderimg {height: 500px;}
	#slider .slider_content { top: 8%;}
 	.woocommerce ul.products[class*=columns-] li.product{
 		width: 100% !important;
 	}
 	#header {
 		position: static;
 	}
 	h1.site-title a, p.site-title a, p.site-description {
 		color: #0B3A5C;
 	}
}

@media screen and (max-width:650px){
	#slider .sliderimg {height: 320px;}
	#slider .slider_content { padding: 1em 1em;top: 14%;}  
	#slider .slider_content h2{font-size: 24px; line-height: 30px; }
	#slider .slider_content p {font-size: 16px;margin: 0 0em;line-height: 24px;}
	#slider .btn a { font-size: 16px; padding: 3px 18px;margin: 0.2em 0 0;}
} 
@media screen and (max-width: 320px) {
	.article_content .content{
		margin-top:10px;
	}
	.article-text span {
  	margin-right: 6px;
  	padding-right: 6px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 425px){
	#sidebar .widget_calendar td{
		padding: 1px;
	}
	#sidebar h2.widget-title{
		width: 100% !important;
	}
	#sidebar .search-form .search-submit{
		padding:9px;
	}
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus,
	.widget.widget_tag_cloud a:hover,
	.widget.widget_tag_cloud a:focus,
	.wp_widget_tag_cloud a:hover,
	.wp_widget_tag_cloud a:focus {
		border-color: #bbb;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
	}
}
@media screen and (max-width:1299px) {
	#featureproduct-section .featureproduct-box img { height: 400px;
}
	}
@media only screen and (max-width: 1024px) and (min-width: 1000px){
		#featureproduct-section .featureproduct-box img { height: 350px;}
	.widget_calendar td, #sidebar td{padding: 0px;}
	.prev.page-numbers,.next.page-numbers{float: none;}
 	.page-numbers.current{	color: #fff;}
 	.sliderimg img {
 		height: 600px;
 	}
}

@media only screen and (max-width: 1440px) {
	.sliderimg {
		background-size: 100% 100%;
	}
	.sliderimg img {
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
}
@media screen and (max-width:999px){
	#featureproduct-section .featureproduct-box img { height: 280px;
}
}
@media screen and (max-width:499px){
	#slider .slider_content {   top: 6%;}
} 


/* Armas Ice custom: blue-raspberry drip recolor + melt animations (2026-10-05) */
#header .header-drip{
    background: #1B9BD8;
    transform-origin: top center;
    animation: armasice-melt-in 1.3s cubic-bezier(0.22,1,0.36,1) both,
               armasice-drip-idle 5.5s ease-in-out 1.6s infinite;
}
#header .header-drip1{
    background: #5BC8F0;
}
#header .header-drip2{
    background: #FFFFFF;
}
@keyframes armasice-melt-in{
    0%{ transform: scaleY(0); opacity: 0; }
    55%{ opacity: 1; }
    100%{ transform: scaleY(1); opacity: 1; }
}
@keyframes armasice-drip-idle{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(7px); }
}

:root{ color-scheme: light; }

/* Armas Ice fixes 2026-10-05: banner, font size, readable font */
#inner-pages-header{ background: #EAF7FD !important; }
body, p, div{ font-family: "Roboto", Arial, sans-serif !important; font-size: 18px !important; line-height: 1.6 !important; }
h1, h2, h3, h4, h5, h6{ font-family: "Roboto", Arial, sans-serif !important; font-weight: 700 !important; }

/* Fix flavor filter layout */
.flavor-filters{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; }
.flavor-filter{ display: inline-block !important; margin: 0 !important; }

/* Readability: light text on blue content background */
.armas-section h2, .armas-section h3{ color: #FFFFFF !important; }
.armas-section p{ color: #EAF7FD !important; }
.armas-section p em, .armas-section em{ color: #FFFFFF !important; }
.armas-card h3{ color: #0B3A5C !important; }
.armas-card p{ color: #5A6C7D !important; }

/* Site-wide readability on blue backgrounds */
.entry-content h2, .entry-content h3, .page-content h2, .page-content h3{ color: #FFFFFF !important; font-family: "Roboto", Arial, sans-serif !important; font-weight: 800 !important; font-style: normal !important; }
.entry-content p, .entry-content li, .page-content p, .page-content li{ color: #EAF7FD !important; font-family: "Roboto", Arial, sans-serif !important; font-style: normal !important; }
.entry-content a, .page-content a{ color: #FFFFFF !important; font-weight: 700 !important; }
.entry-content em, .entry-content i, .page-content em, .page-content i{ font-style: normal !important; }

/* White bubbly boxes for all text sections */
.armas-section{ background: #FFFFFF !important; border-radius: 24px !important; padding: 40px 36px !important; box-shadow: 0 8px 24px rgba(11,58,92,.1) !important; }
.armas-section h2{ color: #0B3A5C !important; }
.armas-section p{ color: #1a1a1a !important; }
.armas-section p em{ color: #1a1a1a !important; font-style: italic !important; }

/* Fix tiny card icons */
.armas-card .icon{ font-size: 56px !important; line-height: 1 !important; margin-bottom: 16px !important; }

/* Center cards in grid */
.armas-cards{ justify-content: center !important; }
.armas-card{ max-width: 320px; margin: 0 auto; width: 100%; }

/* Flexbox centering for cards */
.armas-cards{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; }
.armas-card{ flex: 0 1 280px !important; max-width: 320px !important; }

/* Hero text stays dark on white */
.armas-hero p{ color: #1a1a1a !important; }
.armas-hero-text p{ color: #1a1a1a !important; }

/* Specials card text dark on white */
.special-card p{ color: #5A6C7D !important; }
.special-card h4{ color: #0B3A5C !important; }

/* Clear drip overlap on inner page banner */
#inner-pages-header .header-content{ padding-top: 80px !important; }
#inner-pages-header h1{ margin-top: 80px !important; }

/* More clearance for drip */
#inner-pages-header .header-content{ padding-top: 140px !important; }
#inner-pages-header h1{ margin-top: 80px !important; padding-top: 40px !important; }

/* Force banner text below drip */
#inner-pages-header .header-content .container{ padding-top: 120px !important; }
#inner-pages-header h1{ position: relative !important; z-index: 5 !important; }

/* Hide breadcrumb under drip */
.theme-breadcrumb{ display: none !important; }

/* Hide breadcrumb - stronger */
#inner-pages-header .theme-breadcrumb, #inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span{ display: none !important; visibility: hidden !important; }

#inner-pages-header .theme-breadcrumb{ display:none !important; }
#inner-pages-header .theme-breadcrumb *{ display:none !important; }

/* Pink banner like the Old San Juan building */
#inner-pages-header{ background: #F8BBD0 !important; }
#inner-pages-header .header-overlay{ background: #F8BBD0 !important; }

/* Ensure drip shows on mobile */
@media screen and (max-width: 768px){
  #header .header-drip, #header .header-drip1, #header .header-drip2{
    display: block !important;
    visibility: visible !important;
    height: 80px !important;
  }
  #header .header-drip{
    margin-top: -15px !important;
  }
}

/* Restore blue drip, shrink pink banner */
#header .header-drip{ background: #1B9BD8 !important; }
#header .header-drip1{ background: #5BC8F0 !important; }
#header .header-drip2{ background: #FFFFFF !important; }
#inner-pages-header{ padding-top: 60px !important; padding-bottom: 20px !important; }

/* Shrink pink banner even more */
#inner-pages-header{ padding-top: 20px !important; padding-bottom: 10px !important; min-height: 0 !important; }
#inner-pages-header .header-content{ padding-top: 0 !important; }
#inner-pages-header h1{ margin: 0 !important; padding: 0 !important; font-size: 28px !important; }

/* Show drip on mobile - override theme hiding */
@media screen and (max-width: 991px){
  #header .h-shape{ display: block !important; }
}

/* Mobile drip - aggressive fix */
@media screen and (max-width: 991px){
  #header .h-shape{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 60px !important;
    position: relative !important;
    overflow: visible !important;
  }
  #header .h-shape .header-drip{
    display: block !important;
    visibility: visible !important;
    height: 60px !important;
    background: #1B9BD8 !important;
  }
  #header .h-shape .header-drip1{
    display: block !important;
    height: 60px !important;
    background: #5BC8F0 !important;
  }
  #header .h-shape .header-drip2{
    display: block !important;
    height: 60px !important;
    background: #FFFFFF !important;
  }
}

/* Clean mobile header - hide heart/search, tidy layout */
@media screen and (max-width: 991px){
  #header .wishlist-icon, #header .search-icon, #header .fa-heart, #header .fa-search{ display: none !important; }
  #header .top-header .search-box, #header .header-search{ display: none !important; }
}

/* Hide wishlist and search on mobile */
@media screen and (max-width: 991px){
  #header .wish, #header .search{ display: none !important; }
}

/* Fix drip stacking on mobile */
@media screen and (max-width: 991px){
  #header .h-shape .header-drip{
    z-index: 1 !important;
    margin-top: 0 !important;
    position: relative !important;
  }
  #header .h-shape{
    z-index: 1 !important;
    margin-bottom: -5px !important;
  }
}

/* Outline button dark text */
.armas-btn-outline{ color: #0B3A5C !important; border-color: #1B9BD8 !important; }
.armas-btn-outline:hover{ color: #FFFFFF !important; background: #1B9BD8 !important; }

/* Remove pink banner entirely */
#inner-pages-header{ display: none !important; }

/* Drip blends into page blue */
#header .header-drip2{ background: transparent !important; }
#header .h-shape{ background: #1B9BD8 !important; }
/* Revert drip colors */
#header .header-drip2{ background: #FFFFFF !important; }
#header .h-shape{ background: transparent !important; }
/* Thin blue banner */
#inner-pages-header{ display: block !important; background: #1B9BD8 !important; padding: 8px 0 !important; min-height: 0 !important; }
#inner-pages-header .header-content, #inner-pages-header h1, #inner-pages-header .innheader-border{ display: none !important; }
/* Thicker banner to clear drip */
#inner-pages-header{ padding: 40px 0 !important; }
/* Banner just a bit thicker */
#inner-pages-header{ padding: 20px 0 !important; }
/* Drip randomize hook */
#header .h-shape{ transition: transform 0.1s; }
/* Longer drips on desktop */
@media screen and (min-width: 992px){
  #header .h-shape .header-drip, #header .h-shape .header-drip1, #header .h-shape .header-drip2{
    height: 220px !important;
  }
  #header .h-shape{ height: 220px !important; }
}
/* Clear taller drip */
@media screen and (min-width: 992px){
  #inner-pages-header{ padding: 80px 0 !important; }
}
/* Drip wider than viewport to hide edges */
#header .h-shape{ width: 120% !important; margin-left: -10% !important; margin-right: -10% !important; }
/* Hide admin edit links */
.post-edit-link, .edit-link{ display: none !important; }
/* Compact mobile header */
@media screen and (max-width: 991px){
  #header .logo img{ max-height: 60px !important; width: auto !important; }
  #header .site-title{ font-size: 20px !important; margin: 4px 0 0 !important; }
  #header .site-description{ font-size: 13px !important; margin: 0 !important; }
  #header .top-header{ padding: 10px 0 !important; }
}
/* Hamburger above drip on mobile */
@media screen and (max-width: 991px){
  #header .mobile-menu, #header .menu-toggle, #header button.mobile-menu{
    position: relative !important;
    z-index: 10 !important;
  }
  #header .h-shape{ z-index: 0 !important; }
}
/* Blue directly under drip on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
  #inner-pages-header{ margin-top: -5px !important; }
}
/* Hide hamburger on mobile */
@media screen and (max-width: 991px){
  #header .mobile-menu, #header button.mobile-menu, #header .menu-toggle{ display: none !important; }
}
/* No white gap under drip on mobile */
@media screen and (max-width: 991px){
  #header{ background: #FFFFFF !important; }
  #header .h-shape{ background: #1B9BD8 !important; margin-bottom: -1px !important; }
  #inner-pages-header{ margin-top: 0 !important; border-top: none !important; }
}
/* Hide drip edges - wider */
#header .h-shape{ width: 150% !important; margin-left: -25% !important; margin-right: -25% !important; }
/* Reset drip to normal width */
#header .h-shape{ width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
/* Tighten spacing on mobile */
@media screen and (max-width: 991px){
  #inner-pages-header{ padding: 5px 0 !important; }
  .entry-content, .page-content{ margin-top: 0 !important; padding-top: 10px !important; }
}
/* Unify blues, fix drip */
@media screen and (max-width: 991px){
  #header .h-shape .header-drip{ background: #0B3A5C !important; }
  #header .h-shape .header-drip1{ background: #0B3A5C !important; }
  #header .h-shape .header-drip2{ background: #0B3A5C !important; }
  #header .h-shape{ background: #0B3A5C !important; }
  #inner-pages-header{ background: #0B3A5C !important; }
}
/* Mobile drip fix - visible with unified blue */
@media screen and (max-width: 991px){
  #header .h-shape{ background: transparent !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: #1B9BD8 !important; }
  #inner-pages-header{ background: #1B9BD8 !important; margin-top: -2px !important; }
}
/* Mobile: keep drip, unify to page blue, no white bar */
@media screen and (max-width: 991px){
  #header .h-shape{ background: transparent !important; display: block !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; display: block !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; display: block !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; display: block !important; }
  #inner-pages-header{ background: #1B9BD8 !important; }
  .entry-content, #content{ background: #1B9BD8 !important; }
}
/* Mobile header blue to match page */
@media screen and (max-width: 991px){
  #header{ background: #1B9BD8 !important; }
  #header .top-header{ background: #1B9BD8 !important; }
  #header .site-title, #header .site-description{ color: #FFFFFF !important; }
}
/* Revert mobile header to white */
@media screen and (max-width: 991px){
  #header{ background: #FFFFFF !important; }
  #header .top-header{ background: #FFFFFF !important; }
  #header .site-title{ color: #0B3A5C !important; }
  #header .site-description{ color: #0B3A5C !important; }
}
/* Remove gap between drip and blue content on mobile */
@media screen and (max-width: 991px){
  #header{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
  #header .h-shape{ margin-bottom: -2px !important; padding-bottom: 0 !important; }
  #inner-pages-header{ margin-top: 0 !important; padding-top: 2px !important; }
}
/* Kill all white between drip and content */
@media screen and (max-width: 991px){
  #header .h-shape{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip2{ background: #1B9BD8 !important; }
  #inner-pages-header{ background: #1B9BD8 !important; border: none !important; }
}
/* Fix drip inversion on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ background: #FFFFFF !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; }
}
/* White drip on mobile */
@media screen and (max-width: 991px){
  #header .h-shape .header-drip{ background: #FFFFFF !important; }
  #header .h-shape .header-drip1{ background: #FFFFFF !important; }
}
/* White drip on blue background - mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip{ background: #FFFFFF !important; }
  #header .h-shape .header-drip1{ background: #FFFFFF !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; }
}
/* Mobile drip matches desktop: blue on white */
@media screen and (max-width: 991px){
  #header .h-shape{ background: #FFFFFF !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; }
}
/* Mobile drip transparent background like desktop */
@media screen and (max-width: 991px){
  #header .h-shape{ background: transparent !important; }
}
/* Mobile drip: use desktop colors, no overrides */
@media screen and (max-width: 991px){
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: transparent !important; }
}
/* FINAL: Mobile drip uses desktop styles, only fix display */
@media screen and (max-width: 991px){
  #header .h-shape{ display: block !important; background: transparent !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; }
}
/* Lower drip on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 15px !important; }
}
/* Drip overlaps content on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 15px !important; margin-bottom: -30px !important; position: relative !important; z-index: 5 !important; }
}
/* Drip overlaps more on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: -50px !important; }
}
/* Drip overlaps even more */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: -70px !important; }
}
/* Remove blue banner on mobile */
@media screen and (max-width: 991px){
  #inner-pages-header{ display: none !important; }
}
/* Lower drip more on mobile */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: -90px !important; }
}
/* Lower drip even more */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: -110px !important; }
}
/* Drip at bottom of header */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 0 !important; }
  #header .top-header{ padding-bottom: 0 !important; margin-bottom: 0 !important; }
}
/* Top of drip at header bottom */
@media screen and (max-width: 991px){
  #header{ padding-bottom: 0 !important; }
  #header .h-shape{ margin-top: 0 !important; padding-top: 0 !important; }
}
/* Lower the drip */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 80px !important; }
}
/* Fix: lower drip without enlarging header */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 0 !important; margin-bottom: -130px !important; }
}
/* Move drip back up, blue below */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-top: 0 !important; margin-bottom: 0 !important; }
  #header{ background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 70%, #1B9BD8 70%, #1B9BD8 100%) !important; }
}
/* Mobile content matches desktop blue */
@media screen and (max-width: 991px){
  body, #content, .site-content, main{ background-color: #1B9BD8 !important; }
}
/* No idle animation on mobile */
@media screen and (max-width: 991px){
  #header .h-shape, #header .h-shape .header-drip, #header .h-shape .header-drip1, #header .h-shape .header-drip2{
    animation: none !important;
  }
}
/* Completely static drip on mobile */
@media screen and (max-width: 991px){
  #header .h-shape, #header .h-shape *, #header .h-shape .header-drip, #header .h-shape .header-drip1, #header .h-shape .header-drip2{
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
/* Simple mobile nav bar */
.mobile-nav-bar{ display: none; }
@media screen and (max-width: 991px){
  .mobile-nav-bar{
    display: flex !important;
    justify-content: center;
    gap: 20px;
    background: #0B3A5C;
    padding: 12px 10px;
    margin: 0;
  }
  .mobile-nav-bar a{
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
  }
}
/* Simple text nav */
@media screen and (max-width: 991px){
  .mobile-nav-bar{
    display: block !important;
    text-align: center;
    padding: 8px 10px;
    margin: 0;
    background: transparent !important;
  }
  .mobile-nav-bar a{
    color: #0B3A5C !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
  }
  .mobile-nav-bar span{
    color: #0B3A5C;
    margin: 0 5px;
  }
}
/* Black text on white bar */
@media screen and (max-width: 991px){
  .mobile-nav-bar{ background: #FFFFFF !important; }
  .mobile-nav-bar a{ color: #000000 !important; }
  .mobile-nav-bar span{ color: #000000; }
}
/* Fix drip inversion: white background behind drip */
@media screen and (max-width: 991px){
  #header{ background: #FFFFFF !important; }
  #header .h-shape{ background: #FFFFFF !important; }
  #header .h-shape .header-drip{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip1{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip2{ background: #FFFFFF !important; }
}
/* No blue above drip */
@media screen and (max-width: 991px){
  #header{ background: #FFFFFF !important; background-image: none !important; }
}
/* No white gap below drip */
@media screen and (max-width: 991px){
  #header .h-shape{ margin-bottom: -5px !important; padding-bottom: 0 !important; }
  #header{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
}
/* Kill white strip below drip */
@media screen and (max-width: 991px){
  #header .h-shape{ line-height: 0 !important; font-size: 0 !important; }
  #header .h-shape .header-drip, #header .h-shape .header-drip1, #header .h-shape .header-drip2{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
  body.home #content, body.page #content{ margin-top: 0 !important; padding-top: 0 !important; }
}
/* Header bottom blue */
@media screen and (max-width: 991px){
  #header .h-shape{ background: #1B9BD8 !important; }
}
/* Drip elongate animation on mobile */
@keyframes drip-elongate {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(1.08); }
}
@media screen and (max-width: 991px){
  #header .h-shape .header-drip, #header .h-shape .header-drip1, #header .h-shape .header-drip2{
    animation: drip-elongate 3s ease-in-out infinite !important;
    transform-origin: top center !important;
  }
}
/* Tighten gap below drip on mobile */
@media screen and (max-width: 991px){
  #content, .site-content, main, .entry-content{ padding-top: 10px !important; margin-top: 0 !important; }
  #header{ margin-bottom: 0 !important; }
}
/* Remove gap: pull content up */
@media screen and (max-width: 991px){
  #content{ margin-top: -40px !important; }
  .home #content{ margin-top: -40px !important; }
}
/* Kill the gap completely */
@media screen and (max-width: 991px){
  #content{ margin-top: -80px !important; padding-top: 0 !important; }
  .home .entry-content{ margin-top: 0 !important; padding-top: 0 !important; }
  .home .armas-hero{ margin-top: 0 !important; padding-top: 20px !important; }
}
/* Remove gap with correct selectors */
@media screen and (max-width: 991px){
  #primary{ margin-top: -60px !important; padding-top: 0 !important; }
  main.site-main{ margin-top: 0 !important; padding-top: 0 !important; }
  .entry-content{ margin-top: 0 !important; padding-top: 0 !important; }
  .container{ padding-top: 0 !important; }
}
/* Fix badge tuck */
@media screen and (max-width: 991px){
  #primary{ margin-top: -30px !important; }
}
/* Fourth drip layer - pink */
#header .header-drip3{
    height: 160px;
    background: #FF6B9D;
    position: relative;
    top: -12px;
    -webkit-mask-image: url(./assets/images/svg.png);
    -webkit-mask-size: auto;
    -webkit-mask-clip: border-box;
    mask-image: url(./assets/images/svg.png);
    mask-size: 100% 100%;
    mask-clip: border-box;
}
@media screen and (max-width: 991px){
  #header .h-shape .header-drip3{ background: #FF6B9D !important; display: block !important; }
}
/* Drip layer order: pink, blue, light blue, white */
#header .header-drip{ background: #FF6B9D !important; }
#header .header-drip1{ background: #1B9BD8 !important; }
#header .header-drip2{ background: #5BC8F0 !important; }
#header .header-drip3{ background: #FFFFFF !important; }
@media screen and (max-width: 991px){
  #header .h-shape .header-drip{ background: #FF6B9D !important; }
  #header .h-shape .header-drip1{ background: #1B9BD8 !important; }
  #header .h-shape .header-drip2{ background: #5BC8F0 !important; }
  #header .h-shape .header-drip3{ background: #FFFFFF !important; }
}
/* Fix search page layout */
.search #primary, .search-results #primary{
  min-height: 60vh !important;
  padding: 40px 20px !important;
}
.search .site-main, .search-results .site-main{
  max-width: 800px !important;
  margin: 0 auto !important;
}
/* Remove heart icon */
.wish{ display: none !important; }
}
/* Fix 404 page tucked under drip */
.error-404, .not-found{
  margin-top: 80px !important;
  padding-top: 40px !important;
}
/* Push footer down on short pages like 404 */
.error-404 .site-content, .not-found .site-content{
  min-height: 60vh !important;
}
/* Fix 404 page header tucked under drip - more specific */
.error-404 .page-header{
  margin-top: 100px !important;
  padding-top: 40px !important;
  position: relative !important;
  z-index: 5 !important;
}
.error-404 .page-title{
  margin-top: 0 !important;
  padding-top: 20px !important;
}
/* EN/ES toggle top-right on mobile */
@media (max-width: 768px){
  .lang-toggle{
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    margin: 0 !important;
  }
}
/* Keep EN/ES toggle on one line - desktop */
.lang-toggle{
  white-space: nowrap !important;
}
.lang-toggle a, .lang-toggle span{
  display: inline !important;
}
/* Fix drip mask seams */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
/* Fix active filter visibility on blue background */
.flavor-filter.active{
  background: #FFFFFF !important;
  color: #0B3A5C !important;
  border-color: #0B3A5C !important;
}
/* Active filter: blue on desktop, white on mobile (for contrast) */
.flavor-filter.active{
  background: #1B9BD8 !important;
  color: #fff !important;
  border-color: #1B9BD8 !important;
}
@media (max-width: 768px){
  .flavor-filter.active{
    background: #FFFFFF !important;
    color: #0B3A5C !important;
    border-color: #0B3A5C !important;
  }
}
/* Fix drip layer alignment - remove animation from inner layers */
#header .header-drip1, #header .header-drip2, #header .header-drip3{
  animation: none !important;
  transform: none !important;
}
/* Fix drip mask - use repeat-x to avoid stretching artifacts */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-size: auto 100% !important;
  mask-size: auto 100% !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}
/* Use clean drip mask without yellow outline artifacts */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: url(./assets/images/svg-clean.png) !important;
  mask-image: url(./assets/images/svg-clean.png) !important;
}
/* Only outer drip has mask, inner layers are solid */
#header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
/* Revert: restore masks on all layers, fix alignment with same dimensions */
#header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: url(./assets/images/svg-clean.png) !important;
  mask-image: url(./assets/images/svg-clean.png) !important;
  -webkit-mask-size: auto 100% !important;
  mask-size: auto 100% !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}
/* Ensure all layers have identical mask positioning */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-position: 0 0 !important;
  mask-position: 0 0 !important;
}
/* Use v2 mask to bust cache */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: url(./assets/images/drip-v2.png) !important;
  mask-image: url(./assets/images/drip-v2.png) !important;
}
/* Ensure EN|ES is top-right on mobile */
@media (max-width: 768px){
  #header{
    position: relative !important;
  }
  #header .lang-toggle{
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    z-index: 999 !important;
    margin: 0 !important;
  }
}
/* Force EN|ES to top-right on mobile - v2 */
@media (max-width: 768px){
  .lang-toggle{
    position: fixed !important;
    top: 10px !important;
    right: 15px !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,0.9) !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
  }
}
/* Fix specificity: use #header prefix for fixed positioning */
@media (max-width: 768px){
  #header .lang-toggle{
    position: fixed !important;
    top: 10px !important;
    right: 15px !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,0.9) !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
  }
}
/* Fix mask with absolute URL */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: url(/wp-content/themes/ice-cream-shop/assets/images/svg.png) !important;
  mask-image: url(/wp-content/themes/ice-cream-shop/assets/images/svg.png) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
/* Hide search on desktop */
@media (min-width: 768px){
  #header .search, #header #search-form-container{
    display: none !important;
  }
}
/* Push EN|ES right */
@media (min-width: 768px){
  #header .lang-toggle{
    float: right !important;
    margin-right: 20px !important;
  }
}
/* 404: footer to bottom */
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
body.error404 #primary{
  flex: 1 0 auto !important;
}
body.error404 #colophon{
  flex-shrink: 0 !important;
  margin-top: auto !important;
}
body.error404{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Remade drip mask */
#header .header-drip, #header .header-drip1, #header .header-drip2, #header .header-drip3{
  -webkit-mask-image: url(/wp-content/themes/ice-cream-shop/assets/images/drip-v6.png) !important;
  mask-image: url(/wp-content/themes/ice-cream-shop/assets/images/drip-v6.png) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
/* Footer Biletski link matches text size */
.site-info p a{
  font-size: inherit !important;
  color: inherit !important;
}
/* Specials grid collapses when empty */
.specials-grid{
  align-content: start !important;
}
/* Sticky footer for all pages */
body{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
#primary{
  flex: 1 0 auto !important;
}
#colophon{
  flex-shrink: 0 !important;
  margin-top: auto !important;
}




/* iPad: force desktop drip positioning */
@media screen and (min-width: 768px) and (max-width: 991px){
  #header{ position: relative !important; }
  #header .h-shape{
    position: absolute !important;
    bottom: 0% !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
}

/* iPad: blue banner under header on Visit page (768-991px) */
@media screen and (min-width: 768px) and (max-width: 991px){
  .page-id-8 #primary::before,
  .page-id-100 #primary::before{
    content: "";
    display: block;
    height: 80px;
    background: #1B9BD8;
  }
}

/* iPad: ensure lang toggle is clickable above drip (768-991px) */
@media screen and (min-width: 768px) and (max-width: 991px){
  #header .hicn,
  #header .lang-toggle{
    position: relative !important;
    z-index: 10 !important;
  }
  #header .lang-toggle a{
    pointer-events: auto !important;
    position: relative !important;
    z-index: 11 !important;
  }
}

/* iPad: lower Viejo San Juan kicker on Spanish homepage (768-991px) */
@media screen and (min-width: 768px) and (max-width: 991px){
  .page-id-98 .armas-hero-kicker{
    margin-top: 30px !important;
    display: inline-block !important;
  }
  .home .armas-hero-kicker{
    margin-top: 80px !important;
    display: inline-block !important;
  }
}


/* Mobile: curved hero corners and lower OLD SAN JUAN badge */
@media screen and (max-width: 767px){
  .home .armas-hero{ border-radius: 24px !important; overflow: hidden !important; margin-top: 40px !important; }
  .home .armas-hero-kicker{ margin-top: 30px !important; }
  .page-id-98 .armas-hero{ margin-top: 40px !important; }
}

/* Ensure sections don't overlap */
.armas-section{ margin-bottom: 32px !important; }
.armas-section:last-child{ margin-bottom: 0 !important; }


/* White cards for flavor blocks */
.armas-card{ background: #FFFFFF !important; border-radius: 20px !important; padding: 32px 24px !important; box-shadow: 0 8px 24px rgba(11,58,92,.1) !important; text-align: center !important; }
.armas-card h3{ color: #0B3A5C !important; margin-bottom: 12px !important; }
.armas-card p{ color: #1a1a1a !important; }

/* Base button styles */
.armas-btn{ display: inline-block !important; background: #1B9BD8 !important; color: #FFFFFF !important; padding: 14px 28px !important; border-radius: 50px !important; text-decoration: none !important; font-weight: 700 !important; margin: 8px 8px 8px 0 !important; }
.armas-btn:hover{ background: #0B3A5C !important; color: #FFFFFF !important; }

/* Hero kicker color */
.armas-hero-kicker{ color: #1B9BD8 !important; }

/* Hero kicker: white text on blue tag */
.armas-hero-kicker{ color: #FFFFFF !important; background: #1B9BD8 !important; display: inline-block !important; padding: 6px 16px !important; border-radius: 50px !important; }

/* Underline social links */
.armas-hero a[href*=instagram], .armas-hero a[href*=facebook]{ text-decoration: underline !important; }

/* Underline CTA buttons */
.armas-btn{ text-decoration: underline !important; }