@charset "utf-8";
/* CSS Document */
.sr-only, .invisible {
  display:none;
}
.navbar-brand img {
  /*margin-top: -80px;
  width: 260px;*/
}

@font-face{
  font-family:GoodDog;
  font-style:normal;
  font-weight:400;
  src:url(/files/DoverY2Y/theme/fonts/GoodDog-webfont.eot);
  src:url(/files/DoverY2Y/theme/fonts/GoodDog-webfont.eot?#iefix) format("embedded-opentype"),url(/files/DoverY2Y/theme/fonts/GoodDog-webfont.woff) format("woff"),url(/files/DoverY2Y/theme/fonts/GoodDog-webfont.ttf) format("truetype")
}

@font-face{
  font-family:'Permanent Marker';
  font-style:normal;
  font-weight:400;
  src:url(/files/DoverY2Y/theme/fonts/PermanentMarker-webfont.eot);
  src:url(/files/DoverY2Y/theme/fonts/PermanentMarker-webfont.eot?#iefix) format("embedded-opentype"),url(/files/DoverY2Y/theme/fonts/PermanentMarker-webfont.woff) format("woff"),url(/files/DoverY2Y/theme/fonts/PermanentMarker-webfont.ttf) format("truetype")
}

.homeJumbotronOverlay {
  position: absolute;
  top: 180px;
  z-index: 11;
}

.positionRelative {
	position: relative;
}

.gooddog{
  font-family: 'GoodDog', sans-serif;
  font-size: 2em; /* Same as body text but bold */
  font-weight: normal;
  color: #151c34;
  margin-bottom: 1em;
  line-height: normal;
}

.permanentmarker{
  font-family:Permanent Marker,serif
}

.bg-dpc {
  background-color:#151c34;
  background: url('/files/SamanthaSkunk/SamanthaSkunkContent/images/SamanthaSkunk-bg-home-main2.jpg') top/cover no-repeat;
}
.bg-split {
	background: linear-gradient(transparent 50%, white 50% 100%);
}

a.hoverText {
	opacity: 0;
	transition: opacity 0.5s ease; /* Transition for the overlay opacity */
}
a.hoverText:hover {
	opacity: 1;
	transition: opacity 0.5s ease; /* Transition for the overlay opacity */
}

.header-min-height {
  /*min-height:160px;*/
}

.logo > .image_container {
  margin: 0;
}

.homeJumbotron {
	background: url('/files/SamanthaSkunk/SamanthaSkunkContent/images/SamanthaSkunk-promobox-bg.png') no-repeat;
	background-size: 100% 100%;
}

.nav-buttons li a {
  padding:0.3rem;
  padding-right:0.15rem;
  padding-left:0.15rem;
}

.navbar-nav .nav-link {
	background-color: #cf2e2e !important;
	color: white !important;
	display: flex;
	height: 100%;
	align-items: center !important;
	align-self: stretch;
	font-family:'Permanent Marker';
	justify-content: center !important;
}
.navbar ul {
	width:100%;
}

.navbar .dropdown-item.active {
	background-color: #cf2e2e !important;
}

.navbar .level_2 .nav-link, .navbar .level_3 .nav-link {
	background-color: #e7ecb6 !important;
}

.navbar div.level_2 {
	background-color: #e7ecb6 !important;
	
}
.navbar div.level_2 .nav-link {
   color: #0d6efd !important;	
}
.navbar div.level_2 strong.nav-link {
   color: white !important;	
   background-color: #cf2e2e !important;
}
.mod_navigation ul.level_1 {
	/*padding-top: 2.5em;*/
} 

.mod_navigation .list-group-item.active {
	color: #cf2e2e !important;
}

.mod_navigation h3 {
	position: relative;  /* Ensures the pseudo-element is positioned relative to the h1 */
    padding-bottom: 1.5rem;  /* Provides space between the text and the underline */
    padding-top: 1rem;
    margin-bottom: -1em;  /* Ensures there's space below the line before any following content */
    padding-left: 1em;
    padding-right: 1em;
    background: url('/files/DoverY2Y/theme/images/DY2Y-page-title-bg.png') top/100% 100% no-repeat;
    display: inline-block;
    transform: rotate(-10deg);
    font-family: 'Permanent Marker';
}


li.social {
  border: none;
  margin: 4px 0 0 !important;
  padding: 0;
  float: left;
  list-style: none;
}

li.social i {
  font-size: 32px;
  margin-right: 10px;
}

li.social a {
  color: #fff;
}

.caption {
    font-family: 'Roboto', sans-serif; /* Consistent with the body font */
    font-size: 0.9em; /* Slightly smaller than the main text */
    color: #666; /* Lighter than the main text for distinction */
    text-align: center; /* Centers the caption text under the photo */
    margin-top: 0.5em; /* Space between the photo and the caption */
    margin-bottom: 1em; /* Space below the caption before next content */
    line-height: 1.4; /* Slightly greater line spacing for readability */
    opacity: 0.8; /* Slightly faded to differentiate from main content */
}

#footer {
  font-family: 'Roboto', sans-serif; /* Consistent with the body font */
  font-size: 0.8em; /* Slightly smaller than the main text */
  color: #666; /* Lighter than the main text for distinction */
}

.text-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* Horizontal offset, vertical offset, blur radius, and color */
}

.dropshadow {
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); /* Horizontal, vertical offsets, blur radius, and color */
}

.bg-feather-blue {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(21, 28, 52, 1) 30%, rgba(21, 28, 52, 1) 70%, rgba(255, 255, 255, 0)); /* Gradient background */
}

/* Base font settings */
body {
    font-family: 'Roboto', sans-serif; /* Consistent and readable */
    color: #333; /* Suitable for readability */
    line-height: 1.6; /* Enhances text readability */
}

/* Headings styling with primary color */
h1 {
    font-family: 'Permanent Marker', sans-serif;
    font-size: 2.5em; /* Larger for main titles */
    font-weight: bold;
    color: #151c34; /* Dark blue, primary color */
    position: relative;  /* Ensures the pseudo-element is positioned relative to the h1 */
    padding-bottom: 1.5rem;  /* Provides space between the text and the underline */
    padding-top: 1rem;
    margin-bottom: 1rem;  /* Ensures there's space below the line before any following content */
    padding-left: 1em;
    padding-right: 1em;
    background: url('/files/DoverY2Y/theme/images/DY2Y-page-title-bg.png') top/100% 100% no-repeat;
    display: inline-block;
	
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2em; /* Noticeably smaller than H1 */
    font-weight: bold;
    color: #151c34;
    margin-bottom: 0.4em;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em; /* Further reduction from H2 */
    font-weight: bold;
    color: #151c34;
    margin-bottom: 0.3em;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em; /* Slightly smaller than H3 */
    font-weight: bold;
    color: #151c34;
    margin-bottom: 0.2em;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em; /* Minimal reduction, closer to body text */
    font-weight: bold;
    color: #151c34;
    margin-bottom: 0.1em;
}

h6 {
    font-family: 'GoodDog', sans-serif;
    font-size: 2em; /* Same as body text but bold */
    font-weight: normal;
    color: #151c34;
    margin-bottom: 1em;
}

h2.footer-label {
	font-family: 'Permanent Marker', sans-serif;
    font-size: 2.5em; /* Larger for main titles */
    font-weight: bold;
    color: #151c34; /* Dark blue, primary color */
    position: relative;  /* Ensures the pseudo-element is positioned relative to the h1 */
    padding-bottom: 1.5rem;  /* Provides space between the text and the underline */
    padding-top: 1rem;
    margin-top: -2em;
    margin-bottom: 1rem;  /* Ensures there's space below the line before any following content */
    padding-left: 1em;
    padding-right: 1em;
    background: url('/files/DoverY2Y/theme/images/DY2Y-page-title-bg.png') top/100% 100% no-repeat;
    display: inline-block;
    transform: rotate(-10deg);
}

/* Anchor links with contrasting colors */
a {
    color: #007bff; /* Bootstrap blue for better visibility and contrast */
    text-decoration: none; /* Removes underline */
}

a:hover {
    color: #0056b3; /* Darker shade of blue on hover for interactive feel */
}

a:visited {
    color: #663399; /* Distinctive deep purple for visited links */
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.mod_customnav ul .first a {
  font-weight: bold;
  font-size: 1.1em;
}

.bg-dy2y {
	background: #e7ecb6;
}

.bg-opaque {
	background-color: #ffffffc2;
}




.flip-text {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.cont-header-imgs {
  border: 4px solid #212121;
  margin-bottom: 20px;
  margin-top: -50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index:-1;
}

.cont-header-imgs img {
  border-left: 4px solid #212121;
  float: left;
  height: auto;
  width: 50%;
}

#footer .active {
  color:black;
  font-size:1.1em;
}

.sitemap-block ul.level_1 {
	columns:3;
}

.sitemap-block ul.level_2 li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.mod_newsmenu .list-group-item.active {
	background-color:#cf2e2e4a;
	border-color:#cf2e2e4a;
}

.footer-nav .list-group-item {
	border: none;
}

.footer-nav h3 {
	font-family: 'Permanent Marker';
	color: #6d9eda !important;
}

/* Responsive design adjustments using Bootstrap breakpoints */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Adjust font sizes for small devices */
    h1 { font-size: 2em; }
    h2 { font-size: 1.75em; }
    h3 { font-size: 1.25em; }
    h4 { font-size: 1.1em; }
    h5, h6 { font-size: 1em; }
}

@media (max-width: 575.98px) {
    /* Adjust font sizes for extra small devices */
    h1 { font-size: 1.75em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    h5, h6 { font-size: 1em; }
}