/* ----------------------------
base css ****** mobile first so base is small screen - media queries for larger screens - body em = 16px
---------------------------- */

html,
body
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	font-weight: normal;
	color: #334a5c;
	text-align: left;

}

.orange-dashed {
  	border-top: 2px dashed #f37021;
	color: #fff;
  	background-color: #fff;
}

.sans-body-small {
	font-family: arial, helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	line-height: 1.3;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #177bac;
	text-align: left;
}

.sans-body-small-itals {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: italic;
	line-height: 1.3;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}

.sans-body-gallery {
	font-family: Arial, helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	font-weight: bold;
	color: #177bac;
	text-align: left;
	clear: both;
}

.sans-body-gallery-med {
	font-family: Arial, helvetica, sans-serif;
	font-size: .75em;
	font-style: normal;
	font-weight: normal;
	color: #334a5c;
	text-align: left;
	clear: left;
}

.latestofferorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #f37021;
	text-align: left;
}

.latestofferorange-c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #f37021;
}

.latestofferorange-c a:link,
.latestofferorange-c a:visited,
.latestofferorange-c a:focus,
.latestofferorange-c a:hover,
.latestofferorange-c a:active
{
  color: #177bac;
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	color: #00c0f3;
	padding-top: 0;
	font-weight: bold;
}

a:link, a:visited {
color: #177bac;
text-decoration: underline;
}
a:focus, a:active, a:hover{
color:#177bac;
}

img
{
	max-width: 100%;
	height: auto;
	border: 0;
	padding-bottom: .3em; 
	vertical-align: middle;
}

a:focus img { background: #000; }
a:hover img { background: #000; }
a:active img { background: #af0000; }
blockquote { margin: 0; }

/* ----------------------------
wide
---------------------------- */

@media (min-width: 38em)
{
	body
	{
		font-size: 1.125em;
		/* 18px/16px */
		clear: both;
	}
	
	sans-body-gallery
	{
		font-size: 1em;
		/*16px */
		clear: both;
	}
}

/* ----------------------------
layout css ******
---------------------------- */

/* row */
.row
{
	clear: both;
	overflow: hidden;
	background: #fff;
}


/* row-padding */

/*

.row--padding-medium
{
	padding-top: 0;
	padding-bottom: .8em;
}

.row--padding-wide
{
	padding-top: 1em;
	padding-bottom: .8em;
}

.row--padding-small
{
	padding-top: 0;
	padding-bottom: .8em;
}

*/

/* containers */
.container-narrow,
.container-medium,
.container-wide
{
	margin: 0 auto;
}


.container-narrow,
.container-medium
{
	padding-left: 1.5em;
	padding-top: 1em;
	padding-right: 1.5em;
}


.container-narrow { max-width: 34em; }
/* max width 34 x 16 = 544 */
.container-medium { max-width: 55em; }
/* max width 55 x 16 = 880 */
.container-wide { max-width: 58em; }
/* max width 58 x 16 = 928 */

.container-gallery { 
width: 100%;

}

/* columns */
.col-narrow,
.col-narrow--right,
.col-medium--right
{ margin-bottom: .5em; }

.col-gallery { 
width: 100%; 
margin-top: 0;
line-height: 1.3
}


/* ----------------------------
wide
---------------------------- */

@media (min-width: 38em)
{
	
	/*
	.row--padding-medium
	{
		padding-top: 1em;
		padding-bottom: .8em;
	}
	
	
	.row--padding-wide
	{
		padding-top: 1.2em;
		padding-bottom: 1em;
	}
	
	.row--padding-small
{
	padding-top: 0.1em;
	padding-bottom: 1em;
}
	
	*/
	
	.container-narrow,
	.container-medium
	{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	.container-gallery { 
margin-left: -2%;
margin-right: -2%;
}
	
	.col-narrow,
	.col-medium,
	.col-wide,
	.col-gallery { 
	float: left;
		line-height: 1.3
	}
	
	.col-narrow--right,
	.col-wide--right,
	.col-medium--right
	{ float: right; }
	
	.col-wide,
	.col-wide--right { width: 61%; }
	
	.col-medium,
	.col-medium--right
	{ width: 50%;
	margin-bottom: 0;
	line-height: 1.3
	}
	
	.col-narrow,
	.col-narrow--right
	{
		width: 45%;
		margin-bottom: 0;
	}
	
/* ---------------------------- 3-column gallery---------------------------- */

	.col-gallery { 
	width: 31.2%;
    padding-left: 2%;
	line-height: 1.3
	}
	
	.col-gallery:first-child, .col-gallery:nth-child(4), .col-gallery:nth-child(7), .col-gallery:nth-child(10), .col-gallery:nth-child(13), .col-gallery:nth-child(16), .col-gallery:nth-child(19), .col-gallery:nth-child(22)  { 
	padding-left: 0; 
	display: inline-block;
	}
}

/* ---------------------------- 2-column gallery

	.col-gallery { 
	width: 48.2%;
    padding-left: 2%;
	line-height: 1.3
	}
	
	.col-gallery:first-child, .col-gallery:nth-child(3), .col-gallery:nth-child(5), .col-gallery:nth-child(7), .col-gallery:nth-child(9), .col-gallery:nth-child(11), .col-gallery:nth-child(13), .col-gallery:nth-child(15) 
.col-gallery:nth-child(17), .col-gallery:nth-child(19), .col-gallery:nth-child(21), .col-gallery:nth-child(23) { 
	padding-left: 0; 
	display: inline-block;
	}
---------------------------- */

	
	/* ---------------------------- 4-column gallery

	.col-gallery { 
	width: 23.5%;
    padding-left: 2%; 
	}
	
	.col-gallery:first-child, .col-gallery:nth-child(5),  .col-gallery:nth-child(9),  .col-gallery:nth-child(13),  .col-gallery:nth-child(17), .col-gallery:nth-child(21)  { 
	padding-left: 0; 
	display: inline-block;
	}
}

---------------------------- */


/* ----------------------------
banner


---------------------------- */

.row--banner
{
	padding-bottom: 20.88%;
	height: 0; 
	background-color: inherit;
	background-image: url(../img/banner-jenny-gabriel-2025-450x94.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}

	
@media (min-width: 720px)
	/* at 38em body changes to 18px so each em is now 18px
	min width 40 x 18 = 720 */
	
	{
	.row--banner {
	padding-bottom: 15.08%;  
	background-image: url(../img/jennygabriel-web-banner-2025-928-140.jpg); 
	}
	
}

/* ----------------------------
features
---------------------------- */

.features { text-align: left;
	        font-weight: normal;
		}

.features__row
{
	margin-bottom: 1em;
	/* 16/16px */
}
	

.features__heading
{
	font-weight: bold;
	margin: 0 0 .25em;
	/* 12px/16px */
	font-size: 1.25em;
	line-height: 1.5;
	/* 17.6px/16px */
	
}

.features__small-heading
{
	font-weight: bold;
	margin: 0 0 .25em;
	/* 12px/16px */
	font-size: 1em;
	line-height: 1.25;
	/* 17.6px/16px */
	clear: left;
	
}

.features__small-heading-blue
{
	font-weight: bold;
	margin: 0 0 .25em;
	/* 12px/16px */
	font-size: 1em;
	color: #00c0f3;
	line-height: 1.25;
	/* 17.6px/16px */
	clear: left;
	
}

.features__text { 
	font-weight: normal;
	margin: 0;
	font-size: 1em;
	line-height: 1.3;
	
		}

.features__text-bold { 
	font-family: Arial bold, Arial black, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00c0f3;
	font-size: 1em;
	margin: 0;
	font-size: 1em;
	line-height: 1.3;
	
		}
		
	


@media (min-width: 38em) { 
	.features { text-align: left;
	font-weight: normal;}

	.features__row
	{
		margin-bottom: 1em;
		/* 18px/18px */
	}

	
	.features__row:last-child { margin: 0; }

	.features__padding
	{
		padding-top: 4em;
		/* 72px/18px */
	}
	
	.features__heading
	{
		font-size: 1.25em;
		/* xx/18px */
		font-weight: bold;
	}
	
		.features__small-heading
	{
		font-size: 1em;
		/* xx/18px */
		font-weight: bold;
		clear: left;
	}
	
			.features__small-heading-blue
	{
		font-size: 1em;
		/* xx/18px */
		font-weight: bold;
		clear: left;
	}
	
.features__text { 
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	 }
	
	}
		
		@media (min-width: 45em)
{
	
		.features__heading
	{
		font-size: 1.5em;
		/* xx/18px */
		font-weight: bold;
	}
	
			.features__small-heading
	{
		font-size: 1.25em;
		/* xx/18px */
		font-weight: bold;
		clear: left;
	}
	
				.features__small-heading-blue
	{
		font-size: 1.25em;
		/* xx/18px */
		font-weight: bold;
		clear: left;
	}
	
.features__text { 
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	 }
}


/* ----------------------------
footer - padding is top/right/bottom/left
---------------------------- */

.footer
{
	height: auto; 
	width: auto;
	padding-bottom: .5em;
	text-align: center; 
	background-color: #ffffff;
}

/*

.row--footer
{
	height: auto; 
	width: auto;
	padding-left: 1.5em;
	text-align: center; 
	background-color: inherit;
}

*/

.footer-bar { 
	width: 100%;
    background-color: #00c0f3;
    float: left;
    display: block;
    padding: 6px 0 6px 0;
    overflow: hidden;
}

.footer-bar { max-width: 58em; }
/* max width 58 x 16 = 880 - same as container wide*/
		
.footer-back-to-top { 
	background-color: inherit;
	font-family: Arial bold, Arial black, Arial, Helvetica, sans-serif;
	font-weight: bold; 
    font-size: 16px;
	color: #ffffff;
	text-decoration: none;
		}		
		
.footer-back-to-top a:link,
.footer-back-to-top a:visited,
.footer-back-to-top a:focus,
.footer-back-to-top a:hover,
.footer-back-to-top a:active
{
  color: #ffffff;
  text-decoration: none;
}