/*



	Theme Name: Pacific Fish Grill



*/



/*------------------------------------*\



    MAIN



\*------------------------------------*/



/* global box-sizing */



*,



*:after,



*:before {



	-moz-box-sizing:border-box;



	box-sizing:border-box;



	-webkit-font-smoothing:antialiased;



	font-smoothing:antialiased;



	text-rendering:optimizeLegibility;



}



.loganc{ 
    color: #005a92 !important;
}
#main a{ 
 color: #005a92 !important;
}
/* html element 62.5% font-size for REM use */



html {



	font-size:62.5%;



}



body {



	font-family:'NeutraText-Bold', Helvetica, Arial, sans-serif;



	color:#000;



	font-size:16px;



	line-height:normal;



}



p{



	font-family:Helvetica, Arial, sans-serif;



	font-size:16px;



	line-height: 130%;



}



/* clear */



.clear:before,



.clear:after {



    content:' ';



    display:table;



}



.clear:after {



    clear:both;



}



.clear {



    *zoom:1;



}



img {



	max-width:100%;



	vertical-align:bottom;



}



a {



	color:#fff;



	text-decoration:none;



-o-transition:.5s;



  -ms-transition:.5s;



  -moz-transition:.5s;



  -webkit-transition:.5s;



  /* ...and now for the proper property */



  transition:.5s;



}



a:hover {



	color:#fff;



}



a:focus {



	outline:0;



}



a:hover,



a:active {



	outline:0;



text-decoration:none;



}



input:focus {



	outline:0;



	border:1px solid #04A4CC;



}



ul,li,h1,h2,h3,h4



{list-style-type:none;margin:0;padding:0}



input[type="text"], input[type="email"], input[type="tel"],textarea {



    border: 1px solid #ddd;



    padding: 4px;



    color: #000;



    margin-right: 5px !important;



    /*width: 90%;*/
    margin-top: 2px;
    margin-bottom: 2px;



}



textarea{



	height:140px;



}



input[type="submit"]{



	background:#005a92;



	text-align:center;



	/*width:90%;*/



	color:#fff;



	border:none;



	padding:15px;



	text-transform: uppercase;



}



input[type="submit"]:hover{background:#000;}



.prd20{padding-top:20px;}



.home .prd20{padding-top:0px;}



/*------------------------------------*\



    STRUCTURE



\*------------------------------------*/



.container {



    width: 80%;



}



/* wrapper */



.wrapper {



    padding-top: 40px;



    position: relative;



    width: 100%;



  /*  overflow: auto;*/



    background:url(../images/bg-pattan.jpg) repeat left top;



}



img.headerimage {



    width: 100%;



    height: 100%;



}



.container-full {



    position: absolute;



    z-index: 99;



    top: 0;



    width: 100%;



}



/* header */



.header {



min-height:270px;



}



/* logo */



.logo {



    margin-top: 30px;



    display: inline-block;



    background: #005a92;



    max-width: 236px;



    width: 100%;



    text-align: center;



}



.logo-img {



}



/* nav */



.top-header{



	padding-top:10px;



        width:80%;



}



.top-header .widget_text {



    width: 20%;



    float: left;



   color:#fff;



}



.main-menu{width:21%}



.search{width:29%}



.oder-menu{width:27%;padding-right:0;float:right}



.social-icons a {



    background: #005a92;



    width: 55px;



    height: 55px;



    display: inline-block;



    color: #fff;



    font-size: 24px;



    line-height: 60px;



    text-align: center;



    margin-right: 4px;



}



.social-icons a:hover{background:#000;}



.main-menu h3,



.search h3,



.oder-menu h3 {



    background: #005a92;



    padding:13px 0px 13px 20px;



    text-transform: uppercase;



    font-size: 24px;



color:#fff;



    cursor: pointer;



}



#main-nav,#oder-menu {



    display: none;



    position: absolute;



    background: #005a92;



    padding:0;



    width: 100%;

z-index:999;



}



#main-nav ul li a,#oder-menu ul li a {



    display: block;



    padding:10px;



    border-bottom: 1px solid #fff;



    color: #fff;



    font-size: 18px;



    text-decoration: none;



    text-transform: uppercase;



}



#main-nav ul li a:hover,#oder-menu ul li a:hover{



	background:#000;



}



.close-icon{color:#fff;display:block;text-align:right;padding:10px 10px 0;}



/* sidebar */



.sidebar {



}



/* footer */



.footer {



font-size:14px;



padding:25px 0;



 text-transform: uppercase;



color:#000;



}



.footer a{color:#005a92;font-size:12px;}



/*------------------------------------*\



    PAGES



\*------------------------------------*/



.home .title-pannel {



    position: absolute;



    width: 100%;



    text-align: center;



    top: 10%;



}



.home .title-pannel h1,



.home .title-pannel h2{



	color:#fff;



}



.home{color:#fff;}



.home .wpb_single_image .vc_single_image-wrapper{



	display:block



}



.wpb_single_image img{width:100%;}



.home .wpb_row{margin-bottom:0;}



.home .vc_row{margin:0;}



.mailchip-form {



    padding: 40px 0;



text-align:center;



}



.mailchip-form .mc4wp-form-fields input{



	display:inline-block;



	color:#000;



	padding:20px;



	width:25%;



	border: none;



	margin: 0 15px;



	vertical-align: top;



}



.mailchip-form .mc4wp-form-fields input[type="submit"]{



    width: auto;



    background: #000;



    color: #fff;



    font-size: 26px;



    padding: 14px 50px;



    line-height: normal;



}



.mailchip-form .mc4wp-form-fields input[type="date"]{



	display:inline-block;



	color:#000;



	padding:11px 20px;



	width:25%;



	border: none;



	margin: 0 15px;



	vertical-align: top;





}



.blue-box {



    text-align: center;



    font-size: 36px;



    text-transform: uppercase;



    padding-top: 26%;



}



.blue-box p{



	margin-bottom:0;



	font-size:24px;



	font-family: 'NeutraText-Bold', Helvetica, Arial, sans-serif;



}



.blue-box h2{



	font-size:60px;



	line-height: 35px;



}



.blue-box a {



    display: inline-block;



    padding: 8px 15px;



    background: #000;



    color: #fff;



    font-size: 24px;



    text-decoration: none;



    text-transform: uppercase;



    margin-top: 6%;



    font-family: 'NeutraText-Bold', Helvetica, Arial, sans-serif;



}



.blue-box a:hover{



	background:#fff;



	color:#337ab7;



}



.title-pannel {



    float: right;



    width: 70%;



    padding: 45px 0 10px;



}



.title-pannel h1 {



    font-size: 70px;



    color: #005a92;



    text-transform: uppercase;



}



.title-pannel h2 {



    font-size: 30px;



    color: #000;



    text-transform: uppercase;





}


h4{
    background: url('../images/title-bg.png') 0 0 repeat-x;
    position:relative;
    display: inline-block;
    margin:0 25px;
    padding:0 10px;
    height:44px;
    width:294px;
	font-size:30px;
	color:#005a92;
}

h4:before,h1:after {
    content:'';
    display: inline-block;
    position:absolute;
    top: 0;
    /*right: -20px;*/
    width: 20px;
    height: 100%;
    background:inherit;
    background-position:100% 100%;
}
h4:before {
    left:-20px;
    background-position: 0 100%;
}


.left-side-bar {



    background: #005a92;



    padding: 25px 0;



    color: #fff;



    display: table-cell;



    float: none;



    min-width:236px;



}



.left-side-bar .widget_nav_menu li a {



    padding: 8px 10px;



    color: #fff;



    text-transform: uppercase;



    font-size: 24px;



    text-decoration: none;



    display: block;



}



.left-side-bar .widget_nav_menu li.current_page_item a,



.left-side-bar .widget_nav_menu li a:hover{



	background:#000000;



}



.left-side-bar h3{padding-bottom:15px;}



.left-side-bar .widget_text{padding:0 15px;}



.contain-right {



    padding: 4%;



    float: none;



    display: table-cell;



}



.contain-right .widgettitle{



	font-size:24px;



}



.contain-right h3{



	padding:5px 0 15px;



}



.contain-right h2{



 text-transform: uppercase;




}



/*------------------------------------*\



    IMAGES



\*------------------------------------*/



/*------------------------------------*\



	TYPOGRAPHY



\*------------------------------------*/



@font-face {



	font-family:'NeutraText-Bold';
	



	src:url('../fonts/NeutraText-Bold.eot');



	src:url('../fonts/NeutraText-Bold.eot?#iefix') format('embedded-opentype'),



		url('../fonts/NeutraText-Bold.otf') format('otf'),



		url('../fonts/NeutraText-Bold.ttf') format('truetype'),



		url('../fonts/NeutraText-Bold.svg#font-name') format('svg');



    font-weight:normal;



    font-style:normal;



}



/*------------------------------------*\



    RESPONSIVE



\*------------------------------------*/



.hidden-desktop{display:none;}



@media only screen and (max-width:1170px) {



.top-header,.container{width:90%}



.main-menu{width:23%;}



.top-header .widget_text{width:21%;}



}



@media only screen and (max-width:1024px) {



	.title-pannel h1{font-size:50px;}



	.title-pannel h2{font-size:25px;}



}



@media only screen and (max-width:768px) {



	.logo {



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



    text-align: center;



    margin: 0 auto;



    max-width: 100%;



    background: none;



}



	.wrapper{padding-top:20px;background:none;}



	.container-full{position: relative;}



	.social-icons {



    		width: 100%;



    		float: none;



    		text-align: center;



		padding-top:15px;



		   



	}



	



	.main-menu, .search, .oder-menu {



    		width: 100%;



    		max-width: 280px;



    		float: none;



    		margin: 15px auto;



    	padding-right: 15px;



	}



.main-menu {



    		margin-top: 225px;



	}



.mailchip-form .mc4wp-form-fields input,.mailchip-form .mc4wp-form-fields input[type="date"]{width:100%;margin:10px 0;}



	.title-pannel {



    	float: none;



    	width: 85%;



    	padding: 0;



    	margin: 0 auto;



    	text-align: center;



	padding-bottom:15px;



	}



.left-side-bar {



    background: #005a92;



    padding:0;



    color: #fff;



    display: block;



    float: none;



    margin:0;



}







.contain-right {



    padding:20px 0 0 ; 



    float: none;



    display: block;



}



.hidden-desktop{display:block;}

.home .headerimage-container{display:none;}

.mobile-right{float:right;height:300px;}

.responsive-height-fix.wpb_single_image img{height:300px;width:100%}

}



@media only screen and (max-width:480px) {



	.blue-box h2{font-size:40px;}



	.blue-box a{font-size:18px;}



	.blue-box{padding-top:6%;}



	.title-pannel h1{font-size:40px}



	.title-pannel h2{font-size:20px;}

.mobile-right{height:230px;}

.responsive-height-fix.wpb_single_image img{height:230px;}



}



@media only screen and (max-width:320px) {



.mobile-right{height:140px;}

.responsive-height-fix.wpb_single_image img{height:140px;}



}



@media only screen and (min-width:480px) {



}







@media only screen and (min-width:1140px) {



}



@media only screen and (min-width:1280px) {



}



@media only screen and (-webkit-min-device-pixel-ratio:1.5),



	   only screen and (min-resolution:144dpi) {



}



/*------------------------------------*\



    MISC



\*------------------------------------*/



::selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}



::-webkit-selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}



::-moz-selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}



/*------------------------------------*\



    WORDPRESS CORE



\*------------------------------------*/



.alignnone {



	margin:5px 20px 20px 0;



}



.aligncenter,



div.aligncenter {



	display:block;



	margin:5px auto 5px auto;



}



.alignright {



	float:right;



	margin:5px 0 20px 20px;



}



.alignleft {



	float:left;



	margin:5px 20px 20px 0;



}



a img.alignright {



	float:right;



	margin:5px 0 20px 20px;



}



a img.alignnone {



	margin:5px 20px 20px 0;



}



a img.alignleft {



	float:left;



	margin:5px 20px 20px 0;



}



a img.aligncenter {



	display:block;



	margin-left:auto;



	margin-right:auto;



}



.wp-caption {



	background:#FFF;



	border:1px solid #F0F0F0;



	max-width:96%;



	padding:5px 3px 10px;



	text-align:center;



}



.wp-caption.alignnone {



	margin:5px 20px 20px 0;



}



.wp-caption.alignleft {



	margin:5px 20px 20px 0;



}



.wp-caption.alignright {



	margin:5px 0 20px 20px;



}



.wp-caption img {



	border:0 none;



	height:auto;



	margin:0;



	max-width:98.5%;



	padding:0;



	width:auto;



}



.wp-caption .wp-caption-text,



.gallery-caption {



	font-size:11px;



	line-height:17px;



	margin:0;



	padding:0 4px 5px;



}



.sticky {



}



.bypostauthor {



}



/*------------------------------------*\



    PRINT



\*------------------------------------*/



@media print {



	* {



		background:transparent !important;



		color:#000 !important;



		box-shadow:none !important;



		text-shadow:none !important;



	}



	a,



	a:visited {



		text-decoration:underline;



	}



	a[href]:after {



		content:" (" attr(href) ")";



	}



	abbr[title]:after {



		content:" (" attr(title) ")";



	}



	.ir a:after,



	a[href^="javascript:"]:after,



	a[href^="#"]:after {



		content:"";



	}



	pre,blockquote {



		border:1px solid #999;



		page-break-inside:avoid;



	}



	thead {



		display:table-header-group;



	}



	tr,img {



		page-break-inside:avoid;



	}



	img {



		max-width:100% !important;



	}



	@page {



		margin:0.5cm;



	}



	p,



	h2,



	h3 {



		orphans:3;



		widows:3;



	}



	h2,



	h3 {



		page-break-after:avoid;



	}
	



}