/*font-size style */
body, html {
  height: 100%;
  line-height: 1.8;
}
* {
    box-sizing: border-box;
  }

/*font-size style */
html {
    font-size: 100%;

}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.25rem;
}

h3{
    font-size: 1.75rem;
}

legend {
    font-size: 1.50rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 1rem;
}

.site-margin-top
{
    margin-top:16px;
}

.header-padding-top
{

    padding-top:48px;
}
.site-title-spacing
{
    letter-spacing:4px;
}

.site-logo-padding
{
    padding-left: 50px;
}



@media (min-width:1203px){
.w3-modal-content{width:1200px}.site-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}

@media (max-width:1200px) and (min-width:601px){.site-hide-medium{display:none!important}}

@media only screen and (max-width: 1026px) {
    #title {
        font-size: 2.5rem;
    }

    h1 {
        font-size: 2.5rem;
      }
    h2 {
        font-size: 2.0rem;
    }
    h3 {
        font-size: 1.60rem;
    }
    legend {
        font-size: 1.40rem;
    }
    h4 {
        font-size: 1.20rem;
    }
    h5 {
        font-size: .95rem;
    }
    p, body {
        font-size: .95rem;
    }
    .responsive {
        min-width: 50%;
        width: 80%;
    }
    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:16px;
    }
    .site-title-spacing
    {
        letter-spacing:3px;
    }

}
@media only screen and (max-width: 992px) {
    #title {
        font-size: 2.5rem;
    }

    h1 {
        font-size: 2.5rem;
      }
    h2 {
        font-size: 2.0rem;
    }
    h3 {
        font-size: 1.60rem;
    }
    legend {
        font-size: 1.40rem;
    }
    h4 {
        font-size: 1.20rem;
    }
    h5 {
        font-size: .95rem;
    }
    p, body {
        font-size: .95rem;
    }
    .responsive {
        min-width: 50%;
        width: 80%;
    }
    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:16px;
    }

}

@media screen and (max-width: 768px) {
    #title {
        font-size: 2.25rem;
    }

    h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 1.75rem;
    }
    h3 {
        font-size: 1.50rem;
    }
    legend {
        font-size: 1.30rem;
    }
    h4{
        font-size: 1.15rem;
    }
    h5 {
        font-size: .95rem;
    }

    p, body {
        font-size: .95rem;
    }
    .responsive {
        min-width: 50%;
        width: 75%;
    }

    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:16px;
    }
    .site-logo-padding
    {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 600px) {
    #title {
        font-size: 1.85rem;
    }
    h1 {
        font-size: 2.0rem;
    }
    h2 {
        font-size: 1.50rem;
    }

    h3 {
        font-size: 1.40rem;
    }
    legend {
        font-size: 1.25rem;
    }

    h4 {
        font-size: 1.10rem;
    }
    h5 {
        font-size: .85rem;
    }

    p, body {
        font-size: .85rem;
    }
    .responsive {
        height:100px;
        width: 100px;
    }
    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:16px;
    }
    .header-padding-top
    {
        padding-top:16px;
    }
    .site-logo-padding
    {
        padding-left: 0px;
    }
}
@media only screen and (max-width: 480px) {
    #title {
        font-size: 1.60rem;
    }
    h1 {
        font-size: 1.85rem;
    }
    h2 {
        font-size: 1.50rem;
        font-weight: bold;
    }
    h3 {
        font-size: 1.30rem;
    }
    legend {
        font-size: 1.20rem;
    }
    h4 {
        font-size: 1.10rem;
    }
    h5 {
        font-size: .85rem;
    }

    p, body {
        font-size: .85rem;
    }
    .responsive {
        min-width: 40%;
        width: 40%;

    }
    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    #contact-recaptcha, #subscribe-recaptcha, #consent-recaptcha
    {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .site-margin-top
    {
        margin-top:0px;
    }
    .header-padding-top
    {
        padding-top:16px;
    }
    .site-logo-padding
    {
        padding-left: 0px;
    }
}
@media only screen and (max-width: 420px) {
    #title {
        font-size: 1.50rem;
        white-space: pre-wrap;
    }
    h1 {
        font-size: 1.65rem;    }
    h2 {
        font-size: 1.50rem;
        font-weight: bold;
    }
    h3 {
        font-size: 1.30rem;
    }
    legend {
        font-size: 1.20rem;
    }
    h4 {
        font-size: 1.10rem;
    }
    h5 {
        font-size: .80rem;
    }

    p, body {
        font-size: .80rem;
    }
    .responsive {
        min-width:40%;
        width: 40%;

    }
    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:0px;
    }
    #contact-recaptcha, #subscribe-recaptcha, #consent-recaptcha
    {
        transform: scale(0.67);
        -webkit-transform: scale(0.67);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .header-padding-top
    {
        padding-top:16px;
    }
    .site-logo-padding
    {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 360px) {
    #title {
        font-size: 1.30rem;
        white-space: pre-wrap;
    }
    h1 {
        font-size: 1.50rem;
    }
    h2 {
        font-size: 1.30rem;
        font-weight: bold;
    }
    h3 {
        font-size: 1.30rem;
    }
    legend {
        font-size: 1.20rem;
    }
    h4 {
        font-size: 1.10rem;
    }
    h5 {
        font-size: .80rem;
    }

    p, body {
        font-size: .80rem;
    }
    .responsive {

        min-width: 50%;
        width: 50%;
    }

    .site-content-wide {
        max-width: 90%;
        margin: auto;
    }
    .site-margin-top
    {
        margin-top:0px;
    }
    #contact-recaptcha, #subscribe-recaptcha, #consent-recaptcha
    {
        transform: scale(0.60);
        -webkit-transform: scale(0.60);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .header-padding-top
    {
        padding-top:16px;
    }
    .site-logo-padding
    {
        padding-left: 0px;
    }
}

#title {
    position: fixed;
    left: 40%;
    top: 1%;
    align-items: center;
    vertical-align: middle;
    transform: translate(-25%);
    white-space: nowrap;

}

.font-annabelle
{

    font-family: annabelle-jf, sans-serif;
    font-style: italic;
    font-weight: 800;
}

.font-annabelle
{
    font-family: 'Empyrean';
    font-style: italic;
}

.responsive {
    width: 80%;
    max-width: 100%;
    min-width: 30%;
    height: auto;
    float: left;
}

body
{	background-color: #EEE2DC;
	font-family: Caudex, Georgia, cambria;
}

h1,h2
{
    font-family: Caudex, Georgia;
    letter-spacing: 5px;

}

h3,h4
{
    font-family: Caudex, Georgia;
    letter-spacing: 2px;

}

h5
{
	font-family: Caudex;
  letter-spacing: 2px;

}

p
{
	font-family: Georgia;

}

heading-font
{
  	font-family: Caudex;
}

narrow-spacing
{
    letter-spacing: 3px;
}
/*colors*/

.site-bg-darkpink
{
    background-color: #a6082d;
}

.site-text-darkpink
{
    color: #a6082d;
}

.site-bg-lightpink
{
    background-color: #AC3B61;
}

.site-text-lightpink
{
    color: #AC3B61  ;
}

.site-bg-blue
{
    background-color: #123C69;
}

.site-text-blue
{
    color: #123C69 ;
}

.site-bg-cream
{
    background-color: #EEE2DC;
}

.site-text-cream
{
    color: #EEE2DC;
}
.site-bg-coral
{
    background-color: #EDC7B7;
}

.site-text-coral
{
    color: #EDC7B7;
}

.site-bg-darkgray
{
    background-color: #BAB2B5;
}


.site-text-darkgray
{
    color: #BAB2B5;
}

.bold
{
    font-weight:bold;
}

.w3-bar .w3-button
{
  	padding: 16px;
}



.nomargin {
    margin: 0;
    padding: 0;
}

/*padding for top header */
logo
{
	display: block;
    margin-left: auto;
    margin-right: auto;

}

/* padding top */
.padding-top
{
    padding-top: 32px;
}

a {
    text-decoration: none;
}

.margin-none
{
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.site-content-underline {
    text-decoration: underline;
}


form
{
    box-sizing: border-box;
}

#topyenoh, #honeypot
{
  display: none; /*makes the field not visible to humans*/
}

audio {

    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);

}
.imgBorder
{
	border: 5px solid white;
	border-bottom: 10px solid white;
}

#navigation ul {

    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;

}

/*
#navigation li {float:left; display:block; margin:0; padding:0 10px; border-left:#ccc solid 1px;}
#navigation li:before { content: " | "; }
#navigation li:first-child:before { content: none;}
*/

.vertical-line-print {
    border-left: 2px solid #a6082d;
    height: 25px;
    position:relative;
    top:17px;
    bottom:0;
    right:268px;
  }

  .vertical-line-voice{
    border-left: 2px solid #a6082d;
    height: 45px;
    position:relative;
    top:17px;
    bottom:0;
    right:470px;
  }

  .horizontal-bar{
    border-color: #123455;
    width:80%;
    position:relative;
    left:25px;

}


.active {
    color:#a6082d;
    background-color:lightgray;
    border-radius:50;
}


/* Dropdown menu */

.dropdown-menu-item
{
  background-color: #fffaf5;
  color: #123C69;

}

.dropdown-submenu-item
{
  background-color: #fffaf5;
  color: #123C69;
  font-weight: bold;

}


/* Change color of dropdown links on hover */
.menu-button:hover
{
 color:#123C69 !important;
}

.dropdown-menu:hover {
	color: #123C69 !important;
}
.dropdown-menu:active {
	color: #123C69 !important;
}
.dropdown-menu::after{
	color: #123C69 !important;
}

.dropdown-menu-item:hover {
	color: #a6082d !important;
}

.dropdown-submenu-item:hover {
	color: #a6082d !important;
  font-weight: bold;
}


/* none of the following is needed
.dropdown-menu-item a:active {color: #a6082d !important;}
.dropdown-menu-item a:active {color: #a6082d !important;}
.dropdown-menu:hover .dropdown-menu-item {color: #a6082d !important;}
 */



/* NOT USED
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

*/

/* Custom  Audio Player, Specifies the cut-down audio container  */
#audioplayer {
 width: 100%;
}​

.audio_volume_only {

 }
/* specifies width which is very impt for the custom size*/
audio {
  display: block;
  width: 250px;
  height: 25px;
}

audio::-webkit-media-controls {
    color:#123C69;
}
audio::-webkit-media-controls-panel {
  -webkit-justify-content: left;
  -webkit-border-radius: 0%;
  background-color: #fff;
  height: 25px;
  border-radius: 0px 0px 0px 0px;
  color:#123C69;

}

audio::-webkit-media-controls-play-button {
  -webkit-appearance: media-play-button;
  border-radius: 0%;
  color:#123C69;
}

/* Removes the timeline */
audio::-webkit-media-controls-timeline {
  /*display: none !important;*/
    border-radius: 0%;
    width: 100px;
    color: #fff;
   color:#123C69;
}

/* Removes the time stamp */
audio::-webkit-media-controls-current-time-display {
  display: none;
}
audio::-webkit-media-controls-time-remaining-display {
  display: none;
}

/* Removes mute-button
audio::-webkit-media-controls-mute-button {
  display: none;
}
*/

/*Google download symbol next to cut-down Audio Control*/

.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}


/* Client Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*Testimonial Slider */

/* Slideshow container */
.slideshow-container {
  position: inherit;
  /*background: #f1f1f1f1;*/
}

/* Slides */
.mySlides {
  display: none;
  padding: 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: inherit;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: inherit;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #717171;
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    /*background: #ddd;*/
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}