/* WARNING: USE CAUTION WHEN EDITING THIS FILE */

/* NOTE: THIS FILE INCLUDES 3 STAGES OF MEDIA QUERIES - SEE help.html */

/* NOTE: TO EDIT COLORS - SEE style.css */

/* CLASSES HERE CAN ALSO BE FOUND IN THE style.css */






/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 1024px IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 1024px),
   screen and (max-device-width: 1024px),
   screen and (max-width: 1024px) 
	{


.just		{ text-align: left; }

.floatlist	{ width: 100%; }

#gal-menu	{ padding: 2px 0px 2px 16px; }

.pagebox	{ padding: 0px 15px 0px 15px; }

#contentbox	{ padding: 0px 15px 0px 15px; }

#homeJQ img { 
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
}

.text-container {
    max-width: 100%;
    padding: 0 15px;
}

	}
/***************
END Media Queries #1
***************/







/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 768px IS ACTIVE
***************/
@media handheld and (max-width: 768px),
   screen and (max-device-width: 768px),
   screen and (max-width: 768px) 
	{


.pageheight	{ min-height: 50px; }

.pagebox	{ padding: 0px 15px 0px 15px; }

#contentbox-outer, 
#contentbox-home 
		{ min-width: 320px; }

#contentbox	{
		margin-right: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding: 0px 15px 0px 15px;
		}

.content-pad 		{ padding: 25px 15px 10px 15px; }

#left-content 		{ width: 100%; min-width: 100%; margin-right: 0px; }

#sidebar-content 	{ margin: 0px 15px 0px 0px; float: none; display: block; }

.header-ico1, .header-ico2, .header-ico3  { display: block; }  /* HIDES OR SHOW HEADER ICONS */

.logo-respond		{ width: auto; }

.side-social		{ display: none; }  /* HIDES SIDEBAR SOCIAL ICONS */

.footer-copyright	{ border-width: 0px 0px 0px 0px; }

.text-container {
    max-width: 100%;
    padding: 0 15px;
}


/* MQS GALLERY */

.Gal-title	{ font-size: 12px; }

.Gal-title-2	{ font-size: 12px; }

.galrow-box	{
		float: left;
		width: 33%;
		}

.galrow-box:nth-child(4n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(3n+1)
		{
    		clear:both;
		}

#gal-menu	{ padding: 2px 0px 2px 5px; }

/* MQS HOME */

.hrb-cell	{ border-width: 2px 1px 2px 1px; }

.hrb-cell a { font-size: 11px; }

.hrb-cell b { font-size: 11px; }

#homeJQ img { 
    width: 100%; 
    height: 150px; 
    object-fit: cover; 
}

	}
/***************
END Media Queries #2
***************/






/***************
START Media Queries #3 -  WHEN PAGE WIDTH LESS THAN 480px IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 480px),
   screen and (max-device-width: 480px),
   screen and (max-width: 480px) 
	{




/* MQS FONTS - NEXT LINE IS DEFAULT MOBILE FONT ALL PAGES */

body, div, table { font-size: 14px; line-height: 145%; }

/* Ensure all page types get mobile fonts - HIGH SPECIFICITY */
#contentbox-outer,
#contentbox-outer *,
#contentbox,
#contentbox *,
#left-content,
#left-content *,
.content-pad,
.content-pad *,
#contentbox-gallery,
#contentbox-gallery *,
.gal-pad,
.gal-pad *,
.gal-top,
.gal-top *,
#contentbox-feat,
#contentbox-feat *,
#left-content-feat,
#left-content-feat *,
.left-pad-feat,
.left-pad-feat *,
#right-content-feat,
#right-content-feat *,
.right-pad-feat,
.right-pad-feat * {
	font-size: 14px !important;
	line-height: 145% !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Specific targeting for problematic pages */
#contentbox-outer .content-pad,
#contentbox-outer .content-pad p,
#contentbox-outer .content-pad div,
#contentbox-outer .content-pad span,
#contentbox-outer .content-pad strong,
#contentbox-outer .content-pad a {
	font-size: 14px !important;
	line-height: 145% !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.title  	{ font-size: 20px; }

.subtitle  	{ font-size: 17px; }

.colortitle 	{ font-size: 15px; }

.smalltitle	{ font-size: 15px; }

.list		{ font-size: 14px; }

.just 		{ text-align: left; }

/* FEATURED PAGES MOBILE FONTS */
#left-content-feat, .left-pad-feat, .feat-list li {
	font-size: 14px;
	line-height: 145%;
}

.smalltitle {
	font-size: 15px;
}

.text-container {
    max-width: 100%;
    padding: 0 10px;
}




/* MQS GENERAL */

.hidemobile	   { display: none; }

.splits-xtramargin { margin-top: 12px; margin-bottom: 12px; }




/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

.pagebox	{ padding: 0px 15px 0px 15px; }

#contentbox	{ padding: 0px 15px 0px 15px; }

.content-pad 	{ padding: 10px 5px 10px 5px; }

#sidebar-content { margin: 0px 5px 0px 5px; }




/* MQS LOGO GRAPHIC, AND TEXT */

#headerdiv	{ padding: 4px 0px 4px 0px; }

.logo-respond	{ height: auto; width: 100%; }




/* MQS HOME */

.hrb-cell	{ border-width: 2px 1px 2px 1px; }

/* MQS HOME JQUERY SLIDESHOW */

#homeJQ > .centered-btns_nav	{ display: block; }

.centered-btns_tabs		{ display: none; }

#homeJQ img { 
    width: 100%; 
    height: 100px; 
    object-fit: cover; 
}


/* MQS FOOTER */

.footer-copyright { font-size: 11px; }

#FTmenu		  { display: none; }  /* HIDES FOOTER MENU */




/* MQS SIDEBAR */

.sidebar-text	{ font-size: 13px; line-height: normal; }

.sidebar-title	{ font-size: 15px; }

.sidebar-pad	{ padding: 0px 0px 15px 0px; }

/* Ensure sidebar content also gets mobile fonts */
#sidebar-content,
#sidebar-content *,
.sidebar-box,
.sidebar-box *,
.sidebar-textarea,
.sidebar-textarea * {
	font-size: 14px !important;
	line-height: 145% !important;
}

/* Additional specific targeting for all text elements */
#contentbox-outer p,
#contentbox-outer div,
#contentbox-outer span,
#contentbox-outer strong,
#contentbox-outer a,
#contentbox-outer h1,
#contentbox-outer h2,
#contentbox-outer h3,
#contentbox-outer h4,
#contentbox-outer h5,
#contentbox-outer h6 {
	font-size: 14px !important;
	line-height: 145% !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Specific targeting for strong elements to ensure consistent font */
strong,
.content-pad strong,
#contentbox-outer strong,
#left-content strong,
#contentbox strong {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 145% !important;
}

/* Specific targeting for highlight-yellow elements to ensure consistent font */
.highlight-yellow,
.highlight-yellow *,
.highlight-yellow strong,
.highlight-yellow span,
.highlight-yellow p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 145% !important;
}

/* Override any inline styles that might be causing issues */
#contentbox-outer *[style*="font-size"] {
	font-size: 14px !important;
}

/* Override any inline font-family styles */
#contentbox-outer *[style*="font-family"],
#contentbox-outer *[style*="font-family"] *,
.content-pad *[style*="font-family"],
.content-pad *[style*="font-family"] *,
#left-content *[style*="font-family"],
#left-content *[style*="font-family"] * {
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Comprehensive targeting for all text elements with highlight-yellow */
.content-pad .highlight-yellow,
.content-pad .highlight-yellow strong,
.content-pad .highlight-yellow span,
.content-pad .highlight-yellow p,
#contentbox-outer .highlight-yellow,
#contentbox-outer .highlight-yellow strong,
#contentbox-outer .highlight-yellow span,
#contentbox-outer .highlight-yellow p,
#left-content .highlight-yellow,
#left-content .highlight-yellow strong,
#left-content .highlight-yellow span,
#left-content .highlight-yellow p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 145% !important;
}

/* ULTRA SPECIFIC TARGETING - Highest specificity to override inline styles */
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad p span.highlight-yellow strong,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad p .highlight-yellow strong,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad .highlight-yellow strong,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad p .highlight-yellow,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad .highlight-yellow,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad p strong,
body #pagewrapper #contentbox-outer #contentbox #left-content .content-pad strong {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 145% !important;
}




/* CONTACT PAGE */

.form-box			  { margin: 10px 0px 10px 0px; }

.shadeform, .textarea, .dropdown  { 
	font-size: 16px; 
	padding: 10px;
	height: 45px; /* Significantly increased height for mobile */
}

input[type=submit].submitbutton, 
input[type=reset].submitbutton	  { 
	font-size: 16px; 
	padding: 10px 16px;
	height: 45px; /* Significantly increased height for mobile */
}




/* GALLERY AND CART PAGE */

.Galthumb-box	{ font-size: 11px; }

.galrow-box	{
		float: left;
		width: 50%;
		}

.Galthumb-box	{ padding: 10px 2px 10px 2px; }

.galrow-box:nth-child(3n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(2n+1)
		{
    		clear:both;
		}

input[type=submit].button-order 
		{
		font-size: 16px;
		padding: 6px 3px 6px 3px;
		}

.price span	{ font-size: 16px; }

#gal-menu	{ display: block; }




/* LINKS PAGE */

.searchform, .searchbutton  { font-size: 11px; }




/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 140px; }

.paypalbadge { width: 80px; }




	}
/***************
END Media Queries #3
***************/