@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


#container
{
	width: 887px;
	margin: 0px auto;
	background: #ffffff url('/images/background.gif') repeat-y 0px 103px;
	color: #000000;
	line-height: 130%;
}

body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	margin: 0;
}

a:link
{
	color: #39538C;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a:visited
{
	color: #6983AC;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a:hover
{
	color: #39538C;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
}

a:active
{
	color: #39538C;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
}

.leftcaption
{
	float: left;
	margin: 0px 10px 10px 0px;
	font-size: 8pt;
	line-height: 130%;
	color: #39538C;
}

.leftcaption img { border: 1px solid #000; }

.rightcaption
{
	float: right;
	margin: 0px 0px 10px 10px;
	font-size: 8pt;
	line-height: 130%;
	color: #39538C;
}

.rightcaption img { border: 1px solid #000; }

.rightcaptionnoborder
{
	float: right;
	margin: 0px 0px 10px 10px;
	font-size: 8pt;
	line-height: 130%;
	color: #39538C;
}

.rightcaptionnoborder img { border: 0px; }

.leftcaptionnoborder
{
	float: left;
	margin: 0px 10px 10px 0px;
	font-size: 8pt;
	line-height: 130%;
	color: #39538C;
}

.lefcaptionnoborder img { border: 0px; }

#banner
{
	padding: 0;
	background-image: url('/images/header.gif');
	width: 887px;
	height: 103px;
}

#banner a
{
	text-decoration: none;
	border-bottom: none;
}

.imageright
{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #000000;
}

.rightborder
{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #000000;
}

.rightnoborder
{
	float: right;
	margin: 0 0 10px 10px;
	border: 0px;
}

.leftborder
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #000000;
}

.leftnoborder
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 0px;
}

.centerednoborder
{
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}

#sidebar
{
	float: right;
	margin-top: 12px;
	width: 327px;
	font-size: 8pt;
}

#sidebar p { margin: 0px 79px 5px 31px; }
#sidebar p ul { margin-left: +5px; }

.sidebar-title
{
	margin-left: -5px;
	margin-bottom: 5px;
}

#content { }

#content blockquote
{
	background: transparent url(/images/quoteleft.gif) left top no-repeat;
	margin-left: 95px;
	margin-right: 365px;
	font-size: 10pt;
}

#content blockquote div
{
	padding-top: 0;
	padding-left: 30px;
	padding-right: 27px;
	padding-bottom: 0;
	background: transparent url(/images/quoteright.gif) right bottom no-repeat;
}

#content blockquote p { margin: 1em 0px 1em 0px; }
#content p { margin: 0px 348px 1em 84px; }
#content pre { margin: 0px 348px 1em 84px; }

#content ul
{
	margin-left: 125px;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 1em;
	margin-right: 348px;
}

#content ol
{
	margin-left: 125px;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 1em;
	margin-right: 348px;
}

#content li { padding-top: 4px; }

#content form
{
	margin-top: 0px;
	margin-bottom: 1em;
}

.bodyform
{
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 84px;
}

#content table
{
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 84px;
}

.date-header
{
	color: #39538C;
	font-size: 12pt;
	margin-left: 84px;
}

.entry-header
{
	margin-left: 84px;
	margin-right: 348px;
	font-size: 12pt;
}

.generic-header
{
	margin-left: 84px;
	margin-right: 348px;
	font-size: 12pt;
}

.feedburnerFlareBlock
{
	font-size: 8pt;
	margin-top: -1em;
}

.post-footers { font-size: 8pt; }
.module-header { margin-left: 27px; }
.module-content { margin-left: 27px; }

#footer
{
	margin-bottom: 0px;
	font-size: 7pt;
	line-height: 1em;
	margin-right: 275px;
}

#footer p { margin: 0px 75px; }
.label { margin-left: 84px; }
.field { margin-left: 84px; }

.highslide
{
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
	outline: none;
}

.highslide-active-anchor img { visibility: hidden; }
.highslide img { border: 2px solid black; }
.highslide:hover img { border: 2px solid black; }
.highslide-wrapper { background: white; }
.highslide-image { border: 10px solid white; }
.highslide-image-blur { }

.highslide-caption
{
	display: none;
	border: 5px solid white;
	border-top: none;
	padding: 5px;
	background-color: white;
}

.highslide-loading
{
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	padding-left: 22px;
	background-image: url(/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i
{
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i
{
	color: white;
	background-color: gray;
}

a.highslide-full-expand
{
	background: url(/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }

/* BELOW IS JUST FOR THE NEW SECTION */

#new-section {
    font-family: 'Poppins', sans-serif;
    color: #333;
    background-color: #F8F8F8;
    padding: 20px;
    margin-bottom: 10px;
}

#new-section .intro-section {
    text-align: center;
    padding: 20px;
}

#new-section .intro-section .brand-title {
    font-family: 'Old Standard TT', serif;
    font-weight: 700;
    font-size: 2.5em;
    color: #FF6347;
    margin-bottom: 10px;
}

#new-section .intro-section .brand-desc {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 20px;
}

#new-section .content-section {
  width: 88%;
  max-width: 1000px;
  margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

#new-section .content-section .card {
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    border: 1px solid #ddd;
    width: 45%;
    padding: 20px;
    margin-right: 20px; /* Add a minimum margin */
}

#new-section .content-section .card .card-title {
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 10px;
}

#new-section .content-section .card .card-desc {
    font-weight: 400;
    margin-bottom: 20px;
}

#new-section .content-section .card .cta-button {
    display: inline-block;
    background-color: #514e45;
    color: #FFF;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
}

#new-section .footer-section {
    text-align: center;
    padding: 20px;
    font-weight: 600;
}

#new-section .footer-section .social-link {
    color: #514e45;
    text-decoration: none;
    margin: 0 10px;
}

#new-section .brand-title-img {
  width: 88%; /* Adjust this as needed */
  max-width: 1000px; /* Adjust this as needed */
  height: auto;
  display: block;
  margin: 0 auto 30 auto; /* Center the image */
  border-radius: 12px;
}

#new-section a:link, 
#new-section a:visited,
#new-section a:hover, 
#new-section a:active {
    text-decoration: none;
    border-bottom: none;
    outline: none;
    color: #635f54;
}

#new-section .intro-section .brand-desc-extended {
    font-weight: 400;
    font-size: 1.2em;
    color: #333;
    margin-bottom: 20px;
    width: 80%; /* set width to 80% */
    margin-left: auto;
    margin-right: auto; /* these two lines center the paragraph */
    text-align: left; /* this aligns the text to the left */
    max-width: 875px;
}


#new-section .content-section .card .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-section .content-section .card .cta-button {
    width: 120px;
    margin: 5px;
    text-align: center;
}

/*
@media (max-width: 768px) {
    #new-section .content-section {
        flex-direction: column;
    }
    #new-section .content-section .card {
        width: 100%;
        margin-bottom: 20px;
    }
}
*/

@media (max-width: 600px) {
  #new-section .content-section {
    flex-direction: column;
  }

  #new-section .content-section .card {
    width: 100%;
    margin-bottom: 20px; /* Adds some space between the cards when they stack */
  }

  #new-section .content-section .emailthing-card {
    order: 1; /* This will make the newsletter card always appear first */
  }

  #new-section .content-section .video-card {
    order: 2; /* This will make the video card always appear second */
  }
}