/* Theme Name: Better Together 2.0 Theme URI: http://www.bettertogether.net.au Description: Responsive Better Together Theme by Exist Online. Version: 2.0 Author: Exist Online Author URI: http://www.existonline.com.au Date Created: 27.Aug.2014 Date Last Edited: 13.Oct.2016 Responsive Widths: 980, 650, 480, 320, 240 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } /************************* start - GENERAL */ html, body { font-family: Arial, Helvetica, sans-serif; color: #555; height: 100%; } body { background: #FFF; font-size: 62.5%; } a { color: #3E6B7F; cursor: pointer; text-decoration: underline; } a:hover { text-decoration: none; } a:active { opacity: .8; } strong { font-weight: bold; } em { font-style: italic; } form, input, textarea, select { font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, #logo a span { color: #000; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-weight: 700; line-height: 1.1; padding: 20px 0; } h1 { font-size: 35px; } h1.entry-title, h1.entry-title { margin: 0 0 20px; padding: 20px 0 5px; } body.page-id-6 h1.entry-title, body.parent-pageid-6 h1.entry-title, body.page-template-single-php .post.category-stories h1.entry-title { /* About Us tree */ border-bottom: 2px solid #DF8419; } body.page-id-14 h1.entry-title, body.parent-pageid-14 h1.entry-title { /* Services tree */ border-bottom: 2px solid #EEC306; } body.page-id-16 h1.entry-title, body.parent-pageid-16 h1.entry-title { /* HICBT tree */ border-bottom: 2px solid #2D793F; } body.page-id-18 h1.entry-title, body.parent-pageid-18 h1.entry-title { /* CCWC tree */ border-bottom: 2px solid #0D5BA9; } body.page-id-26 h1.entry-title, body.parent-pageid-26 h1.entry-title { /* CPDSN tree */ border-bottom: 2px solid #950D6D; } body.page-id-28 h1.entry-title, body.parent-pageid-28 h1.entry-title { /* Get Involved tree */ border-bottom: 2px solid #640561; } body.events-archive h2.tribe-events-page-title { /* Events tree */ border-bottom: 2px solid #D91C84; padding: 0 0 5px; } body.page-id-91 h1.entry-title, body.parent-pageid-91 h1.entry-title, body.page-template-single-php h1.entry-title { /* News tree */ border-bottom: 2px solid #B20000; } body.page-id-44 h1.entry-title, body.parent-pageid-44 h1.entry-title { /* Contact Us tree */ border-bottom: 2px solid #DF8419; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 17px; } h5 { font-size: 15px; } h1 span, h2 span, h3 span, h4 span, h5 span { color: #999; font-weight: 400; } blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: italic; position: relative; margin: 10px; } blockquote:before, blockquote:after { color: #CCC; font-size: 100px; position: absolute; } blockquote:before { content: '“'; left: 0; top: -40px; } blockquote:after { content: '”'; right: 10px; top: -40px; } p { padding: 0 0 20px; } blockquote p { padding: 0 60px 20px; } .note { color: #AAA; font-size: 13px; } .alignnone { float: none; } .alignleft { float: left; margin: 0 20px 20px 0; } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 20px 20px; } img { max-width: 100%; } .btn, #respond form p input#submit, input#searchsubmit, .widget p.tribe-events-widget-link a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image:-moz-linear-gradient(50% 0% -90deg,rgb(76,133,162) 0%,rgb(62,107,130) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(76,133,162)),color-stop(1, rgb(62,107,130))); background-image:-webkit-linear-gradient(-90deg,rgb(76,133,162) 0%,rgb(62,107,130) 100%); background-image:-o-linear-gradient(-90deg,rgb(76,133,162) 0%,rgb(62,107,130) 100%); background-image:-ms-linear-gradient(-90deg,rgb(76,133,162) 0%,rgb(62,107,130) 100%); background-image:linear-gradient(180deg,rgb(76,133,162) 0%,rgb(62,107,130) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4c85a2,endColorstr=#ff3e6b82,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4c85a2,endColorstr=#ff3e6b82,GradientType=0); border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; padding: 10px 30px; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; } .btn.red, #respond form p input#submit { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(214,2,2)),color-stop(0.99, rgb(178,0,0)),color-stop(1, rgb(178,0,0))); background-image:-webkit-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-o-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-ms-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:linear-gradient(180deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd60202,endColorstr=#ffb20000,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd60202,endColorstr=#ffb20000,GradientType=0); } .btn.orange, body.page-template-single-php.stories #respond form p input#submit { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,152,32)),color-stop(1, rgb(223,132,25))); background-image:-webkit-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-ms-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:linear-gradient(180deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9820,endColorstr=#ffdf8419,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9820,endColorstr=#ffdf8419,GradientType=0); } .btn.pink, .widget p.tribe-events-widget-link a { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,31,158) 0%,rgb(216,27,132) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,31,158)),color-stop(1, rgb(216,27,132))); background-image:-webkit-linear-gradient(-90deg,rgb(255,31,158) 0%,rgb(216,27,132) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,31,158) 0%,rgb(216,27,132) 100%); background-image:-ms-linear-gradient(-90deg,rgb(255,31,158) 0%,rgb(216,27,132) 100%); background-image:linear-gradient(180deg,rgb(255,31,158) 0%,rgb(216,27,132) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff1f9e,endColorstr=#ffd81b84,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff1f9e,endColorstr=#ffd81b84,GradientType=0); } .btn:hover, input#searchsubmit:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(62,107,130) 0%,rgb(76,133,162) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(62,107,130)),color-stop(1, rgb(76,133,162))); background-image:-webkit-linear-gradient(-90deg,rgb(62,107,130) 0%,rgb(76,133,162) 100%); background-image:-o-linear-gradient(-90deg,rgb(62,107,130) 0%,rgb(76,133,162) 100%); background-image:-ms-linear-gradient(-90deg,rgb(62,107,130) 0%,rgb(76,133,162) 100%); background-image:linear-gradient(180deg,rgb(62,107,130) 0%,rgb(76,133,162) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3e6b82,endColorstr=#ff4c85a2,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3e6b82,endColorstr=#ff4c85a2,GradientType=0); } .btn.red:hover, #respond form p input#submit:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(178,0,0)),color-stop(0.99, rgb(214,2,2)),color-stop(1, rgb(214,2,2))); background-image:-webkit-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-o-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-ms-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:linear-gradient(180deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb20000,endColorstr=#ffd60202,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb20000,endColorstr=#ffd60202,GradientType=0); } .btn.orange:hover, body.page-template-single-php.stories #respond form p input#submit:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(223,132,25)),color-stop(1, rgb(255,152,32))); background-image:-webkit-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-o-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-ms-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:linear-gradient(180deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdf8419,endColorstr=#ffff9820,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdf8419,endColorstr=#ffff9820,GradientType=0); } .btn.pink:hover, .widget p.tribe-events-widget-link a:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(216,27,132) 0%,rgb(255,31,158) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(216,27,132)),color-stop(1, rgb(255,31,158))); background-image:-webkit-linear-gradient(-90deg,rgb(216,27,132) 0%,rgb(255,31,158) 100%); background-image:-o-linear-gradient(-90deg,rgb(216,27,132) 0%,rgb(255,31,158) 100%); background-image:-ms-linear-gradient(-90deg,rgb(216,27,132) 0%,rgb(255,31,158) 100%); background-image:linear-gradient(180deg,rgb(216,27,132) 0%,rgb(255,31,158) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd81b84,endColorstr=#ffff1f9e,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd81b84,endColorstr=#ffff1f9e,GradientType=0); } .reset { border: medium none; clear: both; display: block; font-size: 1px; height: 0px; line-height: 1px; margin: 0; padding: 0; text-indent: -99999px; } /*************************** end - GENERAL */ #wrapper { min-height: 100%; position: relative; } /************************* start - HEADER */ #header { min-height: 220px; position: relative; } #header .bar { background: url(img/sprites.png) center top; height: 20px; } #header .wrap { margin: 0 auto; padding: 0 20px; max-width: 980px; } #header .wrap:after { clear: both; content: ""; display: block; } ul#social { float: right; margin: 25px 0 0; } ul#social li { display: inline-block; margin: 0 0 0 8px; } ul#social li a { background: url(img/sprites.png) no-repeat; display: block; height: 32px; width: 32px; text-indent: -99999px; } ul#social li.fb a { background-position: 0 -60px; } ul#social li.tw a { background-position: -40px -60px; } ul#social li.gp a { background-position: -80px -60px; } ul#social li a:hover { opacity: .9; } #contact { float: right; font-size: 15px; margin: 30px 0 0; } #contact div, #contact i { display: inline-block; } #contact i { background: url(img/sprites.png); margin: 0 5px 0 18px; vertical-align: middle; } #contact div.phone i { background-position: 0 -30px; height: 20px; width: 20px; } #contact div.phone a { color: #555; text-decoration: none; } #contact div.email i { background-position: -30px -30px; height: 18px; width: 30px; } /* LOGO */ #logo { float: left; max-height: 120px; max-width: 450px; margin: 15px 0; } #logo a { display: block; /*height: 119px;*/ } #logo a img { color: #000; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } #logo a span { color: #000; display: inline-block; font-size: 30px; font-weight: 700; padding: 0; vertical-align: middle; } /* SEARCH */ #search { clear: right; float: right; } #search form#searchform { padding-bottom: 20px; } #search form#searchform label.screen-reader-text { font-size: 15px; color: #999; } #search form#searchform input#s { width: 130px; } #search form#searchform input#searchsubmit { padding: 12px; } /* NAV BAR */ #nav { clear: both; } /* About Us - Orange */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-47 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-47 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #DF8419; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-47 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-47 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #c17215; } /* Services - Yellow */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-66 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-66 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #EEC306; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-66 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-66 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #d4ad05; } /* HICBT - Green */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-63 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-63 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #2D793F; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-63 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-63 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #225d30; } /* CCWC - Blue */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-51 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-51 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #0A57A7; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-51 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-51 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #07478a; } /* Get Involved - Purple */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-57 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-57 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #640561; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-57 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-57 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #4a0348; } /* News - Red */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-93 ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-93 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #B20000; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-93 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item-93 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #980000; } /*************************** end - HEADER */ /* BANNER */ #banner { clear: both; position: relative; max-height: 200px; max-width: 980px; margin: 0 auto; padding: 20px 0; } .rslides { max-height: 200px; position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } body.home #banner, body.home .rslides { max-height: 300px; } .rslides div { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides div:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } a.rslides_nav { background: url(img/sprites.png); height: 36px; width: 18px; text-indent: -99999px; position: absolute; top: 150px; z-index: 10; } a.rslides_nav.prev { background-position: -130px -30px; left: 10px; } a.rslides_nav.next { background-position: -160px -30px; right: 10px; } a.rslides_nav:hover { opacity: .8 } /************************* start - MAIN */ #main { line-height: 1.5; padding: 0 20px 310px; position: relative; max-width: 980px; margin: 0 auto; } #breadcrumbs { font-size: 11px; padding: 0 20px 10px 10px; } #breadcrumbs span { padding: 0 5px; } #breadcrumbs span.breadcrumb_last { padding: 0; } /* CONTENT */ #content { float: left; font-size: 15px; margin: 0 4% 0 0; width: 60%; } body.home #content { margin: 0; max-width: 980px; width: 100%; } /* POST */ .post { margin: 0 0 20px; } body.page-id-91 .post a, body.page-template-single-php .post a { color: #B20000; } body.page-id-89 .post a, body.page-template-single-php .post.category-stories a { color: #DF8419; } .post ul, .post ol { padding: 0 0 20px 40px; } .post ul li { list-style: disc outside; } .post ul li, .post ol li { margin: 15px 0; } .post ul li li { list-style: circle outside; } .post ol li { list-style: decimal outside; /*margin: 15px 0 0 22px;*/ padding: 0 0 0 5px; } .post ul li ul, .post ol li ol { padding-bottom: 0; } .date-comments { color: #AAA; padding: 0 0 20px; } .date-comments span { display: inline-block; margin: 0 5px; } .date-comments .event strong { color: #000; } .date-comments .event span { display: inline; margin: 0; } .entry-summary a.pic { display: block; height: 300px; margin: 0 0 20px; overflow: hidden; } .entry-summary a.pic img { height: auto; width: 100%; } .entry-summary a.pic:hover img { opacity: .9; } .entry-content iframe { width: 100%; } .entry-meta, .entry-meta a, body.page-template-single-php .post .entry-meta a, .post.category-stories .entry-meta a { color: #AAA; } /* FORMS */ input, textarea, select { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border: 1px solid #AAA; -webkit-box-shadow: inset 0 9px 12px #DFDFD0; -moz-box-shadow: inset 0 9px 12px #DFDFD0; box-shadow: inset 0 9px 12px #DFDFD0; color: #555; font-size: 15px; margin: 0; padding: 10px; max-width: 260px; width: 100%; } input[type="image"] { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; width: auto; } select { max-width: 280px; width: 100%; } input:hover, textarea:hover, select:hover { border-color: #777; } input:focus, textarea:focus, select:focus { border-color: #111; } form#searchform label.screen-reader-text { color: #777; padding: 0 10px 0 0; } form#searchform { padding: 30px 0; } /* CONTACT FORM */ form.wpcf7-form { margin: 0 auto; padding: 40px 0; max-width: 480px; } form.wpcf7-form p { clear: both; margin: 0; padding: 0 0 10px; position: relative; } form.wpcf7-form p label { color: #333; display: inline-block; font-weight: bold; padding: 10px 15px 0 0; text-align: right; vertical-align: top; width: 180px; } form.wpcf7-form p em { color: #666; font-size: 12px; font-style: normal; } form.wpcf7-form p span.wpcf7-form-control-wrap { padding: 10px 0; } form.wpcf7-form p span.wpcf7-form-control-wrap input.watermark { color: #333; } /*form.wpcf7-form p span.wpcf7-form-control-wrap input, form.wpcf7-form p span.wpcf7-form-control-wrap textarea { width: 220px; } form.wpcf7-form p span.wpcf7-form-control-wrap select { width: 316px; }*/ form.wpcf7-form p span.wpcf7-form-control-wrap textarea { min-height: 200px; } form.wpcf7-form p span.wpcf7-form-control-wrap.captcha input { letter-spacing: 4px; text-align: center; width: 60px; } form.wpcf7-form p span.wpcf7-form-control-wrap input.wpcf7-quiz { text-align: center; width: 50px; } form.wpcf7-form p input.wpcf7-submit.btn { margin: 10px 0 0; } form.wpcf7-form p img.wpcf7-captcha-captcha { background: none; border: none; display: inline-block; padding: 0 10px 0 0; position: relative; left: 3px; top: 6px; } form.wpcf7-form p span.note { display: inline-block; font-size: 13px; line-height: 1.2; max-width: 280px; } form.wpcf7-form p span.note strong { color: #AAA; } form.wpcf7-form p img.ajax-loader { background: none; } form.wpcf7-form p span span.wpcf7-not-valid-tip { color: #C00; padding: 5px 0 10px; } form.wpcf7-form p span.captcha span.wpcf7-not-valid-tip { padding-left: 286px; } form.wpcf7-form .wpcf7-response-output { font-size: 14px; line-height: 1.5; margin: 10px 0 0; padding: 10px; text-shadow: none; } form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { background: #FFB; color: #848300; } form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { background: #D1FFBC; color: #2F7310; } /* COMMENTS */ #comments { margin: 20px auto; max-width: 620px; } #comments a { color: #B20000; } body.page-template-single-php.stories #comments a { color: #DF8419; } .comments-heading { clear: both; } .comments-heading h3, #respond h3 { position: relative; text-transform: none; } #comments ol.commentlist li.comment { border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 0 0; padding: 20px; } /*#comments ol.commentlist li.comment.bypostauthor { background: #EEE; border-color: #AAA; }*/ #comments ol.commentlist li.comment .vcard { padding: 0 0 20px; } #comments ol.commentlist li.comment .vcard img { background: #FFF; border: 1px solid #777; display: inline-block; margin: 0 20px 0 0; vertical-align: middle; } #comments ol.commentlist li.comment .vcard cite {} /*#comments ol.commentlist li.comment .vcard span { display: none; color: #AAA; display: inline-block; font-size: 10px; padding: 0 0 0 5px; text-transform: uppercase; }*/ #comments ol.commentlist li.comment .vcard a.date { color: #AAA; float: right; font-size: 11px; text-transform: uppercase; } /*#comments ol.commentlist li.comment.bypostauthor .vcard a.date { color: #999; }*/ #comments ol.commentlist li.comment .comment-awaiting-moderation { color: #C00; display: block; font-weight: bold; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; } #comments ol.commentlist li.comment .comment-content { padding: 0 0 0 66px; } #comments ol.commentlist li.comment .reply { clear: both; font-size: 10px; text-align: right; text-transform: uppercase; } #comments ol.commentlist li.comment .reply a { font-size: 10px; height: auto; } /* LEAVE A COMMENT */ #respond { max-height: 800px; max-width: 410px; margin: 40px auto 0; } li.comment #respond { margin: 40px auto; } #respond h3 small { font-family: Helvetica, Arial, sans-serif; position: absolute; right: 0; top: 0; } #respond h3 small a { font-size: 13px; } #respond form p { display: inline-block; padding: 0 0 10px; } #respond form p label { color: #333; float: left; font-weight: bold; padding: 8px 0 0; width: 120px; } #respond form p input, #respond form p textarea { max-width: 240px; } #respond form p.cptch_block br { display: none; } #respond form p.comment-notes, #respond form p.form-allowed-tags { color: #AAA; } #respond form p.comment-notes { font-size: 13px; padding: 0 0 20px; } #respond form p.form-allowed-tags, #respond form p.form-submit { font-size: 11px; padding: 0 0 20px 120px; max-width: 260px; } #respond form p.comment-form-author span.required, #respond form p.comment-form-email span.required { color: #AAA; } #respond form p input#submit, #respond form p input#submit:hover { margin: 0; } /* EVENTS */ html ul.tribe-events-sub-nav a, html .tribe-events-back a, html .tribe-events-list-widget .tribe-events-widget-link a, html .tribe-events-adv-list-widget .tribe-events-widget-link a, html #tribe-events-content a, html .tribe-events-event-meta a { text-decoration: underline; } html ul.tribe-events-sub-nav a:hover, html .tribe-events-back a:hover, html .tribe-events-list-widget .tribe-events-widget-link a:hover, html .tribe-events-adv-list-widget .tribe-events-widget-link a:hover, html #tribe-events-content a:hover, html .tribe-events-event-meta a:hover { text-decoration: none; } html #tribe-events-pg-template { padding: 0 20px; } html #tribe-events-pg-template a { color: #D91C84; } html #tribe-events-bar { margin-top: 20px; } html #tribe-events-content { padding: 0; } html .tribe-events-calendar thead th { background-color: #D91C84; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; } html .tribe-events-calendar div[id*="tribe-events-daynum-"], html .tribe-events-calendar div[id*="tribe-events-daynum-"] a { background-color: #FF88C9; color: #FFF; } html #tribe-events-pg-template .tribe-events-calendar div[id*="tribe-events-daynum-"], html #tribe-events-pg-template .tribe-events-calendar div[id*="tribe-events-daynum-"] a { color: #FFF; } html .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], html .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"]>a { background-color: #FCB9DD; } html .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], html .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, html #tribe_events_filters_wrapper input[type=submit], html .tribe-events-button, html #tribe-events .tribe-events-button, html .tribe-events-button.tribe-inactive, html #tribe-events .tribe-events-button:hover, html .tribe-events-button:hover, html .tribe-events-button.tribe-active:hover { background-color: #D91C84; } html .events-archive.events-gridview #tribe-events-content table .vevent { padding: 6px 0; } html #tribe-events-content .tribe-events-tooltip h4, html #tribe_events_filters_wrapper .tribe_events_slider_val, html .single-tribe_events a.tribe-events-ical, html .single-tribe_events a.tribe-events-gcal { color: #000; } html .tribe-events-tooltip .tribe-events-event-thumb img { margin: 2px 0 0; width: 120px; } html #tribe-events-footer { margin: 20px 0; } /* EVENTS SINGULAR */ html .tribe-events-back { margin: 0; padding: 20px 0; } html .single-tribe_events h2.tribe-events-single-event-title { font-size: 35px; padding: 20px 0; } html .tribe-events-schedule { color: #000; font-size: 20px; margin: 0 0 40px; } html .single-tribe_events .tribe-events-schedule h3 { font-size: 25px; } html .single-tribe_events .tribe-events-schedule h3 span { color: #000; } html .single-tribe_events .tribe-events-event-image { float: right; margin: 0 0 20px 20px; width: 400px; } html #tribe-events .tribe-events-content p, html .tribe-events-before-html p, html .tribe-events-after-html p { font-size: 15px; line-height: 1.5; margin: 0; } html .tribe-events-before-html ul, html .tribe-events-after-html ul, html #tribe-events-pg-template .tribe-events-content ul { font-size: 15px; padding: 0 0 10px 40px; } html .tribe-events-before-html ul li, html .tribe-events-after-html ul li, html .tribe-events-before-html ol li, html .tribe-events-after-html ol li, html #tribe-events-pg-template .tribe-events-content ul li, html #tribe-events-pg-template .tribe-events-content ol li { line-height: 1.5; margin: 0 0 10px; } html .single-tribe_events .tribe-events-event-meta { background: none; border: none; font-size: 15px; margin: 40px 0 0; } html .tribe-events-event-meta .tribe-events-meta-group, html .tribe-events-event-meta .column { width: 26%; padding: 0 40px 0 0; } html .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-gmap { padding: 0; width: 46%; } html .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 0; } html .tribe-events-meta-group .tribe-events-single-section-title { font-size: 20px; } /* EVENTS LIST */ html .events-list .tribe-events-loop, html .tribe-events-day .tribe-events-loop, html .single-tribe_venue .tribe-events-loop, html .single-tribe_organizer .tribe-events-loop { max-width: none; margin: 0; } html .tribe-events-list-separator-month { color: #000; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-size: 25px; margin: 20px auto; } html .tribe-events-list .vevent.hentry { padding: 20px 0; } html .tribe-events-list .tribe-events-event-cost { font-size: 20px; } html .tribe-events-list .tribe-events-event-cost span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } html .tribe-events-list .vevent.hentry h2 { font-size: 30px; } html .tribe-events-loop .tribe-events-event-meta { color: #000; font-size: 15px; margin: 20px 0; } html .tribe-events-list .tribe-events-venue-details, html .tribe-events-event-meta address.tribe-events-address { font-style: normal; } html a.tribe-events-read-more { font-size: 15px; } /* EVENTS DAY */ html .tribe-events-day .tribe-events-day-time-slot .vevent { margin: 0; } html .tribe-events-list .tribe-events-loop .tribe-events-content { font-size: 15px; } html .tribe-events-list .tribe-events-loop .tribe-events-content a.tribe-events-read-more { display: none; } /* SIDEBAR */ #sidebar { float: left; width: 36%; text-align: center; } body.home #sidebar, body.tribe-filter-live #sidebar { max-width: 980px; width: 100%; } body.tribe-filter-live #sidebar { margin: 40px auto 0; } .widget { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 13px; min-height: 275px; margin: 0 5px 20px; padding: 20px; width: 100%; position: relative; text-align: left; vertical-align: top; } body.home .widget { width: 31%; } .widget h3 { padding: 0 0 20px; } .widget h4 { font-weight: 400; padding: 0 0 10px; } .widget a.pic { display: block; max-height: 150px; margin: 0 0 10px; overflow: hidden; } .widget a.pic img { height: auto; width: 100%; } .widget a.pic:hover img { opacity: .9; } .widget a.btn { display: block; } /* Sub Menu - About Us */ body.page-id-6 .widget.widget_nav_menu, body.parent-pageid-6 .widget.widget_nav_menu { background: rgba(223,132,25,.15); } body.page-id-6 .widget.widget_nav_menu a, body.parent-pageid-6 .widget.widget_nav_menu a { color: #DF8419; } /* Sub Menu - CCWC */ body.page-id-18 .widget.widget_nav_menu, body.parent-pageid-18 .widget.widget_nav_menu { background: rgba(13,91,169,.15); } body.page-id-18 .widget.widget_nav_menu a, body.parent-pageid-18 .widget.widget_nav_menu a { color: #0D5BA9; } /* Sub Menu - Get Involved */ body.page-id-28 .widget.widget_nav_menu, body.parent-pageid-28 .widget.widget_nav_menu { background: rgba(100,5,97,.15); } body.page-id-28 .widget.widget_nav_menu a, body.parent-pageid-28 .widget.widget_nav_menu a { color: #640561; } /* Sub Menu - News */ body.page-id-91 .widget.widget_nav_menu, body.parent-pageid-91 .widget.widget_nav_menu, body.page-template-single-php .widget.widget_nav_menu { background: rgba(178,0,0,.15); } body.page-id-91 .widget.widget_nav_menu a, body.parent-pageid-91 .widget.widget_nav_menu a, body.page-template-single-php .widget.widget_nav_menu a { color: #B20000; } /* Sub Menu - How is Caboolture Better Together? */ body.page-id-16 .widget.widget_nav_menu, body.parent-pageid-16 .widget.widget_nav_menu { background: rgba(45,121,63,.15); } body.page-id-16 .widget.widget_nav_menu a, body.parent-pageid-16 .widget.widget_nav_menu a { color: #2D793F; } /* Sub Menu - Services */ body.page-id-14 .widget.widget_nav_menu, body.parent-pageid-14 .widget.widget_nav_menu { background: rgba(238,195,6,.15); } body.page-id-14 .widget.widget_nav_menu a, body.parent-pageid-14 .widget.widget_nav_menu a { color: #EEC306; } .widget.widget_nav_menu, .widget.widget_recent_entries { min-height: 0; } .widget.widget_nav_menu ul.menu { font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-size: 18px; padding: 0 0 0 25px; } .widget.widget_nav_menu ul.menu li { line-height: 1.2; list-style: disc outside; padding: 0 0 10px; } .widget.widget_nav_menu ul.menu li.current-menu-item a { color: #000; text-decoration: none; } .widget.news, .widget.widget_recent_entries { background: rgba(178,0,0,.15) url(img/icon-news.png) no-repeat 90% 10px; } .widget.news h4 a, .widget.widget_recent_entries a { color: #B20000; } .widget.widget_recent_entries li { padding: 0 0 10px; } .widget.widget_recent_entries a { font-size: 17px; line-height: 1.2; } .widget.widget_recent_entries span { display: block; text-transform: uppercase; } .widget.tribe-events-list-widget { background: rgba(217,28,132,.15) url(img/icon-events.png) no-repeat 90% 10px; font-size: 13px; } /*body.home .widget.tribe-events-list-widget, body.tribe-filter-live .widget.tribe-events-list-widget { margin: 0 15px 20px; }*/ .widget.tribe-events-list-widget h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; } .widget.tribe-events-list-widget h4 a { color: #D91C84; } .widget.tribe-events-list-widget .duration { font-weight: normal; } .widget p.tribe-events-widget-link { padding: 0; position: absolute; left: 20px; right: 20px; bottom: 20px; } .widget p.tribe-events-widget-link a { display: block; text-decoration: none; } html .tribe-events-list-widget ol li { margin: 0 0 10px; } .widget.stories { background: rgba(223,132,25,.15) url(img/icon-stories.png) no-repeat 90% 10px; } .widget.stories h4 a { color: #DF8419; } /* POST PAGINATION */ .navigation { clear: both; display: inline-block; width: 100%; } .navigation a { color: #B20000; } body.page-template-single-php.stories .navigation a { color: #DF8419; } .wp-pagenavi { clear: both; color: #AAA; font-size: 18px; padding: 40px 0; text-align: center; text-transform: uppercase; } .wp-pagenavi span.pages { display: inline-block; font-size: 14px; padding: 2px 15px 4px 0; } .wp-pagenavi span.current, .wp-pagenavi a { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(214,2,2)),color-stop(0.99, rgb(178,0,0)),color-stop(1, rgb(178,0,0))); background-image:-webkit-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-o-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:-ms-linear-gradient(-90deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); background-image:linear-gradient(180deg,rgb(214,2,2) 0%,rgb(178,0,0) 99%,rgb(178,0,0) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd60202,endColorstr=#ffb20000,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd60202,endColorstr=#ffb20000,GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; display: inline-block; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; height: auto; width: auto; margin: 0 3px; padding: 3px 9px; text-decoration: none; } body.page-template-stories-php .wp-pagenavi span.current, body.page-template-stories-php .wp-pagenavi a { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,152,32)),color-stop(1, rgb(223,132,25))); background-image:-webkit-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:-ms-linear-gradient(-90deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); background-image:linear-gradient(180deg,rgb(255,152,32) 0%,rgb(223,132,25) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9820,endColorstr=#ffdf8419,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff9820,endColorstr=#ffdf8419,GradientType=0); } .wp-pagenavi span.current, body.page-template-stories-php .wp-pagenavi span.current { background: #CCC; color: #000; display: inline-block; } .wp-pagenavi a:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(178,0,0)),color-stop(0.99, rgb(214,2,2)),color-stop(1, rgb(214,2,2))); background-image:-webkit-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-o-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:-ms-linear-gradient(-90deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); background-image:linear-gradient(180deg,rgb(178,0,0) 0%,rgb(214,2,2) 99%,rgb(214,2,2) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb20000,endColorstr=#ffd60202,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb20000,endColorstr=#ffd60202,GradientType=0); } body.page-template-stories-php .wp-pagenavi a:hover { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(223,132,25)),color-stop(1, rgb(255,152,32))); background-image:-webkit-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-o-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:-ms-linear-gradient(-90deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); background-image:linear-gradient(180deg,rgb(223,132,25) 0%,rgb(255,152,32) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdf8419,endColorstr=#ffff9820,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdf8419,endColorstr=#ffff9820,GradientType=0); } /* SITEMAP */ .ddsg-wrapper ul li a, .ddsg-wrapper li strong { font-weight: bold; } .ddsg-wrapper ul li ul li a { padding: 0 5px 0 0; } .ddsg-wrapper p { display: none; } /*************************** end - MAIN */ /************************* start - FOOTER */ #footer { background: #3E6B82; color: #FFF; font-size: 13px; min-height: 270px; width: 100%; line-height: 1.5; position: absolute; bottom: 0; } #footer .bar { background: url(img/sprites.png) center top; border-bottom: 1px solid #FFF; height: 5px; } #footer .wrap { margin: 20px auto 0; max-width: 980px; width: 100%; } #footer a { color: #FFF; text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: underline; } #footer .box { display: inline-block; vertical-align: top; } #footer .box h4 { color: #FFF; } #footer .box.newsletter { background: #2D4F61; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 180px; width: 255px; padding: 20px; display: none; } #footer .box.newsletter h4 { padding: 0 0 10px; } #footer .box.pages { margin: 0 40px; } #footer .box.pages ul { display: inline-block; padding: 0 0 0 20px; vertical-align: top; width: 125px; } #footer .box.pages ul li { list-style: disc outside; line-height: 1.2; padding: 0 0 5px; } #footer .box.copy { text-align: right; margin: 20px 40px 0; float: right; } /*************************** end - FOOTER */ /* MEDIA QUERIES */ @media all and (max-width: 900px){ #contact { float: none; margin: 10px 0 0; text-align: left; } #contact div.phone i { margin-left: 0; } ul#social { float: none; position: absolute; right: 20px; top: 25px; margin: 0; } #search form#searchform { padding-top: 55px; } body.home .widget { width: 29%; } .widget h3 { font-size: 22px; } .widget.widget_nav_menu ul.menu { font-size: 15px; } form.wpcf7-form p label { display: block; text-align: left; } form.wpcf7-form p label.empty { display: none; } } @media all and (max-width: 768px){ #search form#searchform { padding-top: 45px; } #search form#searchform label.screen-reader-text { display: block; padding: 0 0 5px; } #search form#searchform input#s { width: 100px; } #search form#searchform input#searchsubmit { display: none; } a.rslides_nav { top: 120px; } body.home .widget { width: 45%; } } @media all and (max-width: 600px){ #logo { float: none; margin: 15px auto; text-align: center; } #search form#searchform { display: none; } a.rslides_nav { top: 90px; } #main { padding-bottom: 350px; } #content { margin: 0; width: 100%; } #sidebar { width: 100%; } body.home .widget, .widget { width: 75%; } } @media all and (max-width: 480px){ #contact { text-align: center; } #logo a img { width: 100px; } #logo a span { font-size: 20px; } ul#social { top: auto; bottom: 55px; } a.rslides_nav { top: 80px; } } @media all and (max-width: 400px){ a.rslides_nav { top: 60px; } #main { padding-bottom: 450px; } body.home .widget { width: 90%; } }