/*
Theme Name: Starion
Description: Starion
Version: 1
Author: Meta Solutions
Author URI: http://metasolutions.co.nz/
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%; font-family: 'Open Sans', sans-serif;}

h1, h1 a{font-size:28px; color:#38aa9e; margin-bottom:15px;}
h2, h2 a{font-size:24px; color:#000000; margin-bottom:15px;}
h3, h3 a{font-size:20px; color:#000000; margin-bottom:15px;}
h4, h4 a{font-size:18px; color:#000000; margin-bottom:15px;}
h5, h5 a{font-size:16px; color:#000000; margin-bottom:15px;}

td{vertical-align: top;}

p{margin-bottom:15px; line-height:28px;}

li{font-size:14px; list-style-position: outside; line-height:30px; margin-left:15px;}
img, img a {text-decoration: none; border: 0px}

.alignleft{float:left; margin:0px 15px 15px 0px;}

#wrap {min-height: 100%;}

#main {
  overflow:auto;
  padding-bottom: 180px;  /* must be same height as the footer */
}

.header-top-line{height:15px; background-color:#38aa9e;}
header{width:960px; margin: 0px auto; padding-top:20px;}
.header-left{background-image:url('/wp-content/uploads/2016/02/peaceful-living-logo.jpg'); width:400px; height:103px; background-size: 100% auto; float:left;}
.header-right{float:right; padding:54px 10px 0px 0px;}
.header-right ul li{display:inline; margin-right:20px; list-style-position:inside; margin-left:0px;}
.header-right ul li a:link{color:#00A499; text-decoration:none;}
.header-right ul li a:visited{color:#00A499; text-decoration:none;}
.header-right ul li a:hover{color:#00A499; text-decoration:underline;}
.header-right ul li a:active{color:#00A499; text-decoration:none;}

.facebook-wrapper{float:right; width:50px;}
.facebook-wrapper iframe{float:right; text-align:right; width:50px;}

.slideshow{clear:both; padding-top:30px;}

.main-content.home{padding:50px 0px 30px 0px; width:960px; margin-left:auto; margin-right:auto;}
.main-content{clear:both; padding:50px 0px 30px 0px; width:960px; margin-left:auto; margin-right:auto;}

.home-page-feature-boxes{padding:30px 0px 15px 0px;}
.home-page-features-box{clear:both; display:table; width:95%; margin-bottom:30px; background:#EBF6F5; padding:20px; border:1px solid #cee0e0;}
.home-page-features-box a{line-height:50px;}
.feature-box-image{width:300px; vertical-align: top; padding-right:15px;}
.feature-box-image img{width:300px; min-height:87px;}

.home-page-features-box p a{color:#38AA9E}

.home-category-table td a{margin-right:10px;}

.tour-category{background:#EBF6F5; padding:20px 20px 30px 20px; border:1px solid #cee0e0!important; margin-bottom:30px;}
.tour-category td img{width:360px;}
.tour-category td{vertical-align: top;}
.tour-category td p{margin-bottom:30px;}
.tour-category td.t-c-left{padding-right:15px;}
.tour-category td.t-c-right{width:100%;}

.tour-details{padding-left:0px; margin-left:0px;}
.tour-details li:first-child{display:inline; margin-left:0px; border:none; padding-right:0px;}
.tour-details li{display:inline; border-right:1px solid #000; padding-right:15px;}
.tour-details li:nth-child(4){border-right:none;}
.tour-details li.currency a{color:#38AA9E;}

.tour-listing-content-wrapper{margin-left:180px;}

.individual-tour{border-bottom:2px solid #38AA9E; margin-bottom:30px; padding-bottom:30px; clear:both;}
.individual-tour:last-child{border-bottom:none;}
.main-image{width:792px;}
.main-image img{width:50%; height:auto;}
.map{padding:0px 10px 0px 0px; min-width:167px; max-width:167px;}
.map img{max-width:160px;}
.title{padding:15px 0px 0px 0px;}
.individual-tour .title a:link{color:#38AA9E; text-decoration:none;}
.individual-tour .title a:visited{color:#38AA9E; text-decoration:none;}
.individual-tour .title a:hover{color:#38AA9E; text-decoration:underline;}
.individual-tour .title a:active{color:#38AA9E; text-decoration:none;}

.mr_social_sharing{padding-right:15px!important;}

.tour-highlights{background-color:#38AA9E; padding:15px 15px 1px 15px; margin-bottom:15px; color:#ffffff;}

.gallery{margin-bottom:20px!important; }

#swipebox-close:after{content:"close"; color:#ffffff; position:relative; left:40px; top:12px; padding:0px 10px 0px 0px;}

.enquire-link{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px;}

/*tabs*/

.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #38AA9E;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li{list-style-type:none;}
.tabs-menu li a {
    padding: 10px 10px 10px 10px;;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: #000;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.tab-content {
    padding: 15px;
    display: none;
}

#tab-1 {
 display: block;   
}


/*end of tabs*/

.single-tour-table{margin-left:180px; padding-top:20px; clear: both;}
.single-tour-table td a{margin-right:20px;}

.t-c-right h1 a:link, .t-c-right h5 a:link{text-decoration:none;}
.t-c-right h1 a:visited, .t-c-right h5 a:visited{text-decoration:none;}
.t-c-right h1 a:hover, .t-c-right h5 a:hover{text-decoration:none; text-decoration:underline;}
.t-c-right h1 a:active, .t-c-right h5 a:active{text-decoration:none;}

#field_6_5{margin-top:10px;}
#field_6_5 label{font-weight:600;}

#gform_1 label{font-weight:400;}
#gform_submit_button_1{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px;}
#gform_submit_button_2{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px;}
#gform_submit_button_3{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px;}
#gform_submit_button_4{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px;}
#gform_submit_button_5{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px; margin-left:-30px;}
#gform_submit_button_6{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px;}

.register-now{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:0px 10px 3px 10px; border-radius:5px; border:none;}

#wpcc_convert{background-color:#38AA9E; color:#ffffff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:5px; border:none; width:160px; font-size:14px; cursor:pointer;}

#gform_submit_button_1:hover,
#gform_submit_button_2:hover,
#gform_submit_button_3:hover,
#gform_submit_button_4:hover{cursor: pointer;}

.image-caption{text-align:left; margin-bottom:0px; font-size:12px;}

.rsSBlock{background:#ffffff; color:#000000;}
.rsSBlock p{padding:10px 10px 10px 10px; margin:0px;}

.currency-converter-wrapper div{margin-left:0px!important;}
.currency-converter-wrapper div select{margin-bottom:15px!important; font-size:14px;}
.currency-converter-wrapper div font{font-size:12px!important;}
.currency-converter-wrapper div input{margin-bottom:15px!important; margin-top:15px;}

#gform_4 input, #gform_4 textarea, #gform_2 input{font-size:14px;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

.footer-wrapper{background-color:#ebf6f5;}

footer {
  position: relative;
  margin-top: -180px; /* negative value of footer height */
  height: 460px;
  clear:both;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  padding-top:30px;
  padding-bottom:20px;
  background-image:url('http://peacefulliving.nz/wp-content/uploads/2016/02/yinYang1.gif'); 
  background-repeat: no-repeat; 
background-size:200px;
  background-position: 760px 40px;
} 

.advanced-info{text-transform:uppercase; font-weight:bold; color:#37AA9D;}
.sign-up-now{text-transform: uppercase; font-size:12px;}

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0px 0px 30px 0px!important;
    width:30%;
}

#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    padding-bottom: 15px!important;
    min-height: 30px!important;
}

#mc_embed_signup .mc-field-group label{float:left; min-width:140px;}

#mc_embed_signup .indicates-required {
    text-align: left!important;
    margin-bottom:15px;
    font-size: 11px;
    margin-right: 4%;
}

#mc_embed_signup .mc-field-group .asterisk {
    position: absolute;
    top: -05px!important;
    right: 140px!important;
}

#mc_embed_signup .button {background-color:#38AA9E!important; color:#ffffff!important; text-decoration:none!important; padding:10px 20px 10px 20px!important; border-radius:5px!important; border:none!important; line-height:14px!important;}


.footer-menu{border-top:1px solid #ACB7B3; margin-top:30px; padding-top:15px; background-image:url('images/star.png'); background-repeat: no-repeat; background-position: 0px 10px}
.footer-menu ul{margin-left: 40px;}
.footer-menu ul li{display:inline; margin-right:20px; }
.footer-menu ul li a:link{color:#000000; text-decoration:none;}
.footer-menu ul li a:visited{color:#000000; text-decoration:none;}
.footer-menu ul li a:hover{color:#000000; text-decoration:underline;}
.footer-menu ul li a:active{color:#000000; text-decoration:none;}

.gform_wrapper .left_label .gfield_label {width:16%!important;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* iPad fixes
-------------------------------------------------- */

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
 #wrap, .footer-wrapper{min-width:1024px; padding-bottom:30px;}
 footer{width:960px; margin-left:auto; margin-right:auto;}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}