body {
font-family: 'Lato', sans-serif;
font-size: 10px;
background: #B4B494;
}
body.home,
body.page-rates-reservations {
background: #FFF;
}
.wrapper {
width: 1275px;
margin: 0 auto;
display: block;
} header .container
{
position: relative;
width: 1275px;
min-width: 1275px;
}
header,
.main,
footer {
float: left;
width: 100%;
min-width: 1275px;
}
.home-banner {
min-width: 1275px;
}
.container {
width: 1275px;
min-width: 1275px;
margin: 0 auto;
max-width: 100%;
}
header {
height: 105px;
background: #B4B494;
}
header .site_logo {
float: left;
width: 206px;
padding: 25px 0 0 0;
}
header .site_logo a {
float: left;
width: 204px;
height: 52px;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/logo2.png) no-repeat;
}
nav {
float: left;
width: auto;
margin-left: 50px;
}
nav ul {
}
nav li {
float: left;
margin-left: 15px;
}
nav li:last-child {
}
nav li a {
font-size: 1.5em;
line-height: 105px;
font-weight: 400;
color: #FFF;
text-decoration: none;
float: left;
}
nav li a:hover,
nav .current-menu-item a {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/nav_notch.png) 50% 100% no-repeat;
}
nav li:first-child {
margin-left: 0;
} #TA_certificateOfExcellence438 {
position: absolute;
right:0;
top:0;
}
#TA_certificateOfExcellence825
{
position: absolute;
right:175px;
top:0;
}
.awards
{
text-align: center;
float: left;
width: 100%;
margin-bottom: 60px;
}
.awards img
{
max-width: 150px;
}
.awards .wrap
{
text-align: center;
}
.awards .wrap h2 
{
padding: 14px 0 45px 0;
text-align: center;
color: #818162;
font-size: 180%;
font-weight: 700;
}
.awards .wrap div
{
display: inline-block;
}  .home_block_slideshow {
float: left;
width: 100%;
min-height: 530px;
}
.home_block_slideshow .slide {
min-height: 530px;
background-position: center top !important;
background-size: auto 100% !important;
} .crumbs {
}
.crumbs .wrap {
padding: 10px 0;
}
.crumbs .wrap ul {
float: left;
}
.crumbs .wrap ul li {
float: left;
font-size: 140%;
line-height: 16px;
color: #939393;
}
.crumbs .wrap ul li a {
color: #939393;
border-right: solid 1px #888;
padding: 0 14px 0 0;
margin: 0 14px 0 0;
}
.crumbs .wrap ul li a:hover {
color: #777;
} .entry_content p {
font-size: 120%;
line-height: 1.4em;
margin-bottom: 1.3em;
}
.entry_content a {
color: #ff9d5d; }
.entry_content a:hover {
color: #ddd;
}
.entry_content ul {
font-size: 120%;
line-height: 1.4em;
margin-bottom: 1.3em;
padding: 0 10px;
}
.entry_content ul li
{
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/bullet.png) no-repeat 0 10px;
padding: 0 10px;
}
.entry_content ol
{
font-size: 120%;
line-height: 1.4em;
margin-bottom: 1.3em;
padding: 0 10px;
list-style-type: decimal;
list-style-position:inside;
}
.entry_content ol li
{
padding: 0 10px;
}
.entry_content img
{
display: block;
margin: 0 auto;
}
.entry_content img.alignleft
{
float: left;
margin: 0 20px 20px 0;
}
.entry_content img.alignright
{
float: right;
margin: 0 0 20px 20px;
}
.entry_content img.aligncenter
{
display: block;
margin: 0 auto;
} .home-banner {
float: left;
width: 100%;
height: 525px;
}
.home-banner .slide {
float: left;
width: 100%;
height: 525px;
background-position: center top !important;
background-size: auto !important;
} .homepage_info_blocks {
float: left;
width: 100%;
padding: 0 0 100px 0 ;
}
.homepage_info_blocks .home-block {
position: relative;
float: left;
width: 30%;
height: 100%;
padding: 53px 0 0 0;
background-position: 50% 53px !important;
background-repeat: no-repeat !important;
}
.homepage_info_blocks .overview {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/icn_overview.png);
}
.homepage_info_blocks .facilities {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/icn_facilities.png);
margin: 0 5%;
}
.homepage_info_blocks .our_location {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/icn_location.png);
}
.homepage_info_blocks .home-block:before {
position: absolute;
display: block;
width: 32px;
height: 16px;
left: 50%;
top: 205px;					
content: '';
transform: translate(-50%, 0);
background-repeat: no-repeat !important;
}
.homepage_info_blocks .overview:before {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/homepage_notch.png);
}
.homepage_info_blocks .facilities:before {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/homepage_notch.png);
}
.homepage_info_blocks .our_location:before {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/homepage_notch.png);
}
.homepage_info_blocks .home-block h2 {
padding: 105px 0 45px 0;
text-align: center;
color: #818162;
font-size: 180%;
font-weight: 700;
}
.homepage_info_blocks .home-block p {
padding: 35px 8% 0 8%;
font-size: 140%;
color: #999999;
text-align: left;
line-height: 1.2em;
}
.homepage_info_blocks .home-block p:nth-child(2) {
border-top: 1px solid #e8e8d8;
}
.homepage_info_blocks .overview .paragraph_more {
border: none!important;
padding: 27px 10px 0 10px;
}
.btn_home {
text-align: center;
margin: 60px 0 0 0;
}
.btn_home a {
font-size: 150%;
font-weight: 700;
background-color: #818162;
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
padding: 10px 40px;
}
.btn_home a:hover {
background-color: #B4B494;
}		
.homepage_info_blocks .facilities ul {
font-size: 140%;
border-top: 1px solid #e8e8d8;
color: #999999;
text-align:left;
line-height: 1.5em;
padding: 35px 14% 0 14%;
}
.homepage_info_blocks .facilities ul li {
line-height: 1.5em;
position: relative;
padding: 0 0 0 20px;
}
.homepage_info_blocks .facilities ul li:after {
position: absolute;
display: block;
width: 11px;
height: 13px;
left:-15px;
bottom: 0px;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/icn_bullettick.png) no-repeat;
}
.homepage_info_blocks .our_location .google_map {
border-top: 1px solid #e8e8d8;
padding: 35px 0 0 0;
}
.homepage_info_blocks .our_location .google_map .map {
position: relative;
width: 100%;
padding-bottom: 60%;
height: 0;
margin: 0 auto;
}
.homepage_info_blocks .our_location .google_map .map .map_canvas {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.homepage_info_blocks .our_location .google_map	p {
text-align: left;
padding: 20px 0 0 0;
font-size: 140%;
color: #999999;
line-height: 1.5;
border: 0;
}
.homepage_info_blocks .our_location .btn_home {
margin: 36px 0 0 0;
}  .subs
{
}
.subs h3
{
display: block;
margin: 0 0 10px 0;
}
.subs > ul
{
display: block;
}
.subs > ul li a
{
color: #000;
}
.subs ul .children
{
display: none;
}
.subs .page_item_has_children.current_page_item .children,
.subs .page_item_has_children.current_page_parent .children
{
display: block;
padding: 0 10px;
} .subs .page_item_has_children.current_page_parent > a
{
color: pink;
} .subs ul .current_page_item > a
{
color: red;
} .page_background
{
float: left;
width: 100%;
padding: 0 0 40px;
}	
.page_background .content_block
{
float: left;
width: 100%;
border: 3px solid #fff;
} .page_background .full_area_content
{
width: 100%;
height: 530px;
border: 3px solid #fff;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/tile_about.png) repeat;			
padding: 0 5%;
color: #999999;
}
.page_background .full_area_content h2
{
font-size: 180%;
color: #9e9e82;
font-weight: 700;
padding: 40px 0 20px 0;
text-align: center;
}
.page_background .full_area_content p
{
font-size: 140%;
color: #999999;
line-height: 1.5em;
text-align: center;
}
.page-the-restraurant .page_background .content_block
{
width: 100%;
border: 3px solid #fff;
}
.page_background .content_block .content_slideshow
{
float: left;
width: 100%;
height: 100%;
position: relative;
}
.page_background .content_block .content_slideshow img
{
max-width: calc(100% - 6px);
}
.page_background .content_block .content_slideshow #slideshow
{
float: left;
width: 100%;		
}
.page_background .content_block .about_info
{
float: left;
width: 100%;
z-index: 9999;
height: 100%;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/tile_about.png) repeat;
padding: 60px;
}
.page_background .content_block .about_info span {
float: left;
width: 33.3333%;
}
.page_background .content_block .about_info h2
{
font-size: 180%;
color: #9e9e82;
font-weight: 700;
padding: 0 0 20px 0;
}
.page_background .content_block .about_info p
{
font-size: 140%;
color: #999999;
line-height: 1.5em;
} .banner-block {
float: left;
width: 100%;
padding: 0 0 40px;
}
.banner-image {
float: left;
width: 100%;
border: 3px solid #FFF;
overflow: hidden;
height: 528px;
}
.banner-image .slide img {
float: left;
width: 100%;
}
.banner-overlay {
position: absolute;
bottom: 1px;
right: 6px;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: auto;
max-width: 1000px;
}
.page-photos .banner-overlay {
right: 0;
}
.page-the-restraurant .banner-overlay {
bottom: 1px;
}
.banner-overlay p {
float: left;
width: 100%;
color: #FFF;
padding: 10px;
font-size: 11px;
}
.banner-pager {
float: left;
width: 100%;
padding: 15px 45px;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/tile_about.png);
position: relative;
}
.banner-pager li {
margin: 5px;
float: left;
width: 100px;
height: 100px;
}
.banner-pager img {
float: left;
border: 3px solid #FFF;
object-fit: cover;
width: 100px;
height: 100px;
}
.banner-pager span {
display: none;
}
.banner-pager button.slick-prev,
.banner-pager button.slick-next {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/banner-pager-arrows.png) no-repeat;
text-indent: -9999em;
float: left;
width: 23px;
height: 35px;
position: absolute;
z-index: 9999;
top: 40px;
}
.banner-pager button.slick-prev {
left: 10px;
background-position: -24px 0;
}
.banner-pager button.slick-next {
right: 10px;
background-position: 0 0;
}  .rates-gallery {
float: left;
background: #FFF;
padding: 0 0 1% 0;
width: 100%;
min-width: 1275px;
position: relative;
}
.rates-gallery img {
width: 100%;
height: auto;
object-fit: cover;
}
.rates-gallery button.slick-prev,
.rates-gallery button.slick-next {
position: absolute;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/banner-arrows.png) no-repeat;
width: 31px;
height: 45px;
background-size: 200%;
top: 50%;
transform: translate(0, -50%);
cursor: pointer;
z-index: 9999;
content: '';
}
.rates-gallery button.slick-prev {
left: 40px;
}
.rates-gallery button.slick-next {
right: 40px;
background-position: -32px 0;
}
.content_block {
background: #FFF;
position: relative;
}
.rates-gallery #next,
.content_block #next,
.rates-gallery #prev,
.content_block #prev {
position: absolute;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/banner-arrows.png) no-repeat;
width: 31px;
height: 45px;
background-size: 200%;
top: 50%;
transform: translate(0, -50%);
cursor: pointer;
z-index: 9999;
}
.rates-gallery #next,
.content_block #next {
right: 40px;
background-position: -32px 0;
}
.rates-gallery #prev,
.content_block #prev {
left: 40px;
} .rates_information
{
float: left;
width: 100%;
padding: 0 0 125px 0;
}
.rates_enquiry
{
float: left;
width: 100%;
height: 100%;
padding: 45px 0 0 0;
}
.rates_enquiry h2
{
font-size: 250%;
font-weight: 700;
color: #9e9e82;
padding: 0 0 40px 0;
}
.rates_enquiry p
{
font-size: 160%;
color: #999999;
padding: 0 0 25px 0;
} .rates_enquiry table
{
margin: 0 0 40px 0;
}
.rates_enquiry table tr:first-child {
border-bottom: 1px solid #B4B494;
}
.rates_enquiry th
{
font-size: 160%;
color: #999999;
font-weight: 700;
padding: 10px 0;
}
.rates_enquiry td
{
font-size: 160%;
color: #999999;
padding: 20px 0;
}
.rates_enquiry .trip_type
{
color: #818162;
font-size: 160%;
font-weight: 700;
}
.rates_enquiry p a
{
display: block;
float: left;
width: 100%;
color: #818162;
margin: 0 0 50px 0;
}
.rates_enquiry span a.enquiry
{
display: block;
float: left;
position: relative;
padding: 10px 60px 10px 20px;
background-color: #818162;
font-size: 160%;
font-weight: 700;
color: #fff;
text-align: left;
margin: 0 0 50px 0;
}
.rates_enquiry span.callus a {
color: #818162;
}
.rates_enquiry span a:after
{
position: absolute;
display: block;
width: 23px;
height: 12px;
right:10px;
top: 41%;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/btn_arrow.png) 0 0px no-repeat;
}
.rates_enquiry .callus
{
position: relative;
text-indent: 40px;
display: block;
float: left;
width: 100%;
font-size: 170%;
color: #9e9e82;
}	
.rates_enquiry .callus:before
{
position: absolute;
display: block;
width: 28px;
height: 28px;
left:0;
top: 0;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/icn_callus.png) 0 0px no-repeat;
}
.rates_enquiry .email
{
position: relative;
text-indent: 40px;
display: block;
float: left;
width: 100%;
font-size: 170%;
color: #9e9e82;
margin-top: 1rem;
} .rates_extras
{
position: relative;
float: left;
width: 38%;
height: 445px;
margin: 80px 0 0 0;
padding: 90px 50px 0 125px;
background-color: #F1F1EF;
}
.rates_extras:before
{
position: absolute;
display: block;
width: 52px;
height: 52px;
left:0px;
top: -15px;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/bg_extras.png) 0 0px no-repeat;
}
.rates_extras p
{
font-size: 140%;
color: #999999; padding: 0 0 30px 0;
line-height: 1.5em;
}
.rates_extras .bunglow_prices:before
{
position: absolute;
display: block;
width: 50px;
height: 58px;
left:40px;
top: 85px;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/bg_price_bunglow.png) 0 0px no-repeat;
}
.rates_extras .airport:before
{
position: absolute;
display: block;
width: 58px;
height: 58px;
left:40px;
top: 170px;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/bg_airplane.png) 0 0px no-repeat;
}
.rates_extras .lugage:before
{
position: absolute;
display: block;
width: 57px;
height: 51px;
left:40px;
top: 300px;					
content: '';
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/bg_suitcase.png) 0 0px no-repeat;
} .page-rates-reservations .booking_section
{
position: relative;
}	
.box
{
float: left;
border: solid 1px #818162;
margin-bottom: 40px;
padding-bottom: 0 !important;
padding: 10px 20px !important;
}	
.rate_pol
{
display: block;
float: left;
width: 100%;
margin-bottom: 30px;
color: #999;
}
.rate_pol li
{
display: block;
font-size: 160%;
line-height: 1.3em;
margin-bottom: 10px;
}
.rate_pol li:first-child
{
font-size: 18px;
color: #818162;
font-weight: 700;
} .news_title
{
padding: 0 0 20px 0;
border-bottom: solid 1px #E9EBE9;
margin: 0 0 20px 0;
}
.news_title span
{
font-weight: 400;
color: #666;
}
#news_col_left
{
float: left;
width: 220px;
}
#news_col_right
{
float: right;
width: 700px;
} #news_featured_img
{
width: 200px;
height: 200px;
padding: 0 0 20px 0;
border-bottom: solid 1px #E9EBE9;
margin:  0 0 20px 0;
}
#news_featured_img img
{
display: block;
padding: 4px;
box-shadow: 0 0 8px rgba(0,0,0,0.25);
}
.side_box
{
padding: 0 0 20px 0;
border-bottom: solid 1px #E9EBE9;
margin: 0 20px 20px 0;
}
.side_box h3
{
display: block;
font-size: 160%;
margin: 0 0 20px 0;
color: #A9A194; }
.side_box ul
{
display: block;
}
.side_box ul li
{
display: block;
font-size: 140%;
line-height: 1.6em;
}
.side_box ul li a
{
color: #555;
}
.side_box ul li a:hover,
.side_box ul .current-cat a,
.side_box ul .current-arch a
{
color: #A9A194; } .news_item
{
padding: 0 0 30px 0;
border-bottom: solid 1px #E9EBE9;
margin: 0 0 30px 0;
}
.news_item:last-child
{
padding: 0;
margin: 0;
border: none;
}
.news_item h2
{
display: block;
font-size: 180%;
margin: 0 0 30px 0;
}
.news_item h2 a
{
color: #5EB389; }
.news_item h2 a:hover
{
color: #222262; }
.news_item abbr
{
display: block;
color: #777;
font-size: 120%;
margin: 0 0 6px 0;
}
.news_item .archive_img
{
float: left;
width: 100px;
height: 100px;
}
.news_item .archive_img img
{
display: block;
padding: 4px;
box-shadow: 0 0 8px rgba(0,0,0,0.25);
}
.news_item .ex
{
padding: 0 0 0 120px;
}
.news_item .ex .read_full
{
display: block;
float: left;
font-size: 120%;
color: #fff;
padding: 0 20px;
background-color: #A9A194;
line-height: 30px;
}
.news_item .ex .read_full:hover
{
color: #fff;
background-color: #5EB389;
} .page_background .contact_block
{
width: 100%;
height: 620px;
border: 3px solid #fff;
}
.page_background .contact_block .contact_map
{
float: left;
width: 63%;
border: 3px solid #fff;
height: 100%;
position: relative;
}
.page_background .contact_block .contact_map h2
{
font-size: 180%;
color: #fff;
text-align: center;
font-weight: 700;
padding: 1.5% 0;
}
.page_background .contact_block .contact_map p
{
font-size: 140%;
color: #fff;
text-align: center;
padding: 0 0 1% 0
}
.page_background .contact_block .contact_map span
{
font-size: 140%;
color: #fff;
margin: 0 auto;
}
.gmnoprint div {
background: none !important;
text-indent: -9999em !important;
}
.directions {
float: left;
width: 100%;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
}
.directions a {
display: table;
width: 100%;
font-size: 1.2em;
background: #665;
padding: 16px;
color: #FFF;
text-transform: uppercase;
}
.directions a:hover {
background: #B4B494;
}
.address {
float: left;
width: 100%;
padding: 9px 0;
}
.page_background .contact_block .about_info
{
float: left;
width: 37%;
height: 100%;
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/tile_about.png) repeat;
padding: 85px 64px 0 64px;
}
.page_background .contact_block .about_info h2
{
font-size: 180%;
color: #9e9e82;
font-weight: 700;
padding: 0 0 40px 0;
}
.page_background .contact_block .about_info p
{
font-size: 140%;
color: #999999;
line-height: 1.5em;
} .map
{
position: relative;
width: 100%;
height: 500px;
margin: 0 auto;
}
.map .map_canvas
{
position: absolute;
width: 100%;
height: 100%;
left: 0;
} .error404
{
float: left;
width: 100%;
text-align: center;
margin: 0 0 80px 0;
} footer {
float: left;
width: 100%;
background: #B4B494;
padding: 20px 0;
}
.footer-logo {
display: block;
margin: 0 auto 20px;
width: 440px;
height: 49px;
}
.footer-logo a {
background: url(//kabakbeach.com/wp-content/themes/kabak/assets/images/logo.png);
width: 440px;
height: 49px;
text-indent: -9999em;
float: left;
}
.footer-content {
display: block;
margin: 0 auto;
width: 950px;
}
.footer-content p {
float: left;
width: 100%;
font-size: 1.3em;
line-height: 1.3em;
text-align: center;
color: #e6e6c9;
margin-bottom: 1.3em;
}
.footer-content p.copyright {
float: left;
width: 100%;
text-align: center;
}
.footer-content a {
color: #e6e6c9;
text-decoration: none;
}
.footer-content a:hover {
text-decoration: underline;
} .slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}