/*
 Theme Name: West Shore Beach Cafe 2017
 Theme URI:
 Description: 
 Author:
 Author URI:
 Template: Divi
 Version: 
*/
 
@import url("../Divi/style.css");

body.home .logo_container {
	display: none;
}
h1 {
	font-size: 50px !important;
}
h2 {
	font-size: 40px !important;
	margin-bottom: 24px !important;
}
a img.bordered {
	height: 88px;
	margin-top: 12px;
	margin-bottom: -4px;
	padding: 8px;
	background: transparent;
	border: 1px solid #006478;
	border-radius: 4px;
	-webkit-transition: background .5s;
	transition: background .5s;
}
a img.bordered:hover {
	background: #A9D7D4;
	-webkit-transition: background .5s;
	transition: background .5s;
}
.float-l {
	float: left;
}
.float-r,
.footer-widget #text-5 {
	float: right;
}
.twitter {
	margin: 0 8px;
}
@keyframes brand-colours {
	0% { background: #A9D7D4; }
	33% { background: #149F98; }
	66% { background: #006478; }
	100% { background: #A9D7D4; }
}
body.home .footer-logo {
	cursor: crosshair;
    -webkit-animation-name: brand-colours;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    animation-name: brand-colours;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}
@keyframes animatedBG {
	0 { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
body.page-id-416 .footer-logo {
	background-image: url(http://www.westshorebeachcafe.com/wp-content/uploads/llandudno-panorama-b.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBG 40s ease-in-out infinite;
}
.about-a {
	background: #149F98 url(http://www.westshorebeachcafe.com/wp-content/uploads/boat.png) no-repeat right 24px bottom 24px;
	background-size: 48px;
}
.about-b {
	background: #006478 url(http://www.westshorebeachcafe.com/wp-content/uploads/anchor.png) no-repeat right 24px bottom 24px;
	background-size: 44px;
}
a.admin-login {
	display: block;
	width: 30px;
	height: 30px;
	position: fixed;
	right: 3px;
	bottom: 3px;
	border-radius: 15px;
}
a.admin-login:hover {
	background: red;
	opacity: .5;
	border-radius: 15px;
}
/* Posts */
.et_pb_post {
	padding: 32px 48px 48px;
	border-radius: 12px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 0px 12px 0px rgba(169,215,212,0.3);
	-moz-box-shadow: inset 0px 0px 12px 0px rgba(169,215,212,0.3);
	box-shadow: inset 0px 0px 12px 0px rgba(169,215,212,0.3);
}
.et_pb_post h2 {
	margin: 4px 0 !important;
}
.et_pb_post h3 {
	color: #006478;
}
.et_pb_post p {
	color: #5A5A5A;
}
@media screen and (max-width: 400px) {
	.et_pb_post {
		padding: 16px 20px 20px;
	}
}
/* Breakfast Menu */
.menus ul {
	list-style: none;
	border-left: 32px solid #A9D7D4;
	padding-bottom: 0;
}
.menus ul li {
	margin-left: 12px;
}
@media screen and (orientation: portrait) {
	.menus ul {
		border-left: 8px solid #A9D7D4;
	}
}
.menus ul li:nth-child(3n+1) { /* Menu Title */
	clear: both;
	font-family: 'Unkempt';
	font-size: 28px;
	color: #149F98;
	margin-bottom: 8px;
	padding-top: 20px;
	border-top: 1px solid #A9D7D4;
}
.menus ul li:nth-child(3n+2) { /* Menu Description */
	display: inline-block;
	width: 100% !important;
	color: #006478;
	padding-right: 18%;
	margin-bottom: 12px;
}
.menus ul li:nth-child(3n+3) { /* Menu Price */
	float: right;
	font-size: 18px;
	color: #006478;
	margin-top: -2.15em;
	padding-bottom: 16px;
}
.menus ul::after {
	content: " ";
	display: block;
	border-bottom: 1px solid #A9D7D4;
}
/* Mains Menu */
.menus2 {
	box-shadow: 0 0 4px #CCC;
}
.menus2 ul li {
	margin-left: 12px;
}
.menus2 ul {
	list-style: none;
	border-left: 32px solid #006478;
	padding-bottom: 0;
}
@media screen and (orientation: portrait) {
	.menus2 ul {
		border-left: 8px solid #006478;
	}
}
.menus2 ul li:nth-child(3n+1) { /* Mains Menu Title */
	clear: both;
	font-family: 'Unkempt';
	font-size: 28px;
	color: #006478;
	margin-bottom: 8px;
	padding-top: 24px;
	border-top: 1px dashed #DDD;
}
.menus2 ul li:nth-child(3n+2) { /* Mains Menu Description */
	display: inline-block;
	width: 100%;
	color: #149F98;
	padding-right: 18%;
	margin-bottom: 12px;
}
:not(li.fullmonty).menus2 ul li:nth-child(3n+2) { /* Descriptions hidden except full monty */
	display: none;
}
.menus2 ul li:nth-child(3n+3) { /* Mains Menu Price */
	float: right;
	font-size: 18px;
	color: #006478;
	margin-top: -2.15em;
	padding-bottom: 16px;
}
.menus2 ul::after {
	content: " ";
	display: block;
	border-top: 1px dashed #DDD;
}
/* Teas & Coffees Menu */
.menus3 h2 {
	color: #373737;
}
.menus3 p { /* Category Heading */
	font-size: 16px;
	margin-bottom: 8px;
	padding: 12px 0 !important;
	color: #FFF;
	line-height: 1;
	background: #373737;
	border-radius: 4px;
}
.menus3 {
	text-align: center;
}
.menus3 ul {
	line-height: 1;
	list-style: none;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 0;
	padding-left: 0;
}
.menus3 ul li:nth-child(3n+1) { /* Tea Menu Item */
	line-height: 0.8;
	clear: both;
	font-family: 'Unkempt';
	font-size: 24px;
	color: #A9D7D4;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px dashed #A9D7D4;
}
.menus3 ul li:nth-child(3n+2) { /* Tea Menu Item Description */
	/* line-height: 1.75 */
	font-size: 12px;
	color: #56282B;
	margin-bottom: 8px;
}
.menus3 ul li:nth-child(3n+3) { /* Tea Menu Price */
	font-size: 16px;
	padding-bottom: 8px;
	color: #FFF;
}
@media screen and (min-width: 981px) {
	.menus3 ul li {
		line-height: 1.9;
	}
	.menus3 ul li:nth-child(3n+1) {
		line-height: 1.7;
	}
	.menus3 ul li:nth-child(3n+2) {
		line-height: 2.5;
	}
}
.menus3 ul::after {
	content: " ";
	display: block;
	border-top: 1px dashed #A9D7D4;
}
/* Wines & Beers Menu */
.menus4 p {
	font-size: 16px;
	margin-bottom: 8px;
	padding: 12px 0 !important;
	color: #FFF;
	line-height: 1;
	background: #149F98;
	border-radius: 4px;
}
.menus4 {
	text-align: center;
}
.menus4 ul {
	line-height: 1;
	list-style: none;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 0;
	padding-left: 0;
}
.menus4 ul li:nth-child(3n+1) { /* Wines Menu Item */
	line-height: 0.8;
	clear: both;
	font-family: 'Unkempt';
	font-size: 24px;
	color: #A9D7D4;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px dashed #DDD;
}
.menus4 ul li:nth-child(3n+2) { /* Wines Menu Item Description */
	line-height: 1.75;
	font-size: 12px;
	color: #149F98;
	margin-bottom: 8px;
}
.menus4 ul li:nth-child(3n+3) { /* Menu Price */
	font-size: 16px;
	padding-bottom: 8px;
	color: #FFF;
}
.menus4 ul::after {
	content: " ";
	display: block;
	border-top: 1px dashed #DDD;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.rotator img {
	-webkit-animation: spin 4s linear 12;
	-moz-animation: spin 4s linear 12;
	animation: spin 4s linear 12;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
/* Attractions page */
.info-panel {
	border-left: 12px solid #A9D7D4;
	border-bottom: 1px solid #A9D7D4;
	padding-left: 32px !important;
}
.info-panel-last {
	border-left: 12px solid #A9D7D4;
	border-bottom: none;
	padding-left: 32px !important;
}
.info-panel.even {}
/* About Us */
.letter p::first-letter {
	font-weight: bold !important;
	font-size: 200% !important;
}
.padded {
	padding: 64px;
}
.border-style-a {
	border-left: 12px solid #FF9B87;
}
/* Slider */
.wp-image-174,
.wp-image-235 {
	margin-bottom: 32px;
}
.et_pb_slide_content h1 {
	text-shadow: 0px 0px 4px #000000;
}
.fb-like {
	position: relative;
	top: 12px;
}
@media screen and (min-width: 981px) {
	.fb-like {
		float: right;
	}
}
/* Help for Heroes post */
.imgfloat-l,
.imgfloat-r {
	padding-top: 24px;
}
@media screen and (min-width: 700px) {
	.imgfloat-l {
		float: left;
		width: 50%;
		margin-bottom: 24px;
	}
	.imgfloat-r {
		float: left;
		width: 50%;
		margin-bottom: 24px;
	}
}
/* Buttons */
.webcam-menu-buttons {
	min-width: 100%;
}
a.more-link {
	text-transform: capitalize;
	border: 2px solid #2EABF5;
	border-radius: 4px;
	display: inline-block !important;
	margin-top: 24px;
	padding: 12px;
	transition: 0.3s;
}
a.more-link:hover {
	opacity: 0.6;
	transition: 0.3s;
}
@media screen and (max-width: 767px) {
	.padded {
		padding: 16px 24px 48px;
	}
}