html{scroll-behavior: smooth;}

@media (hover:hover) { }
@media (hover:none) { }
* { box-sizing:border-box; -moz-box-sizing:border-box; }
/*
font-family:Georgia, serif;
font-family: 'Oswald', sans-serif;
*/
/* */
html,body,h1,h2,h3 {margin:0;padding:0;}
html {}
html.home {overflow-x:visible;}
body {color: #525252;font-family:Georgia, serif;    font-size: 1.25em;background: #ffffff url(../png/body.png);}
img {border:none;}
a {border:none;outline:none;font-weight:inherit;color: black;}
h1, .h1  {display:block;color: #4c4c4c;font-size: 2.3em;font-family: 'Oswald', sans-serif;line-height: 1em;font-weight: normal;letter-spacing: 0px;margin: 0px 0 48px 0;text-transform: uppercase;text-align: center;}
.home h1 {}
h2 {color: #44a5c2;color: #000000;font-family: 'Oswald', sans-serif;font-size: 2.2em;font-size: 1.8em;line-height: 1.1em;margin: 25px 0 0px 0;text-align: left;font-weight: normal;}
.home h2 {font-size: 30px;margin: 25px 0 10px 0;text-align: center;font-weight: normal;}
h3 {font-size: 19px;margin:22px 0 0 0;line-height: 25px;/* font-weight:normal; */}
p {margin: 12px 0 27px 0;line-height: 1.4em;}

@media (max-width:730px) {
	h1, .h1  {font-size: 2em;}
	.content p {font-size: 18px;line-height: 25px;}
}

table {font-size: 16px;}
hr {border:none;margin: 30px 0;border-bottom: 2px solid #e99e1e;}
input {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: rgba(0, 0, 0, 0.21); color:#292929 ;}
::-moz-selection {background: rgba(0, 0, 0, 0.21); color:#292929 ;}
::-webkit-selection {background: rgba(0, 0, 0, 0.21); color:#292929 ;}

.clear {clear:both;}

.tel, .tel:hover {text-decoration:none !important; cursor:default;    color: #757575;}

.button {position:relative;padding: 4px 20px 5px 20px;font-size: 18px;background: #303736;color: white !important;border-radius: 3px;font-weight: normal !important;text-decoration: none !important;text-transform:uppercase;margin: 10px 2%;box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);     font-family: 'Oswald', sans-serif; font-size: 1.3em;transition: 0.3s;}
.button:after {position:absolute;content:'\f105';font-family:'Font Awesome 5 Free';right: 9%;top:50%;font-size: 32px;margin-top: -17px;color:white;opacity:0;transition:0.3s;}
.button:hover {padding-right: 45px;}
.button:hover:after {opacity:1;right: 6%;}

.button>b {
    color: #f7d5d5;
    text-decoration: underline;
    font-size: 16px;
    margin-left: 14px;
    vertical-align: top;
	font-weight:normal;
}
body > .button,
footer .button { display:none;}

.vidbutton{ background-color:#0249a7 !important;}

/*HOME ALERTS===================================================*/

.homealert,.emergencyalert{
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0);
        transform: translateZ(0);
    text-align: center;
    background: #ffff85;
    color: #000;
    max-width: 60%;
	margin: 0 auto 50px auto;
	border-radius: 6px;
	box-shadow: rgb(0 0 0 / 43%) 3px 3px 6px -3px;
}
.emergencyalert{
	background:#9f0e0c;
	color: #fff;
}
.homealert p,.emergencyalert p{
	margin: 0;
	padding: 10px;
}
.homealert p a,.emergencyalert p a,.emergencyalert p strong{
	color: #fff;
	font-weight: bold;
}
.homealert a,.emergencyalert a{
	border: none;
	outline: none;
	color: #fff;
}
.homealert a{ color:#000 !important;}
.homealert a:hover,.emergencyalert a:hover{text-decoration: underline;}
@media (max-width:960px) {
    .homealert,.emergencyalert{max-width:100%;}
}
/*HEADER===================================================*/

header {position: absolute;width:100%;display:block;z-index: 100;width: 100%;transition:background 0.3s;}
.top {background: #64735e;}
.top .center {display: flex;max-width: 1400px;margin: 0 auto;}
header .top {box-shadow: inset 0px -9px 11px -10px rgba(0, 0, 0, 0.42);}	
	
	
	.header-inner {z-index:10;display: flex;justify-content: space-between;align-items: center;position:relative;margin:0 auto;padding: 0px 2%;max-width: 1280px;}

		/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(/templates/client/images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
		.logo { text-decoration: none;flex-grow: 0;position: relative;z-index: 1000;display: inline-block;padding: 7px 5px 5px 91px;width:311px;height:66px;margin: 0px 2px 0px 0px;background: rgba(0, 0, 0, 0.54);transition: 0.3s;}
		.logo img {position: absolute;left: 15px;top: 7px;width: 67px;height:auto;}
		.logo span { display: block;color: rgba(255, 255, 255, 0.57);line-height: 1.3em;font-family: 'Oswald', sans-serif;font-size: 0.85em;}
		.logo span:nth-child(3) {font-size: 1.16em;color: white;}

		
		@media (max-width:1170px) {
			 .header-inner { background: rgba(0, 0, 0, 0.54);}
			 .logo {background:transparent;    padding: 7px 5px 5px 74px;}
			 .logo img {left: 0px;}
		}
		
		@media (max-width:430px) {
			.header-inner {padding: 0px 2%;}
			.logo {width: 261px; padding: 7px 5px 5px 80px;}
			.logo img {left: 3px;}
			.logo span:nth-child(3) {font-size: 0.96em;}
		}

	/* Nav======================= */
	nav {flex-grow: 1;position:relative;/* float: right; */z-index: 110;/* background: rgba(0, 0, 0, 0.54); */font-family: 'Oswald', sans-serif;}
	nav .mobileMenu {display:none;position:absolute;bottom: 0px;right: 2.5%;width:90px;height:100%;}
	nav > .mobileMenu:before {position:absolute;content:"MENU";right: 28px;top: 0px;display:block;cursor:pointer;line-height: 62px;font-size: 21px;color: #fffffc;letter-spacing: 1px;transition: 0.3s line-height;}
	nav > .mobileMenu:after {position:absolute;content:"\f0c9";right: 0px;top: 0px;font-family:'Font Awesome 5 Free';display:block;cursor:pointer;line-height: 63px;font-size: 21px;color: #ffffff;transition: 0.3s line-height;}
	nav > ul {display: flex;list-style:none;margin:0;padding:0;}
	nav > ul > li {flex-grow: 1;position:relative;z-index:10;float:left;}
			   li.reserve {text-transform: uppercase;margin-left: 2px;}
			   li.reserve a {background: #ad182f !important;}
			   li.reserve a:hover {background: #c5213b !important;}
			   
			   li.reserve div {position:absolute;top: 68px;left:0px;width:100%;}
			   li.reserve div a {display: block;color:white;height: 34px;line-height: 34px;text-align: center;font-size: 0.9em;text-transform: none;background: rgba(0, 0, 0, 0.54) !important;transition: 0.3s;}
			   li.reserve div a:hover {background: rgba(0, 0, 0, 0.74) !important;}
			   li.mobile {display:none;flex-grow: 0;}
			   li.hasChildren:before {display: none;position:absolute;left: 50%;bottom: 34px;margin-left: -8px;content:'';width: 0px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #262626;transition:0.3s;}
			   li.mobile .cart-item{ width:auto; }	
	nav > ul > li > a {display:flex;justify-content: center;align-items:center;text-align:center;/* padding: 0px 15px 0px 15px; */line-height: 1.3em;height: 66px;color: #ffffff;/* background:white; */font-size: 1em;background: rgba(0, 0, 0, 0.54);transition: 0.3s;}
	nav > ul > li > a span {display: block;width: 100%;text-align:center;padding: 0px 15px 0px 15px;}
	nav > ul > li:first-child > a {/* border-left: 1px solid #262626; */}
	nav > ul > li:hover {}
			   li.hasChildren:hover:before {border-top: 8px solid #000000;}
	nav > ul > li:hover a {background: rgba(0, 0, 0, 0.74); }

	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 6px 0 1px 0;/*width: 210px;*/left: 0;top: 61px;overflow:hidden;transition: 0.2s;}
	nav > ul > li ul.ourRestaurants {left:inherit; right:0px; }
	nav > ul > li.alignRight ul {left:inherit; right:0px; }

	nav > ul > li ul  li  {position:relative;margin: 0;float: left;box-sizing: border-box;margin:1px 1% 1px 0px;width:100%;box-shadow: 1px 5px 5px -3px  rgba(0, 0, 0, 0.3);}

	nav > ul > li ul  li  a {position:relative;display:block;line-height: 24px;padding: 0;font-size: 17px;font-size: 1em;color: #ffffff;text-transform: none !important;transition: 0.3s;}
	nav > ul > li ul  li  a span {display:inline;}
	nav > ul > li ul  li  a span br {display:none;}
	
	nav > ul > li:hover ul  li  a  {align-items:center;background: rgba(0, 0, 0, 0.74);letter-spacing: 0;transition: 0.3s;}
	nav > ul > li ul  li:first-child:before {border:none !important}
	nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	nav > ul > li:hover ul  li:before {}
	nav > ul > li ul  li:hover a {background: rgba(0, 0, 0, 0.94);/* color:#ffffff !important; */}
	nav > ul > li ul  li:hover  a.pdf:before {/*background:url(/templates/client/images/pdf2.png) center -23px no-repeat;*/}
	nav > ul > li:hover ul {height: 600px;height: fit-content;transition: 0.4s; min-width:200px; }

	nav > ul > li ul li a {padding: 13px;}
	nav a{text-decoration:none;}
	nav > ul > li.sbn-link{ max-width:125px; }
	nav > ul > li.rbn-link{ max-width:168px; }
	

	@media (max-width:1170px) {
		nav > ul > li.sbn-link, nav > ul > li.rbn-link{ max-width:100%; }
		nav {/* float:none; */position: absolute;width: 100%;min-height: 60px;left: 0%;}
		nav .mobileMenu {display:block;z-index: 1000;}
		nav > ul {display: block;padding: 0px 0 0 0;}
		nav > ul.selected {position: absolute;border-bottom: solid 5px #303736;right: 0px;top: 66px;width: 100%;background: #000000;font-size: 1.1em;}
		nav > ul.selected > li {width:100%; }
		nav > ul > li.reserve {}
		nav > ul > li.reserve div {display:none !important;}
		nav > ul.selected > li a {font-size: 1em;line-height: 1.2em;color: black !importnat;text-align: center;text-transform: uppercase;}
		nav > ul > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
		nav > ul.selected > li {display:block;margin-top: 1px;margin-left: 0px;}
		nav > ul > li:before {display:none;}
		nav > ul > li {display:none;margin-top:0px !important;border-top: 2px solid rgba(68, 68, 68, 0.57) !important;}

		nav > ul > li > a {position:relative;padding: 0 9px;color: #fff !important;text-align: right !important;height: 50px;background: rgba(0, 0, 0, 0.86);}
		nav > ul > li.hasChildren  {    padding-bottom: 12px;}
		nav > ul > li.hasChildren > a:before {/* display:none; */position:absolute;content:"\f0d8";font-family:'Font Awesome 5 Free';right: 50%;bottom: -9px;font-size: 41px;margin-right: -12px;font-weight: bold;color: rgba(64, 64, 64, 0.89);}
		nav > ul > li > a span  {line-height:1em;}
		nav > ul > li > a span br {display:none !important;}
		nav > ul > li ul {
			width: 97%;
			height: 100% !important;
			position: relative;
			top: 0!important;
			padding: 0;
			margin-left: 1.5%;
			border-radius: 6px;
			background: rgba(64,64,64,.89);
			display: flex !important;
			justify-content: space-between;
			align-items: stretch;
			align-content: center;
			align-self: auto;
			flex-direction: row;
			flex-wrap: wrap;
			flex-flow: row wrap;
		}
		nav > ul > li:first-child:hover ul {height:inherit !important;}
		nav > ul > li:hover ul, nav > ul > li.opened ul {display: block;}
		nav > ul > li:hover a:before, nav > ul > li.opened a:before {}
		nav > ul > li ul  li  {display:flex; width: 50%;margin: 0px 0px;/* background: rgba(0, 0, 0, 0.89); */box-shadow: none;}
		nav > ul > li ul  li  a,
		nav > ul > li ul  li:hover a {padding: 12px 15px !important;background: none !important;/* line-height: 49px !important; */border-bottom: 1px solid  rgba(0, 0, 0, 0.39);border-right: 1px solid rgba(0, 0, 0, 0.39);}
		nav > ul > li ul  li  a{
			display: flex;
			justify-content: center;
			align-items: center;
			width:100%;
		}
	}

	
	@media (max-width:430px) {
		nav > .mobileMenu:before {display:none;}
	}
	
	


/*BANNER IMAGES============================*/
.dynamic-headers {position: relative;}
	.rslides {margin:0 auto !important; }
	.rslides li {background-size:cover; background-position:center center;   }
	.rslides img {object-fit: cover;min-height: 300px;max-height: 480px;     filter: brightness(0.85);}
	.boats-slides img {min-height: 400px;max-height: 680px;     filter: brightness(0.85)}
	.home_slides  li { /*opacity: 0; */ /*transform: scale(1,1); transition: transform 10s linear , opacity 3s !important; */}
	.home_slides li.rslides1_on {opacity: 1; /*transform: scale(1.2,1.2); transition: transform 10s linear ,  opacity 2s !important; */}
	.home_slides img {min-height:400px;max-height: 830px;}

	.mapImg {display:block; width:100%;object-fit: none; min-height: 300px;max-height: 480px; object-position: center 40%;}
	.mapLink {position:absolute;left:50%;top:50%;margin: -33px 0px 0px -60px;width: 120px;height: 80px;background:rgba(255, 0, 0, 0.0);}
		@media (min-width:2130px) {
			.mapImg {object-fit: cover; }	
		}
		
	/*overlay*/
	.overlay {position:absolute;width: 100%;z-index: 10;left:0px;top: 43%;margin-top: -2.5em;text-align: center;color: #fff;padding: 10px 3% 22px;font-family: 'Oswald', sans-serif;font-size: 2.8em;text-transform:uppercase;text-shadow: 0px 0px 2px black, 1px 1px 10px rgba(0, 0, 0, 0.28);transition:0.3s;}
	.overlay span {display:block;font-size: 0.8em;text-shadow: 0px 0px 2px black, 1px 1px 10px rgba(0, 0, 0, 0.28);line-height: 1.2em;text-transform:none;}

		@media (max-width:1220px) {
			.overlay {top: 60%;line-height: 1em;font-size: 2.2em;}
			.rslides img {filter: brightness(0.7);}
		}


/* Main section layouts-------------------- */
.content {position: relative;z-index: 10;width:100%;padding:0;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);}
.content article {width:100%;display: block;padding: 50px 20px;margin: 0 auto;font-size: 0.93em;max-width: 1160px;    min-height: 380px;}

.children {margin:0px;} /*content subnav*/
@media (max-width:560px) {
	.children>* {
		display: block;
		width: 100%;
		margin: 4px 0 !important;
		padding: 0;
		height: auto;
	}
}
article strong {color: black;}
.default article p {margin: 12px 0 37px 0;}
article a,
article li a {color: rgb(155, 15, 10); text-decoration:underline;}
/*.default.content article ul {padding: 0;list-style: none;}
.default.content article ul li {position: relative;padding-left: 20px;margin-bottom: 12px;}
.default.content article ul li:before {position: absolute;content: '';width: 8px;height: 8px;border-radius: 50%;background: #8a1317;top: 7px;left: 0;box-shadow: 1px 1px 4px rgba(0,0,0,.53);}*/

.default article ul {list-style:none; padding:0px;}
.default article ul:not(.aligned-gallery, .aligned-gallery2 ) li {
	width: 100%;
    position: relative;
    padding: 10px 10px 10px 25px;
    background: rgba(230, 230, 230, 0.5);
    margin-bottom: 15px;
    color: #757575;
}
.default article ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #9a0606;
}
.default article li p{margin:0;}


.default.content article .button,
.viewall .button {display: inline-block;    margin: 10px 2% 10px 0%; padding: 6px 20px 6px 20px !important;background: #9a0606;transition:0.3s;}
.default.content article .button:after,
.viewall .button:after {display:none !important; }
.default.content article .button:hover,
.viewall .button:hover {background: #bd0909;}

.content article ol {list-style: none; counter-reset: my-counter; margin:0px 0px 0px 12px;}
.content article ol li {position:relative;counter-increment: my-counter;margin: 8px 0px;}
.content article ol li:before {content: counter(my-counter);color: #ffffff;font-size: 1em;font-weight: bold;position: absolute;left: calc(-1 * 32px - 10px);line-height: 25px;width: 26px;height: 26px;top: 0px;font-family: 'Oswald', sans-serif;background: #e03a3e;border-radius: 50%;text-align: center;box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #01538f, 0px -4px 5px 3px rgba(0, 0, 0, 0.35);transition:0.3s;}
.content article ol li:hover:before {background: #f9040a;}

.box {background: rgba(0, 0, 0, 0.07);font-size: 0.9em;line-height: 1.2em;border-radius: 3px;padding: 20px 4%;}

/*Responsive tables from old site--------------------------*/
/*responsive tables*/
	table.respond {position:relative;width:100%;background: white;margin-bottom:30px;box-shadow: 0px 9px 9px -10px rgba(0, 0, 0, 0.25), 1px 1px 7px rgba(0, 0, 0, 0.10);}
	table.respond:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../triangles.html) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	table.respond thead {background: #1B4C7A;background-size: 128px;color: #fff;}
	table.respond thead th {padding:5px 10px; border:none !important;}
	table.respond tr td {text-align:center; border-top:1px solid #E0DBDB;  padding:5px 10px}
	table.respond tr td:nth-child(1) {text-align:left;}
	
	.table2 {position:relative;margin-top:-22px;background: white;margin-bottom:30px;box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1), 0px 9px 9px -10px rgba(0, 0, 0, 0.25);}
	.table2:before {content:''; position:absolute; top:-9px; left:0px; width:100%; height:11px; background: url(../triangles.html) repeat-x 8px -10px;}
	.table2:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../triangles.html) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	.table2 tr td {text-align:left; padding:5px 10px}
	.default article .table2 ul li {background:white;}
	
	/*music page */
	table.mp3 {float:left; width:31.33%; margin:0 1% 25px 1% !important;}
	table.mp3 img {  display: inline !important; max-width:300px !important; width:100% !important; height:auto !important; border-radius:3px; padding-bottom:0px !important;}
	
	table.team-table{ border:none; width: 100%; }	
	table.team-table tr{}	
	table.team-table tr td{ border:none; border-top: 1px solid #ccc; }
	table.team-table tr td:first-child{width:20%; text-align: center} 
	table.team-table tr td:last-child{width:80%;padding-left:2em;} 
	table.team-table tr td:first-child img{ display: block; width: 100%; height: 280px; object-fit: cover; }	
	table.team-table tr td:first-child p{margin:30px 0 0 0}
	table.team-table tr td,table.team-table tr th,table.team-table tr td p{font-size:18.6px;}

	
	@media (max-width:740px)   {
		table.team-table, table.team-table tr, table.team-table tr td{display:block; width:100% !important;}
		table.team-table tr td:first-child img{width:100%; height:auto; margin:0 auto; object-fit: unset; }
		.table3,.table3 tbody,.table3 tbody tr,.table3 tbody tr th,.table3 tbody tr td{display: block !important; width:100% !important;}
	}

	/*Transportation Page*/
	
	.transportation img {margin:10px 2%; width:14.7% !important; height:auto !important; display: inline !important;}
.columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
}
.columns  li{
    width: auto !important;
    text-align: center;
    font-weight: bold;
    margin: 0 !important;
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-flow: row nowrap;
}
.columns  li:before{ position:relative !important;  margin-right:10px; top:0 !important; left:0 !important;}
		@media (max-width:1060px)   {
			.transportation img { width:20% !important;}
		}
		@media (max-width:740px)   {
			.transportation img { width:28.33% !important;}
		}
		@media (max-width:560px)   {
			.transportation img { width:43.43% !important;}
			.columns{justify-content:center;}
			.columns  li{width:100% !important; flex-grow:1;}
		}
	/*Culinary Staff*/
	
	table.staff {position:relative;  width:100%;  background:url(../excerpt-back.html); margin-bottom:30px; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
	table.staff:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../triangles.html) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	table.staff thead { background: #1B4C7A url(../blue_leatherhd.html) center; background-size: 128px; color:#E2DDD7;  }
	table.staff thead th {padding:5px 10px; border:none !important;}
	table.staff tr td {text-align:center; border-top:1px solid #E0DBDB;  padding:5px 10px}
	table.staff tr td:nth-child(1) {text-align:left;}
	.chefs {float:left; display:inline-block; margin-right:15px; min-width:130px !important;  width:130px !important; max-width:130px !important;height:auto;}
	
	@media screen and (max-width: 720px) {
		table.mp3 {width:100%; margin:0 auto 25px auto; text-align:center !important}
	}
	
	@media screen and (max-width: 620px) {
	table.respond thead { display: none; }
	table.respond tbody td { display: block; margin: 0;   padding:5px 5px text-align: left;   background:url(../excerpt-back.html); }
	table.respond tbody tr td:first-child {background: #1B4C7A url(../blue_leatherhd.html) center; background-size: 128px; color:white;}
		table.respond tbody tr td:first-child *{ color: #fff;}
	table.respond tbody td,Ãƒâ€šÃ‚Â table.respond tbody td:first-child {position: relative;padding-left: 42%;width: 100% !important;}
	table.respond tbody tr td:first-child:before {left: 0;width:34%;top: 7px;height: 100%;display: block;color: #fff;}
	table.respond tbody {background: none;}
	table.respond {background: none;}
	table.respond tbody td:before {content: attr(data-th); position: absolute;left: 0;top: 7px;width: 34%;text-align: left;height: auto;padding-left: 14px;border-right: 2px dashed #C1C1C1;}
	}

	@media screen and (max-width: 550px) {
		.content img {max-width: 100%; display:block; padding-bottom:20px; float: none !important;}
	}
	
	
.childpages{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.childpages li{
	width: 48% !important;
    margin: 0 1%;
    padding: 0.5% 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: none !important;
}
.childpages li:before{display:none;}
.childpages li a{
    background: rgba(230,230,230,.5);
    padding: 1em;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1em;
    text-align: center;
    margin: 0;
    border: 1px solid #fbdedd;
    border-radius: 4px;
    box-shadow: #000 3px 3px 3px -4px;
}
@media screen and (max-width: 620px) {
	.childpages,.childpages li{display:block; width:100% !important; margin:1% 0 !important;}
}
	
	
/*Social*/
.social {/* display: flex; */justify-content: flex-end;justify-content: flex-end;position: relative;text-align: center;width: 100%;padding: 0px 2.5% 0px;margin: 0px auto 0px auto;color: rgba(255, 255, 255, 0.78);}
.social .connect {font-size:13px;color: #2c2c2c;display: block;}
.social  .icon {display: inline-block;width: 38px;height: 38px;line-height: 38px;color: rgb(47, 47, 47);text-indent: -300px;overflow: hidden;margin: 0 1px 0px 1px;font-size: 1.5em;text-align: center;transition:0.3s;}
	.twiter {/*font-size: 26px !important;*/}
	.youtube {width: 48px !important;}

.social .fab {text-indent: 300px;line-height: 38px;}
.social .fab span {font-size: 16px;padding: 0 4px;}
.social a:hover {color: #403f3f;}
.social span {position:relative;padding-left: 42px;margin-left: 10px;line-height: 38px;font-size: 0.9em;color: rgba(219, 214, 187, 0.83);border-left: 1px solid rgba(255, 255, 255, 0.25);}
.social span:before {position:absolute;content:'\f095';font-family:'Font Awesome 5 Free';font-weight: 900;left: 14px;top:1px;color: #212524;}
	
	
/*cta_boats======================*/
.cta_boats {display:flex; flex-flow:space-between;}
.cta_boats > div {position:relative;padding: 55px 3% 335px 3%;text-align:center;flex-grow:1;/* min-height: 690px; */background: rgb(115, 153, 215);}
.cta_boats > div:nth-child(1) {margin-right:3px;}
.cta_boats > div > * {position:relative;}
.cta_boats > div > img {position:absolute;left:0px;bottom: 0px;width: 100%;height: 100%;object-fit: cover;object-position: bottom;}
.cta_boats > div h2 {
    margin: 0px auto;
}
.cta_boats > div h2 img {max-width: 496px;width: 100%;height:auto;}
.cta_boats > div p {max-width:500px;text-align: center;color: black;margin: 13px auto;}
.cta_boats > div .button {display: inline-block;margin-top: 30px;background: #990605;}
.cta_boats > div .social {margin-top: 2px;}

.cta_boats > .riverboat h2 img{
    max-height: 103px;
    width: auto;
}
	@media (max-width:800px) {
		.cta_boats > div {padding: 55px 3% 230px 3%;}
		.cta_boats > div > img {height: 75%;}
		.cta_boats > div p {    font-size: 0.9em;    line-height: 1.3em;}
	}
	@media (max-width:580px) {
		.cta_boats {display:block;} 
		.cta_boats > div {padding: 55px 3% 250px 3%;}
		.cta_boats > div:nth-child(1) {margin-right:0px; margin-bottom:3px;}
	}
	
	

/*CTA NEWS===============================================*/
.cta_news h2 {display:block;color: #676767;font-size: 2.2em;font-family: 'Oswald', sans-serif;line-height: 1em;font-weight: normal;letter-spacing: 0px;margin: 0px 0 48px 0;text-transform: uppercase;text-align: center;}
.cta_news {position: relative;z-index: 10;width:100%;padding:0;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);}
.cta_news div {width:100%;display: block;padding: 98px 5% 90px;margin: 0 auto;font-size: 0.93em;max-width: 980px;text-align:center;}
.cta_news div h2 {margin-bottom: 28px;}
.cta_news div h2 a {color:#676767;}
.cta_news div h3 {margin-bottom:20px;}
.cta_news div h3 a {font-weight:bold;}
.cta_news div p {text-align:left;}
.cta_news div .button {background:#2a60d4;padding: 4px 40px 6px 40px;}
.cta_news div .button:hover {padding-right: 55px;}



/*CTA SERVICES===============================================*/
.cta_services {display:flex;justify-content: space-between;align-items:center;background: white;}
.cta_services a {display: block;align-items: center;position:relative;flex-wrap: nowrap;width: 24.8%;background: black;}
.cta_services a img {display: block;width:100%;/* object-fit: cover; */height: auto;opacity: 0.6;transition:0.3s;}
.cta_services a:hover img {opacity: 0.8; }
.cta_services a > div {position:absolute;left:0px;top:50%;width: 100%;margin-top: -50px;text-align: center;}
.cta_services a span {display: block;width: 100%;position:relative;    padding: 0px 3%;color:white;text-align: center;font-family: 'Oswald', sans-serif;font-size: 1.8em;}
.cta_services a .butt {padding: 4px 20px 5px 20px;font-size: 18px;background: #303736;color: white !important;border-radius: 3px;font-weight: normal !important;text-decoration: none !important;text-transform:uppercase;margin: 10px 2%;box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);     font-family: 'Oswald', sans-serif; font-size: 1.3em;transition: 0.3s;
	display: inline-block;position:relative;background:white;color: black !important;font-size: 1em;}
.cta_services a .butt:after {position:absolute;content:'\f105';font-family:'Font Awesome 5 Free';right: 9%;top:50%;font-size: 32px;margin-top: -17px;color:black;opacity:0;transition:0.3s;}
.cta_services a:hover .butt {padding-right: 35px;}
.cta_services a:hover .butt:after {opacity:1;right: 6%;}

	@media (max-width:1100px) {
		.cta_services a span {font-size: 1.45em;}
	}
	@media (max-width:880px) {
		.cta_services {flex-wrap:wrap}
		.cta_services a {width: 49.5%;}
		.cta_services a:nth-child(1),
		.cta_services a:nth-child(2) {margin-bottom: 10px;}
		.cta_services a span {font-size: 1.75em;}
	}
	@media (max-width:560px) {
		.cta_services a span {font-size: 1.45em;}
	}
	@media (max-width:480px) {
		.cta_services a {width: 100%;}
		.cta_services a:nth-child(3) {margin-bottom: 10px;}
		.cta_services a img {object-fit: cover; height:230px;}
	}
	
/*CTA FAQ==================================*/
.cta_faq {background:url(../jpg/faq.jpg) center;background-size:cover;padding: 90px 5% 300px;text-align: center;}
.cta_faq h2 {display:block;color:white;font-size: 2.2em;font-family: 'Oswald', sans-serif;line-height: 1em;font-weight: normal;letter-spacing: 0px;margin: 0px 0 48px 0;text-transform: uppercase;text-align: center;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.54);}
.cta_faq p {color:white;max-width: 880px;margin: 0 auto;text-align: center;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);}
.cta_faq .button {display: inline-block;background: #2a60d4;padding: 4px 40px 6px 40px;margin-top: 49px;}
.cta_faq .button:hover {    padding-right: 55px;}


/*CTA MAILIST----*/
.cta_mailist {position: relative;padding: 15px 5%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);}
.cta_mailist form fieldset div.formfields {justify-content:center;align-items: center;}
.cta_mailist form fieldset div.formfields span {display:inline-block;color: #4e4c4d;font-size: 0.9em;font-family: 'Oswald', sans-serif;text-transform: uppercase;margin: 0px 8px;}
.cta_mailist form fieldset div.formfields input {width: 200px;margin: 8px 9px;font-family: 'Oswald', sans-serif;text-transform: uppercase;height: 2.2em;font-size: 0.9em;box-shadow: inset 1px 1px 10px -4px rgba(0, 0, 0, 0.52);}
.cta_mailist form fieldset div.formfields button {width: 180px;text-align:center;padding: 0 0.6em;font-size: 1.2em;margin: 5px 9px;height: 1.7em;}
.cta_mailist form fieldset div.formfields button:after {display:none;}

/*CONTACT FORM overides =============================================================== */

form fieldset div.formfields input,
form fieldset div.formfields select,
form fieldset div.formfields textarea,
form fieldset div.formfields label.datewrap {box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.15);    background-color: #f0f0f0;}

form fieldset div.formfields label.datewrap  span {color: #A8A8A8;}

form fieldset div.formfields button {background-color: #9a0606;font-family: 'Oswald', sans-serif;text-transform: uppercase;/* margin: 0px 9px; */transition:0.3s;}
form fieldset div.formfields button:hover {    background-color: #bd0909;}

/* Old Blog */
section .blogitem { border-bottom:1px solid #8AA1AC; }
section .blogitem img { vertical-align:top; float:left; margin:0 0.7em 0.7em 0; }
section .blogitem .date { font-style:italic; }
section .blogitem .category {display: none; background: #9a0606;color: white;border-radius:0.5em;font-size:0.9em;padding:0.1em 0.3em;}



/* BLOG */
section .blogitem {position:relative;width:100%;background:rgba(255, 255, 255, 0.41);margin-bottom:30px;padding: 10px 10px;box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.25);border-radius:3px;}
section .blogitem:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../triangles.html) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
			
section .blogitem img {vertical-align:top;float:left;margin: 0 0.7em 0 0;padding-bottom:0px !important;border-radius:3px;font-size: 12px;}
section .blogitem h2 {padding: 0px 0px 6px 0px;margin-top: 0px;}
section .blogitem .date { font-style:italic; color: #A8A8A8;}
section .blogitem .category {display: none; border-radius: 3px;font-size:0.9em;padding: 0.1em 0.5em;}

.blog-comment-submit {display:none;}

section .archive ul {margin-top:0px;}
section .archive ul li {display:inline-block; padding-left:10px; background:#9B0F0A; color:#E6E2DB; text-align:left; border:none; border-radius:3px;  margin: 4px 5px 4px 0px; line-height: 23px;padding: 0 7px 0 7px; cursor:pointer; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.47); transition:0.3s;}
section .archive ul li:before {display:none;}
section .archive ul li  a {color:white; text-decoration:none !important;}
section .archive ul li:hover { background: #BE2526;}

.pageContainer {margin-top: 50px;}
.pageContainer a {display:inline-block;padding: 2px 5px;text-align:center;font-family: 'Oswald', sans-serif;}
.pageContainer span {display:inline-block;padding: 2px 5px;text-align:center;background: #0606062e;border-radius: 3px;font-family: 'Oswald', sans-serif;}


/*post pages */
.datecatText {display:none; text-align:center;    margin-bottom: 40px;}
.catLink {display:none; background: #9a0606;color: white;    border-radius: 3px;font-size: 0.9em;padding: 0.1em 0.5em;}
.postdate{ text-align: center; color: #888888; }

@media screen and (max-width: 550px) {	
	.content .blogitem img {float:left !important;}
	.content .blogitem p {clear: both;}
}

@media screen and (max-width: 400px) {	
	.content .blogitem img {float:none !important;}
}



/* Gallery============================ */
/* #gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 48%; width:31.3%; float:left;margin: 10px 1%;border: solid 8px #f6f4f1 !important;padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;bottom:5%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: rgba(255, 255, 255, 0.86);text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 27px;border-radius: 3px;padding: 11px 20px 11px 20px;color: black;box-sizing:border-box;border-radius: 4px;transition:0.3s;}
#gallery-categories li:nth-child(1)  a span,
#gallery-categories li:nth-child(2)  a span {margin: -47px 0 0 -140px;}
#gallery-categories li:hover a span {color: white;background: rgba(0, 0, 0, 0.9);}
#gallery-categories li a img { display:block; width:100%; height:auto; } */

/* @media screen and (max-width: 700px) {	
		#gallery-categories li {float:none;display:block;margin:0px auto 40px auto;width: 100% !important;max-width:410px;}
	} */
	
		
/* Aligned Gallery*/
/* .aligned-gallery { list-style:none;  columns:1;   padding: 0px 0px 0px 15px;}
.aligned-gallery li {display:block;float:left;margin: 5px;width: inherit !important;padding: 0px !important;box-;box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);sition:0.3s;}
.aligned-gallery li:hover {}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px; padding:0;} */
	

	/* @media screen and (max-width: 780px) {	
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {	
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}
	 */
	

/*FAQ page-------------*/
#frequently-asked-questions-page {}

/*TIMELINE===================================================*/
	article.timeline { max-width:1300px;display:block; }
	article.timeline h1 { margin-top:0px; }
	article.timeline h1 img { width:100%; max-width:964px; height:auto; }
	article.timeline h2 { font-family:'Ultra', serif; font-size:36px; font-weight:normal; margin:5px 0px 0px 0px; }
	article.timeline h3 { font-family:'Ultra', serif; font-size:24px; font-weight:normal; margin:5px 0px 0px 0px; text-transform:uppercase; }
	article.timeline ul { list-style:none !important; font-family:'Ultra', serif; margin:40px 0px 0px 0px; padding:18px 0px; font-size:20px; line-height:28px; list-style:none; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; }
	article.timeline ul li {display:inline-block;padding:0px !important;margin: 5px 2px !important;}
	article.timeline ul li:before {display:none !important; }
	article.timeline ul li a { display:block; color:#000; text-decoration:none; padding:0px 5px; }
	article.timeline ul li a:hover { color:#a00000; }
	article.timeline ul li.current a {background:rgba(0, 0, 0, 0.11); padding:2px 4px; border-radius:3px;}
	
	article.timeline .contentCont { width:100%; }
	.photo { background-image: url(../png/photo-frame.png); float: left; width: 100%; background-size: cover; background-repeat: no-repeat;   width: 61%; max-width: 520px; }
	.photo img { margin: 8%; width: 84%; height:auto; max-width:100% !important; padding-bottom:0px !important; }
	
	@media (max-width:750px) {
		.photo {width:100%;}
		.tlwrap a {top:30% !important;}
		article.timeline h2 { text-align:center; }
		article.timeline h3 { text-align:center; }
	}
	
	@media (max-width:580px) {
		article.timeline h2 { text-align:center; }
		article.timeline h3 { text-align:center; }
	}




/*Reservations*/
.reserve-page {}

table.gscard  td{padding-right:0; !important;}
table.gscard  td p{ margin:10px 0 0 0 !important;}
.gsproducts table .images{  margin-right: 20px !important;}
.gsproducts .images>.images{ margin:0;}
.paypalbut{}
.paypalbut select,.paypalbut input{ display: inline-block; padding: 5px;vertical-align: middle;}

.reserve-page ul {}
.reserve-page ul li:before {top:22px !important;}

 .reserve-title{
    background: #33508c;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    padding: 0.5em 1em;
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 10px -5px; */
    font-family: 'Oswald', sans-serif;
    font-size: 1.5em;
    font-weight: normal;
}
ul.reserve-list{ padding: 0px;list-style: none;display: flex;flex-flow: row wrap;align-content: space-around;justify-content: space-around;}
ul.reserve-list li{ padding: 1em;text-align: center;font-style: normal !important;width: 33.33% !important;margin-bottom: 19px !important;background: transparent !important;}
ul.reserve-list li img{width: 100%;max-width: 100%;height: auto;/* border: 2px solid #fff; */padding: 0;box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 10px -5px;}
ul.reserve-list li strong{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
}
ul.reserve-list li a{}
ul.reserve-list li i{}
ul.reserve-list li:before{ display:none; }
p.reserve-banner{
background: #fff;
    border-radius: 1em;
    overflow: hidden;
    text-align: center;
}
p.reserve-banner img{
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    padding: 0;
    border-bottom: 2px solid red;
}
p.reserve-banner a{
    font-size: 1.6em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1em;
    display: block;
}
p.reserve-grayline-logo{
    position: relative;
    margin: 9em 0 0 0;
    padding: 0;
    text-align: center;	
}
p.reserve-grayline-logo img{
    position: absolute;
    left: 50%;
    top: -100px;
    margin-left: -128px;
}
@media screen and (max-width: 930px) {
	ul.reserve-list li{width:50%;}
}
@media screen and (max-width: 560px) {
	ul.reserve-list li{width:100%;}
	.reserve-title{ font-size:1em;}
	p.reserve-grayline-logo img{top: -120px;}
}





/*GIFTSHOP  PAYPAL*/
.content table.gscard  td{padding-right:0; !important;}
.content table.gscard  td p{ margin:10px 20px 0px 0 !important;}
.gsproducts table .images{  margin-right: 20px !important;}
.gsproducts .images>.images{ margin:0;}
.paypalbut{}
.paypalbut select,.paypalbut input{ display: inline-block; padding: 5px;vertical-align: middle;}





/* Footer */
footer {position: relative;background:white; text-align:center;}
.home footer {z-index:0; padding-top: 30px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);}
.footer_nav {background:#ebebeb;text-align:center;padding: 9px 3%;}
.footer_nav a {font-family: 'Oswald',sans-serif;margin: 0px 9px;color: #504e4e; transition:0.3s;}
.footer_nav a:hover {color:#212020}

	.address {display:block;line-height: 1.5em;font-size: 0.8em;padding: 30px 3% 30px 3%;}
	.address .logo2 {max-width:200px; width:80%; height:auto;}
	.address .logo2 img {}
	.address .name {color:black;text-transform:uppercase;}
	.address span span {color:black;}
	.address .phone {color:black;}
.address>div>span{margin:4px 0;}
	.socialLogos {background: #ebebeb;padding: 16px 3%;}
	.socialLogos div {max-width:1000px;margin: 0px auto;text-align:center;}
	.socialLogos div img {height:auto;}
	.socialLogos a{text-decoration: none;}
	
/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* ================================================== Media Queries ================================================== */

		
/*BREADCRUMB=========================================================*/
.breadcrumb {font-size: 1.1rem;}
.breadcrumb ol {list-style: none; text-align:center;padding:0px;    margin: 0px;}
.breadcrumb ol li {display:inline-block;}
.breadcrumb ol li:after {content:" : ";}
.breadcrumb ol li a {text-decoration: underline;}
.breadcrumb ol li a span {}
.breadcrumb ol li:before{ display: none; content: none;}
.breadcrumb ol li:last-child:after {content:"";}
 .breadcrumb ol li:last-child a {text-decoration: none;color:#b3b3b3;cursor:default;} 
@media screen and (max-width: 1170px){
	.breadcrumb{position: relative;}
}

/*WEDDING BUTTONS*/
.weddingbuttons{
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.weddingbuttons li{width:49% !important; }
.weddingbuttons li:before{ content:none; display: none; }
.weddingbuttons li strong{display: block;}
.weddingbuttons li a{}
@media screen and (max-width: 560px) {
	.weddingbuttons li{width:100% !important; }
}

/* VIDEOS */
.vidwrapper {
    margin-top: 2em !important;
    text-align: center;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.vidwrapper.pano {
    padding-top: 62%;
}
.vidwrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
}

/* CAPTAIN HOME */
.captain-home{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    flex-flow: row nowrap;
    line-height: 1.4em;
}
.captain-home figure{
    max-width: 18%;
    margin: 0 1em 0 0;
    padding: 2%;
}
.captain-home figure img{
    width: 100%;
    height: auto;
}
.captain-home figure figcaption{
    font-size: 0.7em;
    line-height: 1.2em;
    color: #8e8e8e;
	text-align: center;
}
.captain-home>div{
    width: 80%;
    padding: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 700px) {
	.captain-home{
    	display: block;
	}
	.captain-home figure{max-width:100%;text-align: center;}
	.captain-home>div{width:100%;}
	.captain-home figure img{max-width:50%; margin:0 auto;}
}

/* TRIVIA */
.content article ol.trivia li{
    padding: 10px 10px 10px 0;
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
}
.content article ol li:before{top:10px;}
.content article ol.trivia.answers li:before{
    background: #39af2b;
}

#CDSWIDCOE{
	    margin: 0 auto 3em auto !important;
    text-align: center;
    border: 1px solid #ccc;
}

.floorplans{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.floorplans>div:first-child{
    width: 33%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.floorplans>div:first-child h3{
    text-align: center;
    font-size: 1.5em;
}
.floorplans>div:first-child img{
    width: 100%;
    height: auto;
}
.floorplans>div:last-child{
    width: 66%;
}
.floorplan-hr{
    margin: 2em 0 0 0;
}
@media screen and (max-width: 1020px) {
	.floorplans, .floorplans>div:first-child, .floorplans>div:last-child{
	    display: block; width: 100%;
	}
}



/*EDITS to FLAT SITE pages=============*/
.menuimg {
	width:100%;
	height:auto;
	border: 2px solid #ad2918;
}

/* Added code for new 3  group booking boxes CTA */
/* ------------------------ */
.ProductList {
 /* background: #80808024; */
 /* border-radius: 10px; */
 /* margin-bottom: 40px; */
 }
 .callToAction {font-size:1.2em;text-align: center;}
 .callToAction strong {font-size: 1.2em;}
 .callToAction span {
	font-size: 1.3em;
	font-weight: bold;
	color: red;
}


/* New Groups CTAs on FLat site */
.redd {
	color: #ff4242;
}



/* Added to clean up home page dynamicaly pulled in cta's */
.section-items-content {
	display: flex;
	/* display: block; */
}
.section-items-content p {
    font-family: "Oswald", sans-serif;
	text-align: center;
}

.section .subtitle {

}

.section .subtitle p {
	margin: 10px 0 10px 0;
	margin: 0px 0 0px 0;
}

.section-items > a {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 24.3%;
    width: 32.3%;
    border: 5px solid #373768;
    background: #373768;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}
.section-items > a:hover {
    border-color: #9a0606;
    background: #9a0606;
}


