/*
 * Main CSS | Polly Thayer Starr
 * http://pollystarr
 * Don Doherty
 * October 2020
 * Test March 6, 2024
*/

/*
font-family: 'Lobster', cursive;
font-family: 'Lobster Two', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Roboto Mono', monospace;
font-family: 'Kaushan Script', cursive;
*/


/*  Overall Styles  */
body {font-family: 'Roboto', sans-serif; font-size: 18px;}
h1 {font-family: 'Lobster', cursive; font-size: 2.8rem;}
h2 {font-weight: normal; font-size: 2.2rem; font-family: 'Lobster', sans-serif; margin-bottom: 0.8rem;}
h3 {font-weight: bold; font-size: 2.1rem; font-family: 'Roboto Slab', serif; margin-bottom: 0.8rem;}
h4 {font-weight: bold;}
h5 {font-weight: bold;}
p {font-family: 'Roboto', sans-serif; font-size: 20px;}
.mainContent p {font-family: 'Roboto', sans-serif; margin: 0 0 10px 0;}
.olive p {font-family: 'Roboto', sans-serif; font-size: 20px;}
.maroon p {font-family: 'Roboto', sans-serif; font-size: 20px;}
.robotoSans {font-family: 'Roboto', sans-serif;}
.fontRobotoCondensed {font-family: 'Roboto Condensed', sans-serif;}
.fontRobotoCondensedBold {font-family: 'Roboto Condensed Bold', sans-serif;}
.fontRobotoSlab{font-family: 'Roboto Slab', serif;}
.fontLobster {font-family: 'Lobster', cursive;}
.artwork {font-family: 'Kaushan Script', cursive;}
.textNormal {font-weight: normal;}

ul li, ol li {margin: 0 0 10px 0; padding: 0 0 0 0;}

a:link, a:visited {color: #8c0a10;}
a:hover, a:active {color: #c98271; text-decoration: none;}

.fontSize16 {font-size: 16px;}
.fontSize18 {font-size: 18px;}
.fontSize20 {font-size: 20px;}
.fontSize22 {font-size: 22px;}
.fontSize24 {font-size: 24px;}
.fontSize26 {font-size: 26px;}
.fontSize28 {font-size: 28px;}
.fontSize30 {font-size: 30px;}
.fontSize32 {font-size: 32px;}
.fontSize34 {font-size: 34px;}
.fontSize36 {font-size: 36px;}
.fontTwoZero {font-size: 2.0rem; font-weight: normal;}
.fontTwoTwo {font-size: 2.2rem; font-weight: normal;}
.fontTwoFour {font-size: 2.4rem; font-weight: normal;}
.fontTwoSix {font-size: 2.6rem; font-weight: normal;}
.fontTwoEight {font-size: 2.8rem; font-weight: normal;}
.fontThreeZero {font-size: 3.0rem; font-weight: normal;}
.fontThreeTwo {font-size: 3.2rem; font-weight: normal;}
.fontThreeFour {font-size: 3.4rem; font-weight: normal;}
.fontThreeSix {font-size: 3.6rem; font-weight: normal;}
.fontThreeEight {font-size: 3.8rem; font-weight: normal;}
.fontFourZero {font-size: 4.0rem; font-weight: normal;}

.fontWeight100 {font-weight: 100;}
.fontWeight200 {font-weight: 200;}
.fontWeight300 {font-weight: 300;}
.fontWeight400 {font-weight: 400;}
.fontWeight500 {font-weight: 500;}
.fontWeight600 {font-weight: 600;}
.fontWeight700 {font-weight: 700;}
.fontWeight800 {font-weight: 800;}
.fontWeight900 {font-weight: 900;}

.lineHeight1em {line-height: 1em;}
.lineHeight11em {line-height: 1.1em;}
.lineHeight12em {line-height: 1.2em;}
.lineHeight13em {line-height: 1.3em;}
.lineHeight14em {line-height: 1.4em;}
.lineHeight15em {line-height: 1.5em;}

.width10 {width: 210%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width33 {width: 33%;}
.width40 {width: 40%;}
.width50 {width: 50%;}

.lobster {font-family: 'Lobster', cursive;}
.ltgray {color: #f2f2f2;}
.colorWhite {color: #fff;}
.colorBrown {color: #42210b;}
.colorNavy {color: #231349;}
.colorChartreuse {color: #a3a32d;}

.linkChartreuse a:link, .linkChartreuse a:visited {color: #a3a32d;}
.linkChartreuse a:hover, .linkChartreuse a:active {color: #828224; text-decoration: none;}

.violet {background-color: #1b0a2d; color:#fff;}
.violet a:link, .violet a:visited {color: #fff;}
.violet a:hover, .violet a:active {color: #e78e24; text-decoration: none;}
.maroon {color: #8c0a10;}
.maroon a:link, .maroon a:visited {color: #8c0a10;}
.maroon a:hover, .maroon a:active {color: #000; text-decoration: none;}
.paleMaroon {color: #c98271;}
.darkBrown {background-color: #42210b; color: #fff;}
.salmon {background-color: #c98271; color: #000;}
.olive {background-color: #a3a32d; color: #fff;}
.oliveText {color: #a3a32d;}
.backgroundMaroon {background-color:#8c0a10; color:#fff;}
.backgroundMaroon p {font-family: 'Roboto', sans-serif; font-size: 20px;}
.backgroundViolet {background-color: #341f38; color: #fff;}
.backgroundViolet a:link, .backgroundViolet a:visited {color: #fff;}
.backgroundViolet a:hover, .backgroundViolet a:active {color: #a7a8a3; text-decoration: none;}
.bgroundLtPurple {background-color: #e2dbce;}
.backgroundBlack {background-color: #000; color: #fff;}
.backgroundPink {background-color: #ca8371; color:#fff;}
.backgroundPink p {font-family: 'Roboto', sans-serif; font-size: 20px;}
.backgroundBrown {background-color: #42210b; color:#fff;}
.backgroundBrown p {font-family: 'Roboto', sans-serif; font-size: 20px;}

.lineHeight1 {line-height: 1em;}
.lineHeight11 {line-height: 1.1em;}
.lineHeight12 {line-height: 1.2em;}
.lineHeight13 {line-height: 1.3em;}
.lineHeight14 {line-height: 1.4em;}

.backgroundFFF {background: #fff;}
.backgroundRust {background-color: #a33e09; color: #fff;}
.backgroundOlive {background-color: #a3a32d; color: #fff;}
.backgroundSalmon {background-color: #c98271; color: #000;}
.backgroundSalmon a:link, .backgroundSalmon a:visited {color: #42210b;}
.backgroundSalmon a:hover, .backgroundSalmon a:active {color: #000; text-decoration: none;}
.hoverPurple a:hover {color: #a6a8a3;}

.paddingtop_10px {padding-top: 10px;}
.paddingtop_15px {padding-top: 15px;}
.paddingtop_20px {padding-top: 20px;}
.paddingtop_30px {padding-top: 30px;}
.paddingtop_40px {padding-top: 40px;}
.paddingtop_50px {padding-top: 50px;}
.paddingtop_60px {padding-top: 60px;}
.paddingtop_70px {padding-top: 70px;}
.paddingtop_80px {padding-top: 80px;}
.paddingtop_90px {padding-top: 90px;}
.paddingtop_100px {padding-top: 100px;}
.paddingbottom_10px {padding-bottom: 10px;}
.paddingbottom_20px {padding-bottom: 20px;}
.paddingbottom_30px {padding-bottom: 30px;}
.paddingbottom_40px {padding-bottom: 40px;}
.paddingbottom_50px {padding-bottom: 50px;}
.paddingleft_10px {padding-left: 10px;}
.paddingleft_20px {padding-left: 20px;}
.paddingleft_30px {padding-left: 30px;}
.paddingleft_40px {padding-left: 40px;}
.paddingleft_50px {padding-left: 50px;}
.paddinglrNone {padding-right: 0; padding-left: 0;}
.padding20px {padding: 20px;}


span.text-right {text-align: right;}
.margintop_neg5px {margin-top: -5px;}
.margintop_neg10px {margin-top: -10px;}
.margintop_zero {margin-top: 0px;}
.margintop_5px {margin-top: 5px;}
.margintop_10px {margin-top: 10px;}
.margintop_15px {margin-top: 15px;}
.margintop_20px {margin-top: 20px;}
.margintop_30px {margin-top: 30px;}
.margintop_40px {margin-top: 40px;}
.margintop_50px {margin-top: 50px;}
.margintop_60px {margin-top: 60px;}
.margintop_70px {margin-top: 70px;}
.margintop_80px {margin-top: 80px;}
.margintop_90px {margin-top: 90px;}
.margintop_100px {margin-top: 100px;}
.margintop_110px {margin-top: 110px;}
.margintop_120px {margin-top: 120px;}
.margintop_125px {margin-top: 125px;}
.margintop_130px {margin-top: 130px;}
.margintop_140px {margin-top: 140px;}
.margintop_145px {margin-top: 145px;}
.margintop_150px {margin-top: 150px;}
.margintop_160px {margin-top: 160px;}
.marginright_10px {margin-right: 10px;}
.marginright_20px {margin-right: 20px;}
.marginright_25px {margin-right: 25px;}
.marginright_30px {margin-right: 30px;}
.marginright_40px {margin-right: 40px;}
.marginright_50px {margin-right: 50px;}
.marginbottom_2px {margin-bottom: 2px;}
.marginbottom_zero {margin-bottom: 0px;}
.marginbottom_5px {margin-bottom: 5px;}
.marginbottom_10px {margin-bottom: 10px;}
.marginbottom_20px {margin-bottom: 20px;}
.marginbottom_30px {margin-bottom: 30px;}
.marginbottom_40px {margin-bottom: 40px;}
.marginbottom_50px {margin-bottom: 50px;}
.marginleft_10px {margin-left: 10px;}
.marginleft_20px {margin-left: 20px;}
.marginleft_30px {margin-left: 30px;}
.marginleft_40px {margin-left: 40px;}
.marginleft_50px {margin-left: 50px;}
.marginleft_60px {margin-left: 60px;}
.marginleft_70px {margin-left: 70px;}
.marginleft_80px {margin-left: 80px;}
.marginleft_90px {margin-left: 90px;}
.marginleft_100px {margin-left: 100px;}

.nogutters {margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}
.padding2l {padding-left: 1px;}
.padding2r {padding-right: 1px;}
.padding2b {padding-bottom: 2px;}
.padding5lr {padding-left: 5px; padding-right: 5px;}
.paddingminus15lr {padding-left: 0px; padding-right: 0px;}

.fltleft {float: left;}
.fltright {float: right;}
.clrright {clear: right;}
.clrleft {clear: left;}
.clrboth {clear: both;}
.ctr {text-align: center;}
.centerWithMargin {margin: 0 auto;}

.vaTop {vertical-align: top;}
.vaMiddle {vertical-align: middle;}
.vaBottom {vertical-align: bottom;}

.displayInline {display: inline;}

.underLine {text-decoration: underline;}
.lowerAlpha li {list-style-type: lower-alpha;}
.upperAlpha li {list-style-type: upper-alpha;}
.lowerRoman li {list-style-type: lower-roman;}
.upperRoman li {list-style-type: upper-roman;}


/*  Header  */
.header {color: #fff; background-color: #000; margin: 0 0 0 0; padding: 40px 0 0 0;}
.headerLogo {margin: 0; padding: 0 0 15px 60px; background: #000;}
.headerLogo h1 {text-align: center; margin-top: 50px; display: inline-block;}
.header p {font-size: 18px;}
.header p a:link, .footer p a:visited, .footer p a:hover, .footer p a:active {color: #fff;}

.header ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.header ul li {display: inline-block; list-style-type: none; font-size: 18px; margin: 0 5px 0 0; padding: 0 0 0 0;}
.header ul li ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.header ul li ul li {display: inline-block; list-style-type: none; font-size: 18px; margin: 0 0 0 0; padding: 0 0 0 0;}
.dropdown-menu > li > a {padding-right: 8px; padding-left: 8px;}
.nav > li > a {padding-right: 15px; padding-left: 15px;}

.nav {background: #000; color: #fff;}
.nav-link {color: #fff;}
.nav-link:link, .nav-link:visited {color: #fff;}
.nav-link:hover, .nav-link:active {color: #c98271;}

.navbar-dark .navbar-nav .nav-link:link , .navbar-dark .navbar-nav .nav-link:visited {color: #fff;}
.navbar-dark .navbar-nav .nav-link:hover , .navbar-dark .navbar-nav .nav-link:active {color: #c98271;}

.navbar-dark .navbar-nav .nav-item .active {color: #c98271;}

.navbar-expand-md .navbar-nav .dropdown-menu {background-color: #000;}

.nav-item {margin-left: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;}
.nav-item a.active {color: #c98271;} 
.dropdown-toggle {text-decoration: none; outline: none;}
.dropdown a {background-color:#fff transparent !important; }
.dropdown .dropdown-menu .dropdown-item:focus {outline: none;}

.footerNav .nav-item {margin-bottom: 5px;}

.dropdown-toggle::after {content: none;} 
.dropdown-menu {background: #000;}
.dropdown-item {background: #000; color: #fff;}

.dropdown-item:link, .dropdown-item:visited {background: #000; color: #fff;}
.dropdown-item:hover, .dropdown-item:active {background: #000; color: #c98271;}


.headerNews {color: #c98271; font-weight: 500; float: right; text-align: right; margin-right: 20px; margin-bottom: 20px; font-size: 16px;}
.headerNews a:link, .headerNews a:visited {color: #c98271;}
.headerNews a:hover, .headerNews a:active {color: #f39e89;}

.linksGroupHeader {margin: 5px 0 20px 0; display: inline-block; float: right;}
.linksGroupHeader a {text-decoration: none;}

.navbar {background: #000; margin-top: -20px; margin-bottom: 0;}
#ptsnav {margin-right: 13px;}

/*  Top level nav link colors  */
#ptsnav li a:link, #ptsnav li a:visited {background: #000; color: #fff; font-size: 18px;}
#ptsnav li a:hover, #ptsnav li a:active {background: #000; color: #c98271; font-size: 18px;}

/*  Top level nav link colors for current page */
#ptsnav li.active a:link, #ptsnav li.active a:visited {background: #000; color: #c98271;}
#ptsnav li.active a:hover, #ptsnav li.active a:active {background: #000; color: #c98271;}

/*  Second level nav link colors  */
#ptsnav li.active ul li a:link, #ptsnav li.active ul li a:visited {background: #000; color: #fff;}
#ptsnav li.active ul li a:hover, #ptsnav li.active ul li a:active {background: #000; color: #c98271;}

/*  Second level nav link colors for current page */
#ptsnav li.active ul li.active a:link, #ptsnav li.active ul li.active a:visited {background: #000; color: #c98271;}
#ptsnav li.active ul li.active a:hover, #ptsnav li.active ul li.active a:active {background: #000; color: #c98271;}

#ptsnav li.dropdown ul.dropdown-menu {background-color: #000; text-align: right;}
#ptsnav li.dropup ul.dropdown-menu {background-color: #000; text-align: left;}


/*  Bio page */
#readMore1Hidden, #readMore2Hidden, #readMore3Hidden {display: none;}
#readLess1, #readLess2, #readLess3 {display: none;}

.quote {margin-right: 50px; margin-left: 50px;}

.learnMore {background-color: #42210b; color: #fff;}
.learnMore ul li {color: #fff;}
.learnMore ul li a:link, .learnMore ul li a:visited {color: #fff; text-decoration: none;}
.learnMore ul li a:hover, .learnMore ul li a:active {color: #fff; text-decoration: none;}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Portraits page */
#carouselExampleIndicators2 .carousel-indicators {position: relative; margin-top: 30px;}
.tan {color:#ece5cc;}
.backgroundTan {background-color: #ece5cc;}


/*  Footer  */
.footer {color: #fff; padding: 0 0 0 0;}
.footerLogo {padding: 60px 0 0 0; background: #000;}
.footerLogo img {margin: 0 auto 30px auto;}

.footerNav {margin: 0 0 0 0; padding: 150px 0 20px 0; background: #000;}

.footer p {margin-bottom: 20px; color: #c6ccce; font-size: 14px; line-height: 1.6rem; font-family: 'Roboto', sans-serif;}
.footer p a:link, .footer p a:visited  {color: #c6ccce; text-decoration: none;}
.footer p a:hover, .footer p a:active {color: #c98271; text-decoration: none;}
.footer ul {margin: 0 0 20px 0; padding: 0 0 0 0;}

.footer ul li {display: inline-block; list-style-type: none; font-size: 18px; margin: 0 30px 0 0; padding: 0 0 0 0;}

/*  Top level footer nav link colors  */
.footer li a:link, .footer li a:visited {background: #000; color: #fff; font-size: 18px; text-decoration: none;}
.footer li a:hover, .footer li a:active {background: #000; color: #c98271; font-size: 18px; text-decoration: none;}

/*  Top level footer nav link colors for current page */
.footer li.active a:link, .footer li.active a:visited {background: #000; color: #c98271;}
.footer li.active a:hover, .footer li.active a:active {background: #000; color: #c98271;}

/*  Second level footer nav link colors  */
.footer li.active ul li a:link, .footer li.active ul li a:visited {background: #000; color: #fff;}
.footer li.active ul li a:hover, .footer li.active ul li a:active {background: #000; color: #e78e24;}

/*  Second level footer nav link colors for current page */
.footer li.active ul li.active a:link, .footer li.active ul li.active a:visited {background: #000; color: #c98271;}
.footer li.active ul li.active a:hover, .footer li.active ul li.active a:active {background: #000; color: #c98271;}

.dropdown-item {padding-right: 3.7rem; padding-left: .7em; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;}

.navbar-nav {margin-right: 40px;}



/*  Footer 2  */
.footer2 li a:link, .footer2 li a:visited {color: #fff; text-decoration: none;}
.footer2 li a:hover, .footer2 li a:active {color: #c98271; text-decoration: none;}

.navbar-nav h4 {color: #c98271; font-family: 'Lobster', cursive; font-size: 1.7rem; margin: 0 0 15px 0; font-weight: normal;}

.footer div.footer2 h4 {color: #c98271; font-family: 'Lobster', cursive; font-size: 1.7rem; margin: 0 0 15px 0; font-weight: normal;}
.footer div.footer2 ul {margin: 0 0 20px 0; padding: 0 0 0 0;}
.footer div.footer2 ul li {display: block; list-style-type: none; font-size: 18px; margin: 0 0 20px 0; padding: 0 0 0 0;}
.footer div.footer2 .nav-item {margin-bottom: 5px;}
