/*  GENERAL  */

html, body {padding:0px; margin: 0px; background-color: #fff;}
body {font-family: 'Spartan', sans-serif; color: #000; font-size: 16px;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.container{ margin-right: auto;  margin-left: auto; max-width: 1140px;}
img {border: 0px;}
.red {color:#E1251B;}
.marginbtm {margin-bottom:20px;}
p a {color:black;}
p a:hover {color:#E1251B;}
.marginbtm30 {margin-bottom:30px;}
.marginbtm40 {margin-bottom:40px;}


.mobilemenu  {position:absolute; top:10px; right:10px;}
.shiftnav-toggle-button, .shiftnav-toggle-button:hover {background:white;}




/* SIDEBAR  */

h3.widget-title  {color:#E1251B ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 10px;}
li.widget-container  {list-style: none}
.widget-container  ul {list-style: none}
.widget-container  ul li {list-style: none}
.widget-container li a {color: black; text-transform: uppercase; font-weight: 600; font-size: 10px; margin-bottom: 10px;}
.widget-container li a:hover {color:#E1251B ; }

/*  HEADERS AND TOP NAV  */
.verytop{text-transform: uppercase; font-weight: 400; font-size: 10px; color: gray; margin-top: 10px;}
.navigation {color:black; font-weight: 500; text-transform: uppercase; font-size: 12px; padding-top:88px;}
.leftalign {text-align: left}
.rightalign {text-align: right;}
.navigation ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; display:inline-block;}
.navigation li { display: inline; padding-right: 30px; }
.navigation li:last-child { padding-right: 0px; }
.navigation a {color:black; text-decoration: none;}
.navigation a:hover {color:#E1251B; text-decoration: none;}
#header {height: 180px; }
.logo {text-align: center}
.logo img {max-width:275px;}


li.current-menu-item a {color:#E1251B; text-decoration: none;}

.socialicon { font-size: 16px; }
.socialicon  .fab {margin-right:10px;}
.socialicon a  {color: gray;}
.socialicon a:hover i {color: #E1251B;}
.topphone { font-size: 14px; }



/*  HOMEPAGE */

.homepagepromotext {text-align: center;  font-weight: 400; font-size: 14px; padding-left:40px; padding-right: 40px; padding-top: 40px;}
.homepagepromoimage img {width: 100%}
.homepagepromotext h1 {font-size: 26px; font-weight: 700; color: black;  margin-bottom: 20px; line-height: 140%}
.homepagepromotext h3 {color:#E1251B ; text-transform: uppercase; font-weight: 400; font-size: 12px; margin-bottom: 20px;}
.homepagepromotext .button {text-align: center; padding-bottom: 5px; padding-top: 7px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-weight: 400; font-size: 12px; color:black; border: 1px solid gray; margin-top: 30px;}
.homepagepromosection {margin-top: 30px;}
#homepagebanner img {width:100%}
.homepagepromotext a .button:hover {color:#E1251B ; text-decoration:none;}
.homepagepromotext a:hover { text-decoration:none;}

/*  DEFAULT PAGE TEMPLATE  */

h1 {font-size: 26px; font-weight: 700; color: black; line-height: 140%; text-transform: uppercase; }
hr.standard {border-bottom: 1px black solid;}
.subheader {font-size: 14px; font-weight: 600; color: black; line-height: 170%; margin-bottom: 20px;}
p {font-family: 'Spartan', sans-serif; color: #000; font-size: 14px; line-height: 160%}
h2  {color:#E1251B ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 30px; margin-top: 30px;}
.maincopy  {margin-top:50px}
.images {margin-top:100px; text-align:right;}
.images img {width: 100%; margin-bottom:20px;}



/*  FIND US TEMPLATE  */

.subheaderfindus {font-size: 14px; font-weight: 600; color: black; line-height: 170%; margin-bottom: 30px;}
.findus .button {text-align: center; padding-bottom: 5px; padding-top: 7px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-weight: 400; font-size: 12px; color:black; border: 1px solid gray; margin-top: 10px;}
.directions {margin-top:30px;}
.findus a .button:hover {color:#E1251B ; text-decoration:none;}
.findus a:hover { text-decoration:none;}
hr.standard2 {border-top: 1px black solid; margin-top:0px}



/* FOOD */

.food h3 {font-size: 26px; font-weight: 700; color: black;  margin-bottom: 20px; line-height: 140%; margin-top:20px; text-transform:uppercase;}
.foodimage img {width:100% height:auto;}
.foodcopy {padding:20px !important; text-align:center; }
.foodcopy .menu a {color:#E1251B ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 10px;}
.foodcopy .menu a:hover{color:#333 ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 10px;}
a.booktable {color: #E1251B; text-transform: uppercase; font-weight: 600;  font-size: 14px;  margin-bottom: 10px;}



/* Rooms */

.rooms h3 {font-size: 26px; font-weight: 700; color: black;  margin-bottom: 20px; line-height: 140%; margin-top:20px; text-transform:uppercase;}
.roomsimage img {width:100% height:auto;}
.roomscopy {padding:40px !important; text-align:center; }
.roomscopy .menu a {color:#E1251B ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 10px;}
.roomscopy .menu a:hover{color:#333 ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 10px;}



/* attractions */

.attractions h3 {font-size: 26px; font-weight: 700; color: black;  margin-bottom: 20px; line-height: 140%; margin-top:20px; text-transform:uppercase;}
.attractionsimage img {width:100% height:auto;}
.attractionscopy {padding:40px !important; text-align:center; }
.attractionscopy .menu a {color:#E1251B ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 10px;}
.attractionscopy .menu a:hover{color:#333 ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 10px;}



/*  blog  */
.teaser {margin-top:30px;} h2 {margin-top:10px !important; margin-bottom:15px !important;}
h2 .date a  {color:#E1251B ; text-decoration:none;}
.maincopy img {width:100%; height:auto;}
.teaser img {width: 100% !important; height: auto;}
.date {color:black ; text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 10px;}
.date a:hover{color:#E1251B ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 10px;}
.date a {color:#000 ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 10px;}
.excerpt {}
.excerpt a {color:#000 ; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-top: 0px;}
.excerpt a:hover {color:#E1251B ;}
.teaser {margin-bottom:30px;}
.maincopy ul li {font-size: 14px; line-height: 160%;}


/*  FOOTERS  */

#footer h4 { text-transform: uppercase; font-weight: 400; font-size: 12px; margin-bottom: 20px; color:white;}
#footer p {color:white; font-size: 10px;}
.blackfooter {background-color: black;  padding-top: 40px; padding-bottom: 40px;}
#footer { color:white; margin-top:30px; background-color: black;}
#verybottom {background-color: #8D8686; color:white; padding-top: 15px; padding-bottom: 15px;}
.bottomnavigation  {color:white; font-weight: 700; text-transform: uppercase; font-size: 10px;  font-weight: 400; }
.bottomnavigation  a {color:white; text-decoration: none;}
.bottomnavigation  a:hover {color:#E1251B; text-decoration: none;}
.tripadvisor {margin-top:30px;}

.bottomnavigation ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; display:inline-block;}
.bottomnavigation li { display: inline; padding-right: 20px; }
.bottomnavigation li:last-child { padding-right: 0px; }
.bottomnavigation a {color:white; text-decoration: none;}
.bottomnavigation a:hover {color:black; text-decoration: none;}
#footer .paddingright p {padding-right:30px;} 

/*  ROOM SEARCH BAR  */

#roomsearch {text-align: center; border-top:2px solid white;}
.roomsearchbanner {color: white; background-color: black;  text-transform: uppercase; font-size: 12px; padding-top: 10px; padding-bottom: 10px; text-align: center; }
#roomsearch .row{padding-right: 15px; padding-left: 15px; }
.checkavail {position:absolute;width: 100%;bottom: 0;background-color: white; ;padding: 15px 3px;z-index: 1029;font-size: .8rem;}
.form-inline {text-align: center;}

.checkin {display: block;}
.checkintxt {display: inline-block;width: 76px;text-align: right;}
.checkindays {display: inline-block; margin-left: 10px;  text-transform: uppercase; font-size: 12px;}
.checkinmonths {display: inline-block; margin-left: 10px;  text-transform: uppercase; font-size: 12px;}

.checkout {display: block;}
.checkouttxt {display: inline-block;text-align: right; margin-left: 10px;}
.checkoutdays {display: inline-block; margin-left: 10px;}
.checkoutmonths {display: inline-block; margin-left: 10px;}

.promocodetxt {display: block;text-align: right;}
.promocodeinput {display: inline-block; margin-left: 10px; }
input::placeholder {text-transform: uppercase; font-size: 10px;}
.bookbuttons {display: inline-block}
.bookbuttonstxt {display: inline-block; width: 76px;}
.bookcancelbtn a {text-transform: uppercase; font-size: 10px; height: 24px !important; color: white;}
.bookcancelbtn  {text-transform: uppercase; font-size: 10px; height: 24px !important; color: white; margin-left:10px;}

select {text-transform: uppercase; font-size: 10px; height: 24px !important;  background-color: white; border: 0px;}

.btn {
    display: inline-block;
    font-weight: 400;
    color: white;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-left:10px;
    border: 0px solid transparent;
    padding-left: 8px; 
	padding-right:8px; 
	Padding-top:3px;
	Padding-bottom:1px;
    font-size: 12px;
	 height: 24px !important;
	text-transform:uppercase !important;
    border-radius: .25rem;
	font-weight:600;
	

}
	.logo {margin-bottom:30px;}

/* MAP */

#footer iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}


/* Pagination */

.paginationnew {text-align:right;  color:#000 ; text-transform: uppercase; font-weight: 600; font-size: 12px; }
.paginationnew a {text-align:right;  color:#999 ; text-transform: uppercase; font-weight: 600; font-size: 12px; text-decoration:none; }
.paginationnew a:hover {;  color:#E1251B;  }
.paginationnew .current a {color:#000 ;}


/*  Mailchimp  */

.mc4wp-form-fields input[type="submit" i] {
    -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: red;
	font-weight:700;
    background-color: black;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 0px;
    border-style: outset;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}
.mc4wp-form-fields input {font-size:12px;}
#footer .mc4wp-response p {text-decoration:underline}

/* ADD TO ANY  */

.addtoany_content {
    clear: both;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: 0px;
}









/* BUTTON */
 .example_b {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
	 font-weight:700;
background: #60a3bc;
padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 5px;
	 padding-bottom: 4px;
border-radius: 30px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
	 margin-left:5px;
	 margin-right:5px;
}


.example_b:hover {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}




/* MEDIA QUERIES  */

@media (max-width: 776px) {
  
.navigation {display: none;}
.homepagepromoimage {margin-top: 40px;}  
.bottomnavigation {text-align: center; margin-bottom: 10px;}
.socialicon, .topphone {text-align: center; margin-bottom: 10px;}
.find {text-align:center}
.hide {display:none}
.hidemobile {display:none}
.promocodeinput {display:none}
.bookcancelbtn {display:none}
.bookbuttons {margin-top: 10px;}
.maincopy h1 {text-align: center;}
a.booktable {color: #E1251B; text-transform: uppercase; font-weight: 600;  font-size: 14px;  margin-bottom: 10px;}
 }

@media (max-width: 945px) {
.navigation li { display: inline; padding-right: 10px; }


 }

@media (min-width: 776px) {
.showmobile {display:none}	

}