/*
 Theme Name: CAR2025_New
 Author: Andy Jay Art
 Version: 2.0
 */
/*Reset some defaults*/
* {
  margin: 0;
  padding: 0;
}

html, body {min-height: 100%;}

body {
	background-color:#ccc;
	font-family:'Raleway';
	font-size:1em;
	color:#fff;
	font-weight:400;
	height:100%;

}

.smaller_hr {
	border-top: 4px dotted #f3b37e;
	width:50%;
	margin:auto;
}

.archive_title {
	text-align:center;
}
.series_group {
	display:flex;
	flex-flow:row wrap;
	width:100%;
justify-content: center;
padding: 3vh 0;	
}	
'.book_pic_small {
	display:flex;

}


.single_book {
	
}

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index:-200;
  opacity:.9;
}
.page_inner {
	color:#113347;
	display:flex;
	flex-flow: column nowrap;
	height:fit-content;
}

.event_wrapper {
		display:flex;
		flex-flow:row nowrap;
		margin-bottom:3vh;
}

.event_inner {
	display:flex;
	flex-flow:column wrap;
}
.event_date {
	background-color:#52bdb2;
	border-radius:360px;
	padding:1vh 2vw;
	color:#fff;
	font-weight:bold;
	text-align:center;
	height: min-content;
	font-size:1.5rem;
	display:flex;

	justify-content: center;
}
.event_content{
margin-left:1vw;	
}

.event_single_date {
	background-color:#52bdb2;
	border-radius:360px;
	padding:1vh 2vw;
	color:#fff;
	font-weight:bold;
	text-align:center;
	height: min-content;
	font-size:1.5rem;
	justify-content: center;	
	
}

.event_date_single{
	background-color:#52bdb2;
	border-radius:360px;
	padding:.5vh 0.25vw;
	color:#fff;
	height: min-content;
	font-weight:bold;
	
}

.event_pic img {
	max-width:100%;
}

.event_single_title{
		text-align:center;
}

.page_inner a:link, .page_inner a:visited,  .page_inner a:hover, .page_inner a:active{
	color:#8f4a5a;
}

.page_inner a:hover, .page_inner a:active{
	text-decoration:underline;
}

a:link {
	color: #fff;
	text-decoration:none;

}

a:visited{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
		color: #fff;
		text-decoration:underline;

}

a:active {
		color: #fff;
		text-decoration:underline;	
		font-weight:bold;
}




.title{
	font-family:'Grand Hotel';
	font-size:9vw;
	color:#FFF;
	text-align:center;
	line-height:0.65;
	z-index:10;	
    margin-top: 5vh;
	text-shadow: 1px 1px 3px #0000006a;	
	
}

.news_header{
	color:#e97a02;
	text-align:center;
	font-family:'Grand Hotel';
	font-size: 4vh;
	margin:auto;
}



.news_content {
	width:65%;
	text-align:center;
	margin:auto;
}

.box_header {
	font-family:'Grand Hotel';
	font-size:4vh;
	color:#FFF;
	text-align:center;
	z-index:10;
	text-shadow: 1px 1px 3px #0000006a;	
}

#page_content{
	margin-left:auto;
	margin-right:auto;
	margin-top:3vh;

	border-radius:15px;

}

#page_content p {
	line-height:1.25;

}

.page_inner{
	background-color:#ffffff9e;
	border-radius:15px;
	padding:5vh;
	height:auto;
}

img.alignnone {
	width:object-fit;

}

.greeting {
	font-family:'Grand Hotel';
	color: #8f4a5a;
	text-align:center;
	width:100%;
	margin:auto;
	line-height:0.65;
	margin-top:2vh;
	font-size: 3rem;
}

.container{
	display:flex;
	flex-flow:row wrap;
	padding: 0 2vw;
	justify-content:center;
	min-height:62vh;
}

.news_container{
	display:flex;
	flex-flow:row wrap;
	padding: 0 2vw;
	justify-content:center;

}

.post_meta {
	font-size:1.5vh;
	color: #471a0f;
	padding-top:1vh;
}
#footer{
text-shadow: 1px 1px 3px #0000006a;
	color:#fff;
	position: sticky;
	top: 100vh;	
	}
	
#footer a:link {
	background: -webkit-linear-gradient(#43d8ff, #f0b1ee, #f0f1b5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  line-height:1.25;
}  
	

#news a:link{
	font-weight:bold;
	color: #007d61;
}	

#socials .box_content{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
}


.tit_content {
	background: #ffffff00 url('imgs/tit_bg.png') no-repeat center top;
	background-size: cover;
	}

.bh_content {
	background: #ffffff00 url('imgs/bh_bg.png') no-repeat center top;
	background-size: cover;
}

.mbts_content {
	background: #ffffff00 url('imgs/mbts_bg.png') no-repeat center top;
	background-size: cover;
}


.strong {
	font-weight:bold;
}

.about_content {
	display:flex;
	background-image:url('imgs/aboutBG2.png');
	background-position:top center;
	background-size:cover;
	border-radius: 25px;
	min-height: 55vh;	
}

.about_text{
	color:#714f57;
	font-weight:bold;
	min-height:50%;
	padding:1vw;
}
.about_text h1 {
	font-family:'Grand Hotel';
	color:#8f4a5a;
	font-weight:normal;
	font-size:2.25rem;
}

.about_image{
	background-image: url('imgs/carolAbout1.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	min-width:30%;
	border-radius: 0 0 0 25px;
}

.returnLink {
	padding: 0 0 4vh 0;
}
ul {
	list-style-type: none;
}

.button_row {
		display:flex;
		justify-content:space-evenly;

}

.mini_nav {

		text-align:center;
		display:flex;
}


.button-55 {
  color: #113347;
  background-color: #e7e6e2;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-55:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.button-55:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}

.social_share {
	display:flex;
	flex-flow: row nowrap;
}


/* Small mobile screens */
@media only screen and (max-width: 767px), {
.about_content {
	flex-flow: row wrap;
}

.about_image{
	background-image: url('imgs/carolAbout2.png');
	background-repeat:no-repeat;
	background-position:top center;
	min-width:100%;
	border-radius: 0 0 0 0;
	display:flex;
	min-height:27vh;
}
.about_text {

}

	
p {
margin:2vh;
}	
	
	#news, #events, #socials, #audio  {
		display:none;
	}
	
	.container{
		width:100%;
		display:flex;
		justify-content:center;
	}
#series {
	width:100%;
}	

#page_content{
	width:90%;

}

.box_header {
	font-size:7vh;
}

.nav {
	display:none;
}
#nav {
	display:none;
}

#mnav {
	text-align:center;

}

.m-nav-menu {
	padding: 1% 0;
	background-color: #ffffff6a;
	border-top: 0.5px solid #ffffffa3;
	border-bottom: 0.5px solid #ffffffa3;
	font-size: 2rem;
}

.title {
	font-size: 17vw;
}

.box_content {
	background-color:#ffffff6a;
	border-radius:25px;
	margin:auto;
	width:90%;
	padding:1vh;
	display: flex;
    flex-flow: column nowrap;
    align-items: center;
	text-align:center;
}

.box_content {
	margin-bottom:4vh;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.soc {
width:14vw;	
}

.fancy_nav {
	display:none;
}

#footer .soc {
	width: 8vw;
	padding: 0 2vw;
}

#footer{
	display:flex;
	flex-flow: column wrap;
	align-items:center;
}

.book_pic_small {
display:flex;
flex-flow:row wrap;
}

.book_pic_small img {
    width: 35vw;
	height:auto;
display:flex;
}
.series_content {
	flex-flow: row wrap;
}

}


/* Tablets, small desktops*/
@media only screen and (min-width: 768px), {

#mnav {
	display:none;
}

.book_pic_small img {
    width: 16vw;
}


.fancy_nav {
	display:none;
}

.nav, #nav{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	text-align:center;
	z-index:10;
	font-size:2em;
	width:90vw;
	margin:auto;
}

.nav_menu {
	width:125px;

}

.title {
		font-size: 18vw;
}

.nav-menu{

	padding:0 1vw;
}


.sq {
	display:none;
}

.bar {
	display:block;
}

.box_header {
		line-height:1;
}

.fancy_nav {
	display:none;
}
#footer .soc {
	width: 3vw;
	padding: 0 .5vw;
}
#footer{
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
}


.book_pic_small img{
	width:16vw;
	height:auto;
}



}


/* Large devices (laptops/desktops, 1280px and up) */
@media only screen and (min-width: 1280px), {	



.book_pic_small img{
	width:8vw;
	height:auto;
}




#footer .soc {
	width: 1.5vw;
	padding: 0 .5vw;
}

.tit_content, .bh_content, .mbts_content {
    margin: auto;
	height:25vh;	
	margin-bottom:4vh;
	justify-content:center;
}

#page_content{
	width:50%;
}


.box_header {
	line-height:0.65;	
}


#mnav {
display:none;
}

#nav {
display:none;	
}
.nav {
	display:none;
}

.soc {
width:3vw;	
}

.spinny {
	transition: transform 0.4s ease;
}

.spinny:hover {
	transform: rotate(-360deg);
}

#socials .box_content{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
}

#audio {
display:flex;
flex-flow: column nowrap;
}

img.audio {
	width:100%;
	object-fit:contain;
}

.card {
	transition: transform 0.4s ease;
	width:80%;
	margin:auto;
}

.card:hover {
	transform: rotate(5deg);
}

img.bar {
	display:none;
}

img.sq{
	display:block;
}


#sidebar_left {

 display:flex;
 flex-flow:column nowrap;
 
}


#sidebar_right {
 display:flex;
 flex-flow:column nowrap;
}

#footer {
	text-shadow: 1px 1px 3px #0000006a;
	color:#fff;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items: flex-end;

}


#footer a:link {
	background: -webkit-linear-gradient(#43d8ff, #f0b1ee, #f0f1b5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
	line-height:1.25;
	width:100%;
	font-weight:bold;
}


.fright{
float:right;
text-align:right;
}

.box_content {
	background-color:#ffffff6a;
	border-radius:25px;
	margin:auto;
	width:90%;
	padding:1vh;
	display: flex;
    flex-flow: column nowrap;
    align-items: center;
	text-align:center;
}

#socials .box_content {
background-color:#037f354a;
}

#events .box_content {
background-color:#7f03624a;
}

#audio .box_content {
background-color:#12037f4a;
}

.sidebar_content {
	width:20vw;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
}

#series .box_content{
		margin-bottom:4vh;
}


.middle>.fancy_nav {
	display:flex;
}

.fancy_nav {
	display:flex;
}

/*fancy menu */
.flip-card {
  background-color: transparent;
  width: 125px;
  height: 125px;
  perspective: 1000px; 
}


.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.3s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: transparent;
  color: black;
}

.flip-card-back {
  background-color: transparent;
  color: black;
  transform: rotateY(180deg);
}

.fancyNavLink{
z-index:10;	
position:relative;
top:-85px;
}


.fancy_nav {
	flex-flow:row nowrap;
	justify-content:space-between;
	text-align:center;
	z-index:10;
	font-size:2em;
	width:50vw;
	margin:auto;
}
.front_page {
	margin:auto;
}
/*end fancy menu*/

.middle>.title {
	    margin-top: 30vh;
}

.title {
	font-size:10vw;
}

.news_pic {
	width:250px;
}

.news_front_page {
	display:flex;
	flex-flow: row nowrap;
	background-color:#fd855e4a;
	border:2px dashed #fd5e5e;
	backdrop-filter:blur(5px);	
	border-radius:25px;
	padding:3vh;
}

.news_front_page .box_content {
	background-color:transparent;

	
}



}

.pagination {
	font-size:125%;
	color:#993048;
padding-bottom: 5vh;
}
.pagination a:link {
	color:#fff;
	
}

.pagination a:visited {
	color:#ccc;
}

.pagination a:active {
	color:#fff;
}

.foot_socials {
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
}

.fcenter {
text-align:center;	
}

.f_buttons {
	display:flex;
	flex-flow:row nowrap;
}

.title a:link, .title a:visited, .title a:active, .title a:hover{
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}

.blog_title a:link, .blog_title a:visited, .blog_title a:active, .blog_title a:hover{
	color:#8f4a5a;
}

.blog_content {
	height: fit-content;
	}
	
.series_content {
	height: fit-content;
	display:flex;
	}	

#page_content p { 
		margin: 0 0 2vh 0;
}

.blog-text {
height: fit-content;
    padding: 2vh 0;
}

 .book_links{
	 text-align:center;
	 
 }
hr {
	margin: 3vh 0;
}

.news_banner {
  font-size: 2.5vh;
  color: #fff;
  margin-top:2vh;
}
.news_banner {
  --r: .8em; /* control the cutout */
  
  padding-left: calc(var(--r) + .25em);
  line-height: 1.8;
  clip-path: polygon(100vw 0,0 0,var(--r) 50%,0 100%,100vw 100%);
  border-image: conic-gradient(#f9f9f938 0 0) fill 0//100vw;
  width: fit-content;


}

#contact {
	display:flex;
	flex-flow: column nowrap;
	text-align:center;
	font-family:'Grand Hotel';
	font-size:3rem;
}

.contact_box_content {
	display:flex;
	flex-flow: row nowrap;
	width:57%;
	margin:auto;
	font-family:'Raleway';
	font-size:1rem;	
	justify-content:center;
	margin-bottom:3vh;
	margin-top:3vh;
	
}
.contact_div {
	padding: 0 .5vw;
	text-align:center;
}


/* Gallery stuff  */


.gallery_wrapper {
	display:flex;
	flex-flow: column wrap;
	align-content:center;
	margin:auto;
	color:#000;

}

.gallery_cat {
	display:flex;
	flex-flow: row nowrap;
	justify-content:flex-start;	
	margin:auto;
	padding:2vh 0;
}

.gallery_header {
	text-align:right;
}
.gallery_header img{
margin-top: 30%;
}


.gallery_row {
	display:flex;
	flex-flow: row wrap;
	justify-content:flex-start;	

}

.book {
	display:flex;
	flex-flow: row nowrap;	
	padding: 0 1vw;
}
.thumb >img {
	width:150px;

}

#blueHouse {
	width:45%;
}	

#blueHouse .gallery_header {
	background: #fff url('imgs/bh_bg_round.png') no-repeat left top;
	background-size: auto 100%;

}

#murderSea .gallery_header {
	background: #fff url('imgs/mbts_bg_round.png') no-repeat left top;
	background-size: auto 100%;

}

#topsailIsland .gallery_header {
	background: #fff url('imgs/tit_bg_round.png') no-repeat left top;
	background-size: auto 100%;

}

#standAlone .gallery_header {
	background: #fff url('imgs/sa_bg_round.png') no-repeat left top;
	background-size: auto 100%;

}

#murderSea {
	width:60%;
}

#topsailIsland {
	width:45%;
}

#standAlone {
	width:50%;
}


/* end Gallery stuff  */