html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, nav, section, details, summary {display: block;} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: border-box;
}  img,
object,
embed {max-width: 100%;} html {overflow-y: scroll;} ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;} button, input, select, textarea {margin: 0;} button,
input[type=button] {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;}  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }.chromeframe {position: absolute; top: 0;}
@font-face {
font-family: 'Muli';
font-weight: 400;
font-style: normal;
src: url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.eot);
src: url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.eot?#iefix) format('embedded-opentype'),
local('Muli'),
local('Muli-regular'),
url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.woff2) format('woff2'),
url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.woff) format('woff'),
url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.ttf) format('truetype'),
url(//innisfailtouch.org.au/fonts/Muli-regular/Muli-regular.svg#Muli) format('svg');
}
@font-face {
font-family: 'Droid Sans';
font-weight: 400;
font-style: normal;
src: url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.eot);
src: url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.eot?#iefix) format('embedded-opentype'),
local('Droid Sans'),
local('Droid-Sans-regular'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.woff2) format('woff2'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.woff) format('woff'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.ttf) format('truetype'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-regular/Droid-Sans-regular.svg#DroidSans) format('svg');
}
@font-face {
font-family: 'Droid Sans';
font-weight: 700;
font-style: normal;
src: url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.eot);
src: url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.eot?#iefix) format('embedded-opentype'),
local('Droid Sans Bold'),
local('Droid-Sans-700'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.woff2) format('woff2'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.woff) format('woff'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.ttf) format('truetype'),
url(//innisfailtouch.org.au/fonts/Droid-Sans-700/Droid-Sans-700.svg#DroidSans) format('svg');
}  body {font: 13px Helmet, Freesans, sans-serif;}  body, select, input, textarea {
font-family: "Droid Sans", Arial, sans-serif;
font-size: 17px;
line-height: 27px;
color: #212121;}
body {
background-color: #FFFFFF;
} ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
img {
max-width:100%;
} #headmobile {
width:100%;
height: auto;
margin-top: 20px;
}
#mobile_social_contacts {
width: 100%;
height: 60px;
text-align: center;
vertical-align: middle;
line-height: 60px; 
margin-bottom: 20px;
}
#mobile_social_contacts img{
margin: 20px 10px;
}
#head {
width: 100%;
height: 155px;
z-index:99;
}
#head_content {
width: 100%;
max-width: 1200px;
height: 155px;
margin: 0 auto;
position: relative;
}
#head_logo {
width: 599px;
height: auto;
position: absolute;
float: left;
left: 0;
top: 0;
}
#head_social_contacts {
width: 600px;
text-align: right;
height: 39px;
position: absolute;
float: right;
top: 14px;
right: 37px;
}
#head_social_contacts img {
margin-left: 22px;
}
#head_menu {
position:absolute;
float: right;
height: 30px;
width: 600px;
right: 17px;
top: 106px;
text-align:right;
}
#slideshow {
width: 100%;
height: auto;
background-color: #1473FF;
display: block;
overflow: hidden;
}
#slideshow_content {
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
z-index:5;
}
#slideshow_images {
position: relative;
width: 100%;
height: auto;
z-index:5;
}
#slideshow_text {
position: absolute;
width: 40%;
height: auto;
float: right;
top:60px;
right: 30px;
z-index: 99;
font-family:Muli, "Century Gothic", Arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #ffffff;
line-height: 40px;
text-shadow: 3px 3px 3px #000000;
}
#wrapper {
max-width: 1200px; 
margin: 40px auto 0px;
background-color: #FFF;
padding-bottom:20px;
}
#main {
width: 100%;
position: relative;
overflow:hidden;}
#content {
box-sizing: border-box;
padding: 0 20px;
width: 100%;
float:left;
max-width: 760px;
}
#sidebar {
box-sizing: border-box;
padding:0px;
float:right;
margin-right: 20px;
width: 40%;
max-width: 380px;
}
#sidebar-responsive { display: none; }
.theme-default .nivoSlider {
margin-bottom:0px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#footer_text {
width: 100%;
height: 60px;
background-color: #1473FF;
}
#footer_text_content {
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
background-color: #1473FF;
color: #fff;
font-weight:bold;
text-align: center;
vertical-align: middle;
line-height: 60px; 
}
#footer {
width: 100% !important;
height: auto;
background-color: #003482;
color: #FFF;
display: block;
padding-bottom: 30px;
overflow: hidden;
}
#footermob {
width 100% !important;
height:66px;
background-color: #CC3300;
color: #000;
} #content p {
line-height: 1.714285714;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
h1 {
height: auto;
font-family: Muli, Arial, sans-serif !important;
font-weight: bold;
font-size:28px;
color: #CC3300;
background-image:url(//innisfailtouch.org.au/template_images/title_bg.jpg);
background-repeat:no-repeat;
padding: 0px;
display: block;
line-height: 40px;
margin-bottom:10px;
}
h2 {
color: #003482;
font-family:'Droid Sans', Arial, sans-serif !important;
font-weight: 300 !important;
font-size:22px;
border-bottom: 1px solid #EEEEEE;
margin-bottom:10px;
padding: 0px;
}
h3 {
color: #003482;
font-family:'Droid Sans', Arial, sans-serif !important;
font-weight: 300 !important;
font-size:22px;
border-bottom: 1px solid #EEEEEE;
margin-bottom:10px;
padding: 15px 0px 0px 7px;
}
h5 {
color: #FFFF00;
font-family: Arial, sans-serif !important;
font-weight: 300 !important;
font-size:18px;
font-weight: bold;
margin-bottom:10px;
padding: 0px;
} ul,
ol {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
padding: 0;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
li {
margin: 0 0 0 24px;
margin: 0 0 0 1.714285714rem;
} .alignleft {
display: inline;
float: left;
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
display: inline;
float: right;
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
clear: both;
display: block;
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
} #cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
border: none;
margin: 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#cssmenu {
height: 37px;
display: block;
padding: 0;
margin: 0;
width: auto;
border-color: #080808;
} #cssmenu,
#cssmenu > ul > li > ul > li a:hover {
}
#cssmenu > ul {
list-style: inside none;
padding: 0;
margin: 0;
float: right;
}
#cssmenu > ul > li {
list-style: inside none;
padding: 0;
margin: 0;
float: left;
display: block;
position: relative;
} #cssmenu > ul > li > a {
outline: none;
display: block;
position: relative;
padding: 12px 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 16px;
font-family: Muli, "Century Gothic", Arial, sans-serif;
border-left: 1px solid #DDD;
color: #6D2E4C;  
}
#cssmenu li:first-child a {
border-left: 0 none;
} #cssmenu > ul > li > a:hover {
background: #6D2E4C;
color: #ffffff;
}
#cssmenu > ul > li > a:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
right: -10px;
z-index: 99; 
}
#cssmenu ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 6px;
border: 5px solid transparent;
border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 19px;
} #cssmenu ul li.has-sub:hover > a {
background-color: #006DD9;
color: #fff;
padding-bottom: 13px;
padding-top: 13px;
top: -1px;
z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
display: block;
}
#cssmenu ul li.has-sub > a:hover {
background: #006DD9;
} #cssmenu ul li > ul,
#cssmenu ul li > div {
display: none;
position: absolute;
top: 38px;
left: 1px;
padding: 0;
background: #006DD9;
z-index: 999;
}
#cssmenu ul li > ul {
}
#cssmenu li ul li a { width: auto; white-space: nowrap; }
#cssmenu ul li > ul li {
list-style: inside none;
padding: 0;
margin: 0;
position: relative;
} #cssmenu ul li > ul li a {
outline: none;
display:block;
position: relative;
margin: 0;
padding: 12px 20px;
font-weight: bold;
font-size: 16px;
font-family: Muli, "Century Gothic", Arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-align: left;
} #cssmenu ul ul a:hover {
color: #ffffff;
background-color: #333;
}
#cssmenu > ul > li.has-sub > a:hover:before {
border-top: 5px solid #ffffff;
} #fourboxes {
width: 100%;
max-width:1160px;
color: #FFF;
font-size:13px;
line-height: 18px;
font-family: 'Droid Sans', Arial, sans-serif !important;
color: #FFF;
margin: 20px;
display: block;
overflow: hidden;
}
#boxes {
width:275px;
height: 265px;
float: left;
margin-right: 20px;
background-color:#EEE;
border:1px solid #ccc;
text-align:justify;
}
#lastbox {
width:275px;
height: 265px;
float: left;
margin-right: 0px;
background-color:#EEE;
border:1px solid #ccc;
text-align:justify;
} .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { 
height: 40px;
background-color: #46AFE8;
color: #fff;
} #foot {
max-width: 1200px; 
width:100%;
margin:0px auto;
text-align: center;
padding: 20px 0 0 10px;
font-family:"Droid Sans", Arial, sans-serif !important;
color: #FFF !important;
font-size: 14px !important;
line-height:24px !important;
}
#footspace {
max-width: 1080px; 
width:100%;
height: 30px;
background-color: #FFF;
margin-bottom: 10px;
}
#foot a:link, #foot a:visited{
color: #FFFFFF;
text-decoration: none;
}
#foot a:hover {
color: #FFFF00 !important;
text-decoration:underline;
}
#foot_left {
float:left;
margin-left:20px;
width: 33%;
max-width: 333px;
text-align:left;
}
#foot_right {
float:right;
width:33%;
max-width: 333px;
text-align:left;
margin-right:20px;
}
#foot_left p {
margin: 0px;
line-height:24px;
}
#footmob {
max-width: 1080px; 
width:100%;
margin:0px auto;
text-align: center;
padding-top: 10px;
font-family:"Droid Sans", Arial, sans-serif !important;
color: #FFFFFF !important;
font-size: 13px !important;
line-height:22px !important;
}
#footmob a:link, #footmob a:visited{
color: #FFFFFF;
text-decoration: none;
}
#footmob a:hover {
color: #FFFF00 !important;
text-decoration:underline;
} .wpcf7-form{
border: none;
padding:0;
-webkit-border-radius: 10px;   
border-radius: 10px;
width: 100%;
margin-bottom:21px;
}
.email_terms {
font-size:13px !important;
color: #444 !important;
}
#two-column{
width: 100%;
}
#two-column #left{
width: 35%;
float: left;
}
#two-column #left p {
line-height: 25px !important;
margin-bottom: 15px !important;
margin-top: 3px !important;
}
#two-column #right{
width: 65%;
float: right;
}
#two-column p{
margin: 0px !important;
}
#two-column input[type="text"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:15px;
width: 100%;
}
#two-column input[type="email"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:5px;
width: 100%;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
}
#two-column textarea {
position: relative;
padding: 5px;
border:1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
#two-column input[type="submit"]{
padding:6px 15px;
background:#f1f1f1;
color:#666;
border: 1px solid #DDD;
float:right;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:5px 0px 0px 0px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus, #two-column input[type="email"]:focus{
background: #F1F1F1;
}
#two-column input[type="submit"]:hover{
background:#fff;
color:#222;
border: 1px solid #DDD;
}
.wpcf7-mail-sent-ok {
border: 2px solid #016894 !important;
}
.wpcf7-mail-sent-ng {
border: 2px solid #016894 !important;
}
.wpcf7-spam-blocked {
border: 2px solid #FF0000 !important;
}
.wpcf7-validation-errors {
border: 2px solid #FF0000 !important;
} #contactdetails {
width: 50%;
max-width:520px;
min-height:100px;
float: left;
margin-bottom:20px;
padding-right:20px;
}
#contactform {
width: 50%;
max-width:520px;
min-height:100px;
float: right;
margin-bottom:20px;
padding-left: 20px;
line-height: 30px;
border-left: 1px solid #ddd;
}
#mapwrap {
width: 100%;
min-height:100px;
float: left;
margin-bottom:20px;
}
.mapp-layout {
margin: 0px !important;
border: 1px solid #DDD !important;
}
#contactdetails td {
color: #000 !important;
padding: 1px 10px 1px 0 !important;
}  @media (max-width: 800px) {
#sidebar {
float: none !important;
width: 90% !important;
max-width: none !important;
margin: 40px auto !important;
}
#content {
float: none !important;
}
#threepanels {
display:none !important;
}
#footermob {
display: block !important;
}
#footer {
display:none;
}
#head {
display: none !important;
}
#slideshow_text {
display: none !important;
}
#fourboxes {
display: none !important;
}
#contactdetails {
float: none !important;
max-width: none !important;
width: 100% !important;
padding: 0 !important;
}
#contactform {
border-left: none !important;
float: none !important;
max-width: none !important;
width: 100% !important;
padding: 0 !important;
margin-bottom: 60px !important;
}
#mapwrap {
float: none !important;
margin:20px 0 !important;
}
#mobile_social_contacts {
display: none !important;
}
#footer_text_content {
font-size: 16px !important;
}
}
@media (min-width: 800px) {
#footermob {
display: none !important;
}
#headmobile {
display: none;
}
#mobile_social_contacts {
display: none !important;
}
#shiftnav-toggle-main {
display: none !important;
}
}