/* COLOR PROILE:  */ .roboto {font-family: 'Roboto';} 
.comfortaa {font-family: 'Comfortaa';} 
 /* BEGINN AUTOSTYLES */ .element-logo img {height: 140px; }
.pricing_heading {background: rgb(102, 208, 225); }
.pricing_heading h3, .pricing_heading h4 {color: rgb(255, 255, 255); }
#overheader {color: #169BD5; }
ul#menu ul.sub-menu  a {font-size: 14px; }
.mean-container .mean-bar:after {content: Menu; }
#footer, #footer_gradient {background-color: #3ACDEF; }
#copyright {background-color: #218FA9; }





 



/* BEGINN NON AUTO STYLES */

body  {    background-position:left top; }
body {}
#page { }
.ui-tabs-nav li a, h3.toggle-trigger, h3.accordion-trigger, .accordion h3 {}


body  { font-family: 'Roboto'   ; font-weight: normal;}
a  { }
a:hover {}
a:visited {}
h1, a h1, h1 a, .tagline, .h1 {font-family: 'Comfortaa'   ; font-weight: normal;   }
h2, a h2, h2 a, .h2 {font-family: 'Comfortaa'   ; font-weight: normal;   }
h3, a h3, h3 a, .h3 {font-family: 'Comfortaa'   ; font-weight: normal;   }
h4, a h4, h4 a, .h4 {font-family: 'Comfortaa'   ; font-weight: normal;   } 
h5, a h5, h5 a, .h5 {font-family: 'Comfortaa'   ; font-weight: normal;   }
h6, a h6, h6 a, .h6 {font-family: 'Comfortaa'   ; font-weight: normal;   }

#overheader {     background-position:left top; color:#169BD5; }
#overheader {}

#head_line {   ; } 
#head_line h1, #head_line a h1, #head_line h1 a {   }
#head_line h2, #head_line h2 a, #head_line a h2 {   }
 
.element-logo {}
#pagename {}
#pageslogan {}

body.has_slider header #menu {}

#header, #nav.one_page_fixed {   background-image:url(https://kangarooislandstar.com.au/wp-content/uploads/2017/03/temp-header.jpg);  background-repeat:no-repeat;  background-position:right top; background-attachment:fixed;}
#header {}


header .main-menu > li > a, #header_infoline  {}

header .main-menu { }

header#headline.has_menu_description .main-menu > li > a > span {}
header.logo-left .main-menu > li > a, #headline.logo-left #menu > li > i, header.logo-right .main-menu > li > a, #headline.logo-right #menu > li > i {/*  */}
#headline.logo-left #menu > li > i, #headline.logo-right #menu > li > i {}

header.main-menu  .current-menu-item, .main-menu .current-menu-parent, .current-page-ancestor {}
header .main-menu li, header .main-menu a,  ul#responsive_menu a, .main-menu a:visited, .cart-contents, .cart-contents:hover {  } 
 
header .main-menu li:hover, header .main-menu li:hover > a {}
header .main-menu ul.sub-menu a { font-size: 14px ; }
header .main-menu  ul.sub-menu  {  }
.seven_mega_menu { } 
ul.sub-menu::before {}
header .main-menu  ul.sub-menu li a, header .main-menu  ul.sub-menu li,  ul#responsive_menu li a { }	

header .seven_mega_menu *, header .seven_mega_menu *:hover, header .seven_mega_menu li, header .main-menu li:hover .seven_mega_menu, header .main-menu li:hover .seven_mega_menu a, header .seven_mega_menu a,  header li:hover .seven_mega_menu li { }
header .seven_mega_menu { font-size: 14px ; }

header .main-menu  ul.sub-menu li a:hover { }
header #menu > li:hover {}
header ul.sub-menu li:hover {}
.mean-container .mean-bar:after { content:'Menu';}
.mean-container a.meanmenu-reveal span  {}
  
.allslider_overlay1 {}
.allslider_overlay2 {}
.allslider_overlay3 {}


#hero {    background-position:left top;; } 
#hero h2, #hero a h2, #hero  h2 a, #hero  .h2 {  font-size:80px;   line-height:86px;}
#hero h3, #hero a h3, #hero  h3 a, #hero  .h3 {  font-size:30px;   line-height:36px;}
#hero h2, #hero h3 { text-shadow: 2px 2px 0px  rgba(0, 0, 0, 0.33); }
#hero h2 span, #hero h3 span { }


#main, .mainsection  {    }
#main, .mainsection  {}
body.has_slider_gradient #hero:after {}


#content  { }
#content a  { }
#content a:hover {}
#content a:visited {}
#content h1, #content a h1, .tagline  {   }
#content h1 strong {}
#content h2, #content a h2 {   }

#content h3, #content a h3 {   }
#content h4, #content a h4 {   } 
#content h5, #content a h5 {   }
#content h6, #content a h6 {   }

 
#footer {  background-color: #3ACDEF ;   background-position:left top; }
#footer_gradient { background-color: #3ACDEF ;}
 

#footer /* , #footer p, #footer * */ { }
#footer a  { }
#footer a:hover {}
#footer a:visited {}
#footer h2, #footer a h2 {   }
#footer h3, #footer a h3 {   }
#footer h4, #footer a h4 {   } 
#footer h5, #footer a h5 {   }
#footer h6, #footer a h6 {   }
#footer h3.widget-title { color:rgb(253, 253, 253) !important;  }

#footer_scroll_top {}


#secondfooter, #copyright {  background-color:#218FA9;    background-position:left top; }
#secondfooter, #copyright {}

#underfooter {}

.callout {}
.testimonial-lists-item-shortcode h5::before { border-left:12px solid transparent !important; }
.post-count-comments::after {} 
.toggle  h3.box { color:rgb(255, 255, 255) !important; }
.toggle .box, .toggle .box + div { background:#77C9D6 !important;  border-color:#77C9D6 !important;}
.toggle  h3.color {}
.toggle .color  { }
.toggle .color + div {  }
.accordion   h3.box { color:rgb(255, 255, 255) !important;}
.accordion .box, .accordion .box + div {  background: #77C9D6 !important;   border-color:#77C9D6 !important; }
::selection {}
.nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide {}
.pricing_heading::after { border-top-color: rgb(102, 208, 225);}


.cart-contents em:after, a.biggerPhoto, .skillsprogress   {  background-color:rgb(255, 92, 0); color:rgb(255, 255, 255);} 
#filters a , .pagination a, .pagination span, .page-pagination span, .page-pagination a  {   color:rgb(255, 92, 0);} 

/* UI BG */
.flex-direction-nav a, .sc_appointment, .cbp_tmtimeline > li .cbp_tmicon, a.biggerPhoto:before, .div_portfolio_entry .lrs i,  .sc_button.custom, .feature_box > div:first-child,  a.portfolio_entry_bigger_image, .portfolio-img a.biggerPhoto,   .nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide, #ascrail2000 > div, .nivo-header .nivo-controlNav a:hover, .tagcloud a, .cycle-content-navs a:hover { background-color:rgb(255, 92, 0) !important; color:rgb(255, 255, 255) !important;}

.owl-prev, .owl-next, .owl-prev i, .owl-next i { background-color:rgb(255, 92, 0) !important; color:rgb(255, 255, 255) !important;}


.sc_splitheadline_left { border-color:rgb(255, 92, 0) ;}

 
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { background-color:rgb(255, 92, 0) !important; color:rgb(255, 255, 255) !important;}
 
.ui-color-as-background { background-color:rgb(255, 255, 255) !important;}
.ui-background-as-color { color:rgb(255, 92, 0) !important;}

.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover
{
	 background-color:rgb(255, 92, 0) !important; color:rgb(255, 255, 255) !important; text-shadow:none !important;
}
.woocommerce-message:before { background-color:rgb(255, 92, 0) !important;}
.woocommerce-message { border-top: 3px solid rgb(255, 92, 0);}




.title_box .title_box_title, .title_box .title_box_title i {  background-color:rgb(255, 92, 0);  }
.title_box .title_box_title {  color:rgb(255, 255, 255);  }
.title_box_title, .title_box .title_box_title i  { background-color:rgb(255, 255, 255);}
.title_box_title, .title_box .title_box_title i  { color:rgb(255, 92, 0);}

 h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tagline strong, [class*="icon-"], p.contact_widget + span {  color:rgb(255, 92, 0);  }
 
.callout { border-left: 4px solid rgb(255, 92, 0) ;}
 
  
/* FOOTER SCROLLTOP */
#footer_scroll_top { background-color:rgb(255, 92, 0); color:rgb(255, 255, 255);}


#custom-top_info_container {
    float: inherit;
    width: 100%;
    max-width: 100%;
}
.top-des {
    width: 80%;
    display: inline-block;
    font-size: 1.5em;
}
#toppings {
    max-width: 100%;
    padding: 25px;
}
.book-online {
    background: #169BD5;
    color: white;
    padding: 10px 30px;
    font-size: 25px;
    border-radius: 5px;
}

/* logo, nav */
.clear.inner.header_inner {
    display: flex;
}
#logo_1_container {
    width: 20%;
	transition: all 0.5s !important;
}
#menu-main_container {
    width: 80%;
    float: left;
}


/* First footer*/
#take-action a {
    padding: 15px;
    background: white;
    color: #3ACDEF;
    border: solid #0091b3 1px;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.inner {
    max-width: 1200px;
}
#footer .widget-title {
    font-size: 30px;
}

/* 2nd footer */
.u94 {
    width: 38%;
}
.first-col {
    width: 50%;
    display: inline-block;
}





/* sticky menu */
#header:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0;
    z-index: 4;
    transition: opacity 0.35s;
}
#header.header-fixed {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 10000;
    background-image: none;
}
#header.header-fixed:before {
    opacity: 1;
}

.element-logo img {
    transition: 0.35s;
}

#header.header-fixed .element-logo img {
    height: 100px;
transition: all 0.5s !important;
}
body:not(.single-portfolio):not(.single-post):not(.page-id-2253) #header
{
background-image: none !important;
}
body.single-portfolio #header:not(.header-fixed)
{
height: 338px;
transition: all 0.5s !important;
}