/*
Theme Name: CoastalMotorLodge
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: coastalmotorlodge

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

@charset "utf-8"
/* CSS Document */
html
{	-webkit-text-size-adjust: none; /*for iphone small font size below 16px*/
}
body	
{	margin:0;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	line-height:22px;
	background:url(images/body-bg.jpg) repeat;
	color:#62abd0;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, title, mark, main 
{   display: block;
}
form{margin:0;}

p	{   font-size:14px; margin:0 0 15px 0;}
h1	{   font-size:40px; font-weight:normal; margin:0 0 15px 0; line-height:45px;}
h2	{   font-size:30px; font-weight:normal; margin:0 0 15px 0; line-height:35px;}
h3	{   font-size:20px; font-weight:normal; margin:0 0 15px 0; line-height:25px;}

iframe, embed, object, video, canvas { max-width: 100%; }

img	{ border:0; vertical-align:middle; height:auto; max-width:100%; }

a	{ outline:none; text-decoration:none; color:#fff;transition: all 0.3s ease 0s; }

a:hover {
	color:#cccccc;
}
.fleft  {float:left;}
.fright {float:right;}

.clearfix:before, .clearfix:after {
   content:"";
   display:table;
}
.clearfix:after {
   clear:both;
}


input, select, textarea	
{	color:#666; font-size:15px;
	font-family: 'PT Sans', sans-serif;
	padding:5px; vertical-align:middle;
	-webkit-appearance: none;/*for iphone background*/
	outline:none;
}
.fclear {clear:both; float:none; height:0px; overflow:hidden;}

.container
{
	max-width: 1250px;
	margin: 0 auto;
}
.pagemn
{	padding:0 40px;
}
.pagemn2
{	padding:0 0;
}
.menutrigger
{	float:right;
	padding: px 10px;
	display:none;
}

.logo
{	margin:28px 0 14px
}

.navigation ul
{	list-style-type: none;
	margin:0;
	padding:0;
	position:relative;
	
}
.navigation ul li
{	display: inline-block;
	
}
.navigation ul li a
{	font-size:19px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	padding:25px 18px;
	margin: 0 -3px;
	display: block;
	letter-spacing:2px;
	font-family:"open sans";
	font-weight:100;
	
}

.navigation ul li a:hover, .navigation ul li.current-menu-item a
{	color: #000000;
}


.last
{	border-right:0 !important;
	position:absolute;
	top:20px;
	right:0;
	border:1px #bababa solid !important;
	padding:2px 5px ;
	text-transform:none !important
	
}
.search-box
{	color:#fff;
	border:none;
	background:none;
	text-transform:none;
	font-size:14px;
	letter-spacing:-0.5px;
	width:100px;
	font-family:"open sans";
	font-weight:100;
	padding:0;
}
.search-img
{	cursor:pointer;
	background:url(images/top-search.png) no-repeat !important;
	border:none;
	width:24px; height:24px;
	margin-left:5px;
	padding:5px !important 
}
.banner
{	margin:45px 0;
}
.bookroom
{	margin:60px 0;}
.book-img, .book-text { width:50%;}
.text-padd { margin-left:10px;}
.book-text h1 { font-size:205px; font-weight:700; color:#ffffff; margin:0; line-height:160px; text-transform:uppercase; position:relative;}
.book-text h3 { font-size:30px; font-weight:400; margin:15px 0 15px 16px; color:#ffffff}
.book-text p {padding: 10px 0 0 10px;}
.seprator {border-bottom:1px solid #277fa9; height: 1px;}
.service {margin:48px 0 90px 0;}
.service-box { width:32%; float:left;}
.box { margin:0;}
.service-box_mar {margin:0 2%;}
.img-text { background:url(images/star..jpg) no-repeat left;}
.img-text a { color:#fff; text-decoration:none; padding-left:25px; font-size:14px; line-height: 22px;}
.img-text a:hover { color:#62abd0;}
.box h2 { color:#fff; font-size:28px; line-height:39px; margin: 12px 0 24px; text-transform:uppercase;}
.box p {margin-bottom:30px; padding:0 20px}
.img-text-link a { color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px; line-height: 22px; background:#62abd0; padding:10px 15px;}
.img-text-link a:hover { color:#62abd0; background:#efefef;}
.footer {text-align:center; margin:90px 0;}
.footer p {color:#62abd0; font-size:11px; text-transform:uppercase; margin-bottom:40px;}
.contact { color: #ffffff; font-size: 19px; letter-spacing: 2px; line-height: 30px; text-transform:uppercase;}
.social-media { text-align:center; margin:50px 0;}
.social-media a:hover { opacity:0.5;}
.facility h1{font-size:24px; line-height:30px; color:#ffffff; min-height:60px; margin:10px 0}

/*By Bhavin 3-7-17*/
.top-header{width:100%; background:url(images/top-header-bg.jpg) no-repeat center top}
.menu {width:100%; background:#4d8330;}
.phone {float:right;font-size:22px; font-weight:bold; line-height:35px; color:#2a2a2a; padding-left:25px;display: inline-block; font-family:"open sans"; clear:both; }
.phone:before {display: inline-block;width: 22px;height: 33px;margin-top: 2px;vertical-align: sub;position: static;content: "";background: url(images/phone-icon.png) no-repeat;background-size: 100%;background-position: center bottom; }
.top-header a.phone:hover {color:#000000;}
::-webkit-input-placeholder { /* Chrome */
  color: #ffffff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #dcdcdc !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ffffff !important;
  opacity: 1 !important;
}

.three-boxes {width:100%;}
.three-boxes .box {float:left; width:30%; text-align:center; background:#277fa9; padding:20px 0}
.box_mar{ margin:0 3%}
.three-boxes .box h3 { color:#fff; font-weight:bold; font-size:16px;}

.booking-details {
    background: #fff;
    display: block;
    margin: 0 auto;
   
    padding: 15px;
}

#post-11 {
	min-height:500px !important;
}

/* =============================================================================
   Scroll to Top
* ============================================================================= */
#return-to-top 
{   position: fixed;
    bottom:15px;
    right:15px;
    background: #4c0000;
    width:2.2em;                            					/* BASE FONT = 16px >>>  35px/16px = 2.2em */
    height:2.2em;                            					/* BASE FONT = 16px >>>  35px/16px = 2.2em */
    display: block;
    text-decoration: none;
    -webkit-border-radius: 2.188em;            					/* BASE FONT = 16px >>>  35px/16px = 2.188em */
    -moz-border-radius: 2.188em;
    border-radius: 2.188em;display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #FFF;
    font-size:1em;                                				/* BASE FONT = 16px >>>  16px/16px = 1em */
	font-family:Arial, Helvetica, sans-serif;
	z-index: 99999;
}
#return-to-top:hover 
{   background: rgba(0, 0, 0, 0.9);
}
#return-to-top span 
{   font-size: 1.2em;                            				/* BASE FONT = 16px >>>  19px/16px = 1.2em */
    text-align: center;
    display: block;
    line-height:2.2em;
}
.qualmark_img{ float:left; margin:0 15px 0 0}
.tripadvisor_img{ margin:20px 0 0 0}
.all_card{ margin:0 0 30px 0; float:right;}

.booking_sub h1{ margin:30px 0 20px 0}

.attract .textbox{background: #277fa9; padding:20px; margin-right: 2%; margin-bottom:20px;
    min-height: 320px/*495px*/;
    width:44% /*19%*/;
}
.attract .textbox {
    background: #277fa9;
    padding: 20px;
    margin-right: 1%;
    margin-bottom: 20px;
    min-height: 495px/*495px*/;
    width: 20% /*19%*/;
}
.attract .box.mapcontainer{ width:30%!important;}
.attract .box.mapcontainer iframe{ height:260px;}
.attract .box{ width:65%!important;}
	
	

.attract .textbox_small{ min-height:366px}
.attract .textbox h1{ color:#fff; font-size:22px; line-height:30px;}
.attract .textbox p{ line-height:20px; font-size:15px; word-wrap:break-word;}
.attract .box p{ padding:0}
.accomodate .p_big{ font-size:16px;}

.page-id-40 .booknw{ margin-top:25px !important}
.page-id-11 .btn{ margin:20px 0 0 0}
.page-id-11 .all_card{ margin:0 0 10px 0}

.attract .textbox_small_new{ min-height:185px}
.searchform #searchsubmit{ background: #4d8330; padding:3px 20px 4px 20px; border:0; color:#ffffff; font-size:18px}
.search-results h1.page-title{ margin:30px 0 10px 0}

.book-now-bnt { border-radius: 5px; clear:both;}
/*.search footer.entry-meta{ display:none; }*/

/*set browswe screen 981*/
@media screen and (max-width: 1250px)
{
.pagemn2{ padding:0 15px}
.navigation ul li a, .search-box {font-size: 15px; padding: 10px 14px;}
.book-text h1 {font-size: 160px; line-height:120px}
.box-last {margin-right:20px;}
.box h2 {font-size: 22px;}
.service { margin: 48px 0 85px;}
.footer { margin: 50px 0;}
.footer p {margin-bottom: 30px;}
.social-media { margin: 40px 0;}
.search-box { width:80px;}
.last {position:static;}
.facility .textbox{
	width:48%;
	margin-right:2%;
	min-height:500px;
	
}
.attract .textbox{
    width:42%!important;
}

}

/*set browswe screen 769*/
@media screen and (max-width: 979px)
{
	
.three-boxes .box h3{ padding:0 20px; min-height:50px;}
	.navigation ul li.last {display:none;}
.logo {position: relative;}

.menu {
    display: inline-block;
}
.menutrigger{
display:block!important;
}
.top-right {
    float: right;
    margin-top: 53px!important;
}
.c-hamburger {
	display:block;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	width:42px;
	height:42px;
	font-size:0;
	text-indent:-9999px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-shadow:none;
	border-radius:none;
	border:none;
	cursor:pointer;
	-webkit-transition:background .3s;
	transition:background .3s
}
.c-hamburger:focus {
	outline:0
}
.c-hamburger span {
	display:block;
	position:absolute;
	top:19px;
	left:9px;
	right:9px;
	height:4px;
	background:#fff
}
.c-hamburger span::after, .c-hamburger span::before {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:4px;
	background-color:#fff;
	content:""
}
.c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before {
	width:50%
}
.c-hamburger span::before {
	top:-10px
}
.c-hamburger span::after {
	bottom:-10px
}
.c-hamburger--htx {
	background-color:#4d8330; /*bgcolor*/
    margin-right: 15px;
}
.c-hamburger--htx span {
	-webkit-transition:background 0s .3s;
	transition:background 0s .3s
}
.c-hamburger--htx span::after, .c-hamburger--htx span::before {
	-webkit-transition-duration:.3s, .3s;
	transition-duration:.3s, .3s;
	-webkit-transition-delay:.3s, 0s;
	transition-delay:.3s, 0s
}
.c-hamburger--htx span::before {
	-webkit-transition-property:top, -webkit-transform;
	transition-property:top, transform
}
.c-hamburger--htx span::after {
	-webkit-transition-property:bottom, -webkit-transform;
	transition-property:bottom, transform
}
.c-hamburger--htx.is-active {
	background-color:#ff0000; /*bgcolor*/
	z-index: 99999;
    margin-right: 15px;
}
.c-hamburger--htx.is-active span {
	background:0 0
}
.c-hamburger--htx.is-active span::before {
	top:0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.c-hamburger--htx.is-active span::after {
	bottom:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
	-webkit-transition-delay:0s, .3s;
	transition-delay:0s, .3s
}
.navigation
{	display:none; width:100%; margin:0; padding:0; border:0;}
.navigation ul 
{
	margin: 0; border:0;
}
.navigation ul li 
{
	display: block;
	padding: 5px 10px;
	margin: 10px 0;
	border:0;
	/*background:#fff;*/
}
.navigation ul li a
{
	padding: 0; text-align:center
}
.navigation ul li a:hover
{
	border: 0;
	background: none;
	text-decoration: underline;

}
.search-box { color:#62abd0;}
.search-img {background:url(images/mobile-search.jpg); margin: -5px 0 0;}
::-webkit-input-placeholder { /* Chrome */
  color: #62abd0;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #62abd0;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #62abd0;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #62abd0;
  opacity: 1;
}
.book-text h1 {font-size: 115px; margin:0; line-height:87px}
.book-text h3 {
    font-size: 28px;
    margin: 15px 0 15px 7px;
}
.book-text h1 span { font-size: 20px;}
.book-text p { padding: 25px 0 0 10px;}
.img-box { margin-bottom:0;}
.img-text a {font-size: 12px; padding-left: 20px;}
.box h2 { font-size: 16px; line-height:26px;}
.box p { margin-bottom: 30px;}
.service {  margin: 48px 0 35px;}

}

.accomodate{
	display:block;
	width:100%;
	
}
.btn {margin-top:50px; margin-bottom:50px;}

.pricing-btn{
	padding:15px;
	color:#0f71a0;
	background:#ffffff;
	float:left;
}

.booking {
	width:100%;
	text-align:center;
	
}


.contact-us, .form, .gallery {
	width:100%;
}

.contact-us .box, .attract .box {
	float:left;
	width:48%;
	margin-right:2%;
}
.contact-us p{
	font-size:18px;
	line-height:32px;
}

.attract .textbox, .facility .textbox{
	float:left;
}

.facility .textbox{
	
	min-height:490px;
	width:19%;
	margin-right:2%;
	margin-bottom:30px;
	background:#277fa9;
	padding:20px;
}
.facility .textbox p{ font-size:15px; margin:0}
.entry-title {
	display:none;
}

.entry-content{
	margin-top:50px;
	min-height:400px;
}

.attract .content, .facility .content {
	float:left;
	width:100%;
	margin-top:50px;
}

.facility .content{
	float:none;
}

.gallery {margin:20px 0; float:left; width:100%;}
.gallery_box{ padding:20px; background:#277fa9}
.gallery_box h2{ color:#ffffff}
.gallery .content, .gallery .gallery-imgs {
	float:left;
	width:50%;
}
.gallery_box ul li{ margin:0 0 7px 0; font-size:16px}
.gallery_box p{  font-size:16px}
.gallery .content ul {
	margin:0;
	padding:0;
	padding-left:25px;
	padding-bottom:15px;
}
.service-box .box p{ padding:0}
.wpcf7{ float:left; width:100%;}
.form #wpcf7-f69-p42-o1 input[type="submit"] {
	width:200px;
	background:#4d8330;
	padding:20px;
	font-size:20px;
	color:#ffffff;
	border:0;
	cursor:pointer
}
.form #wpcf7-f69-p42-o1 input[type="submit"]:hover{
	
	background:#ffffff;
	color:#4d8330;
}

.read-more {
	float:left;
	width:100%;
	text-align:center;
	margin-top:50px;
}

/*set browswe screen 481*/
@media screen and (max-width: 767px)
{

.logo { width:300px; margin: 10px 0;}
.menutrigger {top:10px;}
.banner { margin:0;}
.bookroom {margin-bottom:20px;}
.book-img, .book-text { width: 100%;}
.text-padd {margin:0;}
.service { margin: 48px 0 15px;}
.service-box { width:100%; margin-bottom:50px;}
.box { margin-right:0px;}
.img-box { width:100%;}
.img-text a { font-size: 14px; padding-left: 30px;}
.box h2 { margin: 12px 0 10px; font-size: 22px;}
.box p { margin-bottom: 20px;}
.footer { margin: 30px 0;}
.footer p { margin-bottom: 20px;}
.social-media { margin: 30px 0;}
.gallery .content, .gallery .gallery-imgs, .contact-us .box, .attract .box, .attract .textbox, .facility .textbox  { float:none; width:100%; padding: 10px 0px; }
.form #wpcf7-f69-p42-o1 input, .form #wpcf7-f69-p42-o1 textarea {width:100%;}
.attract .box p a {color:#ffffff !important;}
.attract .textbox, .facility .textbox{
	min-height:auto;
	margin-bottom:50px;
	text-align:center;
}
.phone {font-size: 20px;}
.contact-us .box p{text-align:center;}
.three-boxes .box {float:none; width:100%; text-align:center;}
.booking-details { overflow-x:auto;}
.booking-details iframe { width:780px; max-width:850px; height:550px;}
.book-text h1{ margin:20px 0 0 0}
.gallery_box h2{ font-size:24px}
.gallery_box ul li{ margin:0}
.gallery-imgs{ margin:20px 0 0 0}
.top-right{ margin-top: 25px!important;}
.attract .textbox{ width:87%!important;}
.attract .box.mapcontainer,
.attract .box{ width:100%!important;}
.phone:before { width: 18px; height: 33px; margin-top: 4px;}
.c-hamburger {
   width: 43px;
   height: 41px;
}
.c-hamburger span {
   top: 18px;
}
}

/*set browswe screen 321*/
@media screen and (max-width: 550px)
{
.pagemn { padding: 0 20px;}
.logo { width:200px; padding-top: 20px;}
.menutrigger { right: 10px;top: 8px; padding: 0px 10px;}
.box h2 { margin: 12px 0 20px;}
.book-text h1 {    font-size: 110px; margin:-10px 0 0 0;}
.book-text h1 span {  font-size: 16px;}
.phone { margin-top: 5px; font-size: 17px;}
.top-right { margin-bottom: 0px;}
.top-header .book-now-bnt { padding: 8px 16px!important; margin-bottom: 2px!important; }
.phone:before {width: 14px; height: 20px; margin-top: 7px;}
.c-hamburger--htx, .c-hamburger--htx.is-active {
    margin-right: 0px!important;
}
}

/*screen size 320*/
@media screen and (max-width:420px){
.top-right {
    float: right;
    margin-top: 13px!important;
}
.logo {
    width: 170px;
    padding-top: 5px;
}
}
@media screen and (max-width: 400px)
{
.book-text h1 {font-size: 90px;}
.pagemn.pagemn2 {padding: 0px 5px;}
.top-header .book-now-bnt {padding: 6px 8px!important; font-size: 14px; right: 5px; left: -7px;}
.phone {
    font-size: 15px;
    padding-left: 0px;
}
}