/*
Theme Name: Liquid Nation Brewing
Theme URI: http://www.liquidnationbrewing.com
Description: Theme for Liquid Nation Brewing
Version: 1.0
Author: Liquid Nation Brewing
*/
body {
	margin: 0 auto;
	background:#bbf0ff url(/wp-content/themes/productions/images/bg.jpg) top center no-repeat;
	-webkit-background-size: 2000px 1300px;
    text-align: left;
    color:#454545;
    font-family:"Century Gothic","Arial","Trebuchet MS",sans-serif;
    font-size: 12px;
	}
a, a:visited , a:active {
	color:#009ca2;
	text-decoration: none;
	transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari and Chrome */
    -o-transition: all 0.5s; /* Opera */
	}
a:hover {
	color:#e8a900;
	text-decoration: underline;
	}
/*---Typicals---*/
img {border: 0;}
.center {text-align: center;}
.textleft {text-align: left;}
.floatleft {float: left;}
.floatright {float: right;}
.clear {clear:both;}
hr {border-top: 1px dashed #8c8b8b; margin: 20px 0 0 0; height: 20px; width: auto;}
b {font-weight: 700;}

h1 {font-size: 12px; padding: 0; margin: 0;}
h2 {font-size: 12px; font-weight: normal; margin: 0; padding: 0;}
h3 {font-size: 12px; font-weight: normal; margin: 0; padding: 0;}

button {background: none; border: none; display: inline-block;}

.req-orange {color: #da9a00;}
/*---Containers------*/
.con-global {max-width: 1500px; margin: 0 auto;}
.con-header {}
.con-footer {}

/*---------------------------------------------------Header-------*/

.site-body {
    margin: 0 auto;
	padding: 0;
	}

.logo-area {
    width: 353px;
	height: 155px;
	float: left;
	}

.header-menu {
	padding: 15px 0 5px 0;
	margin: 0 auto;
	text-align: center;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: bold;
	}

.outer-body {
    max-width: 992px;
	margin: 0 auto;
	border: 4px solid #fff;
	}

.inner-body {
    max-width: 984px;
	background: #fff;
	margin: 5px;
	}
	
.home-hero {border-bottom: 8px solid #19e9f1;}
.home-hero img {width: 100%; height: auto; max-width: 984px;}
.home-flex {display: flex; flex-wrap: wrap;}
.home-flex-box {order: 1; width: 50%;}
.home-flex-box-pad {padding: 15px;}
h1.home-title-intro {padding: 15px 0 0 10px; margin: 0; font-size: 18px; line-height: 26px; }

.home-intro {padding: 10px; font-size: 16px; line-height: 24px;}

.home-block {
	display: inline-block;
	width: 32%;
	line-height: 24px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #df9618;
	padding: 0;
	}
.home-block-border {border-right: 1px solid #d1d1d1; border-bottom: none;}

.facebook-like-area {text-align: center; padding: 25px 0 10px 0;}

.lower-addy {
    font-size: 14px;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #d1d1d1;
	display: inline-block;
	}
.lower-addy  a, .lower-addy  a:visited {color: #a3a3a3; text-decoration: none;}
.lower-addy  a:hover {color: #03d5dd; text-decoration: none;}
.lower-addy div {display: inline-block; padding: 0 10px;}

.photo-gallery {
    padding: 30px;
	}

.popimages {
	float: left;
	margin-left: 35px;
	margin-bottom: 25px;
	}
	
.guest-flex {display: flex; padding: 15px 0; flex-wrap: wrap;}
.guest-flex-box {order: 1; width: 50%;}
.guest-flex-box-pad {padding: 10px;}
/*------------------------------------------------------------Java-------*/

.java-area {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 328px;
	background: url(/arkelope/ws/onetouch/images/bg-java.png) no-repeat;
	}

.java-line {
    width: 900px;
	border-top: 1px solid #2d2d2d;
	background: #fff;
	height: 1px;
	margin: 0;
	padding: 0;
	}

/*------------------------------------------------------------Breadcrumb-------*/

.breadcrumb-area {
	width: 900px;
	margin: 0 auto;
	padding: 10px 20px;
	height: 27px;
	font-size: 12px;
	text-decoration: italic;
	color: #777777;
	font-weight: bold;
	}

.breadcrumb-area  a, .breadcrumb-area  a:visited {color: #777777; text-decoration: italic;}
.breadcrumb-area  a:hover {color: #055aa4; text-decoration: underline;}

/*------------------------------------------------------------Contact Area-------*/

.required-item {color: red; font-weight: bold;}
.required-text {font-size: 10px; font-style: italic; padding: 5px 0; border-bottom: 1px solid #f1f1f1; text-align: center;}

.contact-area {
	width: 500px;
	padding: 20px 10px 20px 10px;
	background: #f1f8fc;
	margin-left: 200px;
	}

.scase-title {
    font-weight: bold;
	color: #2a3342;
	float: left;
	width: 140px;
	text-align: right;
	padding: 4px 10px 0 0;
	}

.scase-box {
    color: #454545;
	padding: 3px 3px 4px 3px;
	height: 20px;
	border: 1px solid #969696;
	font-size: 14px;
	float: left;
	font-family: Arial;
	width: 300px;
	margin-bottom: 20px;
	}

.scase-box2 {
    color: #454545;
	padding: 3px 3px 4px 3px;
	height: 150px;
	width: 300px;
	border: 1px solid #969696;
	font-size: 14px;
	float: left;
	font-family: Arial;
	}


.drop-down {
    margin-top: 5px;
	}

.contact-line {
    height: 2px;
	width: 405px;
	border-top: 1px solid #d2d2d2;
	margin-top: 10px;
	}



/*--Buttons--*/
a.button {display: inline-block; padding: 3px 8px; text-transform: uppercase; font-size: 18px; text-align: center; transition: all 0.5s; color: #fff; margin: 0 20px 20px 0;}

a.button-orange {background: #d58c00; color: #fff; border: 3px solid #d58c00; border-radius: 5px;}
a.button-orange:hover {background: #ee9e04; text-decoration: none; color: #fff;}

a.button-white-clear {background: none; color: #fff; border: 2px solid #fff; border-radius: 5px;}
a.button-white-clear:hover {background: rgba(255,255,255,0.3); text-decoration: none; color: #fff;}

/*--Contact--*/
.contact-flex {display: flex; justify-content: center; align-items: top;}
.contact-1 {order: 1; width: 50%;}
.contact-2 {order: 2; width: 50%; background: #f4f4f4;}
.contact-pad {padding: 30px 30px 40px 30px;}
.contact-form-area {padding: 30px 0 0 0; border-top: 1px solid #d1d1d1; margin: 30px 0 0 0;}
.contact-form-title {font-size: 28px;}
.contact-form-field input[type="text"], .contact-form-field input[type="email"], .contact-form-field input[type="tel"] {padding: 5px; border: 1px solid #d1d1d1; width: 95%; margin: 2px 0 20px 0;}
.contact-form-field input[type="date"] {padding: 5px 10px; border: 1px solid #d1d1d1; margin: 2px 0 20px 0;}
.contact-form-field select {padding: 5px 10px; border: 1px solid #d1d1d1; margin: 2px 0 20px 0;}

.contact-form-field .wpcf7-list-item {display: inline-block; font-size: 16px; line-height: 26px; padding: 5px;}
.contact-form-field textarea, .contact-form-field textarea {width: 95%; padding: 5px; border: 1px solid #d1d1d1; margin: 5px 0 10px 0;}
.contact-form-area input[type="submit"] {
    border: 2px solid #eaa500;
    border-radius: 3px;
    margin: 10px 0;
    padding: 10px;
    text-transform: uppercase;
	background: #eaa500;
	transition: all 0.5s;
	font-size: 20px;
	color: #fff;
}
.contact-form-area input[type="submit"]:hover {background: #ffbd1d; transition: all 0.5s; color: #fff;}

/*--Search--*/
.beer-search-result {border-top: 1px solid #d1d1d1; padding: 10px 20px 20px 20px;}

/*--Blog--*/
.blog-flex {display: flex; flex-wrap: nowrap; align-items: flex-start;}
.blog-block-1 {order: 1; width: 65%;}
.blog-block-2 {order: 1; width: 35%;}
.blog-block-2-area {padding: 20px; background: #f7f7f7;}
.block-block-1-pad {padding: 0 30px 0 0;}
.blog-block-2 .widget {padding: 0 0 35px 0 !important; margin: 0;}
.blog-block-2 .widget-title {font-size: 22px; font-weight: 300; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; color: #34a6c8; border-bottom: 1px solid #34a6c8;}
.blog-block-2 .searchform {padding: 20px 0 5px 0 !important; margin: 0;}
.blog-block-2 input[type="submit"] {padding: 4px 7px; text-transform: uppercase; font-size: 14px; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; color: #fff; margin: 0 20px 20px 0; background: #34a6c8; border: none;}
.blog-block-2 .wp-video {padding: 20px 0 20px 0 !important;}
.blog-block-2 .tagcloud {padding: 20px 0 20px 0 !important;}
h1.blogpost-title {font-size: 38px; font-weight: 600; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #d1d1d1;}
.entry-meta {color: #7b7b7b; font-size: 12px; font-style: italic;}
.entry-meta a {color: #7b7b7b; font-weight: normal;}
.entry-meta a:hover {color: #ffab34;}
.internal-info img.attachment-post-thumbnail {float: right; margin: 0 0 10px 10px; width: 40%; height: auto; max-width: 500px;}
.all-posts-page img.attachment-post-thumbnail {float: right; margin: 0 0 10px 10px; width: 40%; height: auto; max-width: 300px;}
.all-posts-a-post {border-top: 1px dashed #d1d1d1; padding: 20px 0;}
.all-posts-a-post img.attachment-post-thumbnail {width: 100%; height: auto; max-width: 300px;}

.post-flex-area {display: flex; flex-wrap: nowrap; align-items: flex-start;}
.post-flex-1 {order: 1; width: 25%;}
.post-flex-2 {order: 1; width: 75%;}
.post-flex-2-pad {padding: 0 0 0 40px;}
.post-image-mobile {display: none;}

h2.post-title {margin: 0; padding: 0 0 5px 0; font-size: 24px; line-height: 32px;}
.edit-link a {color: #fff; display: block; padding: 3px 10px; background: #ffac0c; width: 30px; margin: 15px 0; text-align: center; font-style: italic;}
.edit-link a:hover {background: #ffc554;}
.cat-links {display: block; padding: 10px 0 0 0; margin: 20px 0 0 0; border-top: 1px dashed #d1d1d1;}
.display-posts-listing .listing-item{border-top: 1px dashed #b69fde; padding: 20px 0 10px 0; clear: both;}
.display-posts-listing img {float: right; margin: 0 0 15px 15px; box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);}
.display-posts-listing span.excerpt-dash {display: none;}
.display-posts-listing span.excerpt {display: block; padding: 10px 0;}
.display-posts-listing a.title {font-size: 18px; color: #fff; font-weight: bold;}
#respond {display: none;}
.display-more-posts-area {margin: 50px 0 0 0; padding: 50px 0 15px 0; border-top: 1px dashed #d1d1d1;}
.display-mp-title {font-size: 18px; text-transform: uppercase; font-weight: 300; padding: 0 0 40px 0; font-style: italic;}
.display-more-posts-area .col-md-3 {padding: 15px 15px 10px 15px !important; border: 1px solid #f2f2f2; margin: 10px 10px 10px 10px !important;}


/*------------------------------------------------------------Footer-------*/

.footer {
    max-width: 1000px;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	text-align: center;
	min-height: 100px;
	}

.ft-menu {
	padding: 10px 5px 20px 5px;
	background: rgba(255,255,255,0.9);
	}

.copywright {
	color: #1f6a7f;
	font-size: 12px;
	padding: 20px 0;
	line-height: 18px;
	}
.beachside {text-align: center;}
.beachside img {width: 100%; height: auto; max-width: 217px;}