/*
Theme Name: Airport Tourist Park
Version: 1.0
Description: Custom website for Airport Tourist Park
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/
html {height:100%;}
body {margin:0px; padding:0; line-height:1.5em; height:100%; background:#2d2d2d;}
body,td,th {color:#ccc; font-family: 'Open Sans', sans-serif; font-size: 24px;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, p, span {padding:0; margin:0; text-decoration:none; font-weight:700; list-style:none; border:0; outline:none;}
img { margin:0 0 -5px 0 !important; padding:0; outline:none; border:0;}
h1, h2, h3, h4, h5, h6 {}

input[type="button"],input[type="submit"] {-webkit-appearance: none;}
a { color:#fff; outline:none; text-decoration:none; cursor:pointer;}
a:hover { color:#00b0ec;}
.clear {clear:both;}
.hidden { overflow: hidden;}
::selection {background: #00b0ec; color:#fff;}
::-moz-selection {background: #00b0ec; color:#fff;}

/************************************/
/********** SITE ALIGNMENT **********/

.grid_1 {  width: 75px; }
.grid_2 {  width:160px; }
.grid_3 {  width:245px; }
.grid_4 {  width:330px; }
.grid_5 {  width:415px; }
.grid_6 {  width:500px; }
.grid_7 {  width:585px; }
.grid_8 {  width:670px; }
.grid_9 {  width:755px; }
.grid_10 { width:840px; }
.grid_11 { width:925px; }
.grid_12 { width:1010px;}

.column { margin:5px; float:left; display:inline;}
.row { width:1020px; margin: 0 auto; position:relative; display:block;}
.row .row { margin:-5px -5px; width: auto; display: inline-block; padding:0px 0 0 0;}
.row .postrow { margin: -5px -5px; width: auto; display: block;}

/************************************/
/************** HEADER **************/

#wrapper { background: /*#1d3d62*/ #002b5c; position: relative; display: block; width: 100%;}
#logo { width: 160px; height: 190px; float: left; margin: 20px 0 0 0; background: url(images/airport_tourist_park_logo.png) no-repeat;}

/************************************/
/*************** MENU ***************/

#menu { display: block; padding: 120px 0 0 0;}
#menu ul { float: right; height: 30px;}
#menu li { float:left; position: relative; display: block; height: 30px;}
#menu li a {display: block; padding:3px 5px 3px 20px; background: url(images/slash.png) no-repeat top left;}
#menu li a h2 { font-size:14px; color:#fff; text-transform:uppercase; line-height: 1em;}
#menu li a:hover h2, #menu_main li.current-menu-item a h2 { color: #00b0ec;}

/************************************/
/*********** MAIN CONTENT ***********/

h2.title { font-size: 36px; color: #fff; padding: 0 0 50px 0;}
.padding { padding: 100px 0 50px 100px;}

#homer {position:relative; display:block;}
#slideshow { margin: 20px auto; height: 470px; width: 880px; background: #000;}
#slider_prev, #slider_next { width: 65px; height: 100px; position: absolute; top: 200px; cursor: pointer;}
#slider_prev { left:0; background: url(images/prev.png) no-repeat;}
#slider_next { right:0; background: url(images/next.png) no-repeat;}

#tablerate { margin: 20px auto 10px auto; width: 770px; background: #fff;}
#tablerate th { border-bottom: 1px solid #002b5c; border-right: 1px solid #002b5c; text-align: center; color: #002b5c; font-size: 16px;}
#tablerate td { border-bottom: 1px solid #002b5c; border-right: 1px solid #002b5c; text-align: center; color: #1d3d62; font-size: 15px; font-weight: 400; padding: 6px 0;; line-height: 1em;}
#tablerate .title { font-style: italic; position: relative; cursor: pointer; display: block; font-size: 15px !important;}
.terms { margin: 0 auto; width: 770px; font-size: 14px; color: #fff; text-align: center; font-weight: 400;}

#contactform td { font-size: 16px; font-weight: 400;}

.policy { color: #eb453e;}
.policy:hover { color: #00b0ec;}

.tooltip { display: none; position: absolute; background: #f1f1f1; padding: 6px 0; top: -1px; left: 300px; width: 468px; border: 1px solid #002b5c;}

/************************************/
/******* SORTING TRANSITIONS ********/

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity;}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}

/************************************/
/*********** TEXT STYLING ***********/

.text { line-height:1.5em; display:block;}
.text p { padding:0 0 7px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:disc; list-style-position:outside; margin:0 0 0 25px;}
.text ul li a { color: #ccc;}
.text ul li a:hover { color: #00b0ec;}
.text h6 { font-size:16px; color:#00b0ec;}
.text h5 { font-size:18px; color:#00b0ec;}
.text h4 { font-size:20px; color:#00b0ec;}
.text h3 { font-size:24px; color:#00b0ec; padding: 30px 0 0 0;}
.text h2 { font-size:36px; color:#00b0ec;}
.text h1 { font-size:48px; color:#00b0ec;}
ul.accomm li { /*font-size: 14px;*/ color: #00b0ec;}
ul.accomm li span { color: #fff;}
.text input, .text textarea { margin:3px 0 3px 10px; padding:7px 20px; border:1px solid #ccc; background:#fff; color:#666; width: 300px; font-size:16px;}
.text textarea { height:200px;}
input[type="button"],input[type="submit"] { width:auto; border:1px solid #1091bd; background:#00b0ec; color:#fff; font-size:16px; cursor:pointer; padding: 7px 25px; float: right;}
input:hover[type="button"],input:hover[type="submit"] { background:#2ec9fe;}

.poppop {}
.popups { width: 550px;}
.popups .text { padding: 30px; font-size: 14px; color: #333; font-weight: 400 !important;}
.popups .text h1, .popups .text h2, .popups .text h3, .popups .text h5, .popups .text h6 { padding: 0 0 20px 0;}
.popups .text h4 { padding: 10px 0 0 0;}

/************************************/
/************ SHORTCODES ************/

.column_01 { width:7%;}
.column_02 { width:50%;}
.column_03 { width:93%;}
.column_04 { width:100%;}
.textrow {margin: 0 auto; position:relative; display:block;}
.textcolumn {float: left; display: inline;}
.paddingcol { padding:5px 10px 5px 0;}
.paddingcol li { font-size: 18px; line-height: 1.2em;}

.twothirdonethird { display:block; padding:5px 0;}
.twothird { float:left; width:60%;}
.onethird { float:right; width:35%; border-left:1px dotted #999; padding:0 0 0 10px;}

.dropcap { float:left; padding:5px; background:rgba(0,0,0,0.4); color:#fff; font-size:24px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; margin:4px 5px 0 0;}
hr.line { margin:20px 0; border:0; background:none; border-bottom:1px dotted #666;}
.highlight { padding:1px 3px 2px 3px; background:#438; color:#fff;}
.quotes { font-size:14px; font-style:italic;}
.quote { float:left; margin:4px 5px 0 -10px; width:40px; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:90px; line-height:0.8em; letter-spacing:-0.09em;}

/************************************/
/************* COMMENTS *************/

.commentboxes .text { padding:20px;}
#commentform { display:block; padding:15px;}
#commentform input[type="text"] { width:200px;}
#commentform textarea { height:65px; width:430px;}
#comments {display:block;}
#comments h2 { font-size:18px; padding:15px; font-weight:700;}
#comments ol { margin:0; padding:0 15px;}
#comments ol li { border-top:1px solid #ccc; padding:10px 20px;}
#comments ol li .quote {}
#comments ol li cite { font-size:10px; padding:10px 0; color:#999;}

/************************************/
/************** FOOTER **************/

#footer {color: #999;}
#footer a { color: #fff;}
#footer a:hover { color: #fff;}
#footer .textwidget { font-size: 12px; line-height: 1.5em !important; font-weight: 400 !important; padding: 20px 20px 40px 0;}
#footer h3 { text-transform: uppercase; font-size: 12px; line-height: 1.2em !important; padding: 20px 0 0 0;}
#copyright { font-size: 10px; color: #666; text-align: center;}
#copyright a { color:#666;}
#copyright a:hover { color:#ccc;}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid rgba(0,0,0,0.6); text-align: center; background-color:rgba(0,0,0,0.5); color:#fff; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; margin:0 0 10px 10px;}
.alignleft { float: left; margin:0 10px 10px 0;}
img.alignleft { display:inline; float:left; margin:2px 10px 0 0 !important;}
img.alignright { display:inline; float:right; margin:2px 0 0 10px !important;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; background:#fff; padding:10px 0 0 10px; text-align:right;}
#pagenavs span.pages, #pagenavs span.extend { cursor:text;}

/************************************/
/************* FANCYBOX *************/

/************************************/
/********** CONTACT FORM 7 **********/

.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; color: #333; font-size: 12px; font-weight: 400;}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; color: #333; font-size: 12px; font-weight: 400;}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; color: #333; font-size: 12px; font-weight: 400;}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; color: #333; font-size: 12px; font-weight: 400;}

/************************************/
/************* END CSS! *************/