/* Theme Name: ap-unsdsn Theme URI: http://www.elevenmedia.com.au Description: WordPress Theme Version: 2013 Author: Eleven Media Author URI: http://www.elevenmedia.com.au font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; font-family:Arial, Helvetica, sans-serif; */ /* ============================================================================= General Styles ========================================================================== */ body { background:#FFF; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } h1,h2,h3,h4,h5,h6 { font-weight: 300; padding-top: 10px; padding-bottom: 10px; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; } h1 { font-size:30px; line-height:46px; color:#3c414a; } h2 { font-size:20px; line-height:28px; color:#3c414a; } h3 { font-size:13px; line-height:26px; color:#3c414a; } h4 { font-size:13px; line-height:22px; color:#3c414a; } h5 { font-size:18px; line-height:22px; color:#3c414a; } h6 { font-size:18px; line-height:22px; color:#3c414a; } p { font-size:14px; line-height:21px; color:#3c414a; padding: 5px 0; } ul { margin: 0; padding: 0; } ol { margin: 0; padding: 0; font-size:14px; line-height:21px; color:#3c414a; } li {font-size:14px; line-height:21px; color:#3c414a; } hr { outline:none; border:none; border-top:1px solid #e8e8e8; margin:10px 0px;} p a { font-weight: normal;} a:link { color:#1676b1; text-decoration: none;} a:visited { color:#1676b1; text-decoration: underline;} a:hover { color:#1676b1; text-decoration: underline;} a:active { color:#1676b1; text-decoration: underline;} a:focus { outline-style: none;} .home-h1 p { font-size: 20px; line-height: 30px; margin-top: 15px; margin-bottom:5px; margin-left: 15px; } .event-label { font-size: 14px; background: #38b251; line-height: 20px; padding: 0 8px; display: inline-block; text-transform: uppercase; color: #FFF; margin-top: 3px; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .time { color: #a8abad; font-size: 12px; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; line-height: 12px; } .clear { clear: both; height: 20px;} /* ============================================================================= Structure ========================================================================== */ .grid-container { margin: 0 auto;} .logo { width:134px; height:100px; margin-left: 15px;} .desktop-nav {background: url(images/desktop-nav-bg.jpg) top center repeat-x; display: block; width: 100%; margin: 0; padding: 0; } .desktop-nav ul {text-align:center;} .desktop-nav ul li {float:left;display:inline;} .desktop-nav ul li a {display:block;padding:0px 25px;color:#FFF; font-size: 16px; text-transform: uppercase; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; line-height: 57px; } /* .desktop-nav ul li a {display:block;padding:0px 25px;color:#FFF; font-size: 16px; text-transform: uppercase; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; line-height: 57px; background: url(images/desktop-nav-li.jpg) top right no-repeat; } */ .desktop-nav ul li a:hover { text-decoration: none; color: #e5e5e5; } .desktop-nav ul li.current_page_item a { background: url(images/desktop-nav-li.jpg) bottom right no-repeat; } .desktop-nav ul li.current_page_ancestor a { background: url(images/desktop-nav-li.jpg) bottom right no-repeat; } body.archive ul li.page-item-41 a { background: url(images/desktop-nav-li.jpg) bottom right no-repeat; } body.single ul li.page-item-41 a { background: url(images/desktop-nav-li.jpg) bottom right no-repeat; } .desktop-sub-nav {background: url(images/desktop-sub-nav-bg.jpg) top center repeat-x; display:inline-block; width: 100%; margin: 0; padding: 0; clear: both;padding-left: 10px; } .desktop-sub-nav ul {text-align:center;} .desktop-sub-nav ul li {float:left;display:inline;} /* .desktop-sub-nav ul li a {display:block;padding:0px 25px;color:#FFF; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height: 44px; background: url(images/desktop-sub-nav-li.jpg) top right no-repeat; } */ .desktop-sub-nav ul li a {display:block;padding:0px 20px;color:#FFF; font-size: 15px; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; line-height: 44px; } .desktop-sub-nav ul li a:hover { text-decoration: none; color: #e5e5e5; } .desktop-sub-nav ul li.current_page_item a { color: #fff; font-weight: bold; } .simple-side-nav h3 { display: none; } /* ============================================================================= Sidebar Styles ========================================================================== */ .sidebar-wrap { padding: 00px 30px 10px 30px; } .sidebar-block { border-bottom: 1px solid #b5b7b9; padding: 20px 0;} .sidebar-sub-nav { border-bottom: 1px solid #b5b7b9; padding: 20px 0; font-family:Arial, Helvetica, sans-serif; line-height: 25px;} .sidebar-sub-nav ul li a { color: #095ba8; font-size: 14px; padding-left: 10px; } /* ============================================================================= Home Styles ========================================================================== */ .home-col-1 { padding: 00px 20px 80px 20px; background: #FFF; border-left: 1px solid #b5b7b9; min-height: 1000px; } .home-col-2 { padding: 00px 20px; background: #FFF; border-left: 1px solid #b5b7b9; min-height: 1000px; } /* ============================================================================= Sub Page Styles ========================================================================== */ .content-col { padding: 0px; background: #FFF; } .content-col ul { margin-top: 10px;} .content-col ul li { list-style: circle; margin-left: 25px; margin-bottom: 10px; font-size: 14px; } .news-item { border-bottom: 1px solid #b5b7b9; padding: 20px 0; } .type-post { clear: both;} /* ============================================================================= Row Styles ========================================================================== */ .row { padding-top: 5px; padding-bottom: 10px; clear: both; } .row.banner img { max-width: 100%; } .gallery-wrap a { max-width: 100%; height: 130px; overflow: hidden; } .pagination { text-align: right; } .page-numbers { padding: 0px 10px; margin-left: 5px; line-height: 30px; border: 1px solid #b5b7b9; display: inline-block; margin-top: 10px; color: #0f75bc; font-size: 14px; font-family: 'Doppio One', sans-serif; -webkit-font-smoothing: antialiased; } .page-template-tpl-home-page-php .page-numbers { float: right; margin-top: 50px;} .alignright { float: right; margin-left: 25px; margin-top: 15px;} .alignleft { margin-right: 25px; margin-top: 15px;} .image-thumb { margin-right: 20px; float: left;} /* ============================================================================= Fotter Styles ========================================================================== */ .footer p { line-height: 50px; font-size: 11px;} .footer p span { display: inline-block; padding-right: 30px;} /* ============================================================================= Flexnav styles ========================================================================== */ .mobile-nav { display: inherit; clear: both; position: relative; width: 100%; z-index: 6000;} .flexnav { *zoom: 1; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; clear: both; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; } .flexnav:after { content: ""; display: table; clear: both; } .flexnav.show { max-height: 2000px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } .flexnav li { font-size: 100%; position: relative; overflow: hidden; line-height: 50px; } /* first level */ .flexnav li a { position: relative; display: block; z-index: 2; overflow: hidden; color: #FFF; background: #465866; border-bottom: 1px solid #36444f; padding-left: 20px; font-family: 'Viga', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px;} .flexnav li a:hover { text-decoration: none; } .flexnav li ul { width: 100%; } .flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; } .flexnav li ul.show li { overflow: visible; } /* second level */ .flexnav li ul li a { display: block; background: #0a5fab; padding-left: 30px; } /* third level */ .flexnav ul li ul li a { background: #009368; padding-left: 40px; } /* rhs button styles level */ .flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; background: #36444f; text-align: center; } .flexnav .touch-button:hover { cursor: pointer; } .flexnav .touch-button .navicon { position: relative; line-height: 50px; font-size: 12px; color: #FFF; } /* menu button */ .menu-button { display: block; padding-left: 20px; line-height: 50px; background: #465866; color: #FFF; cursor: pointer; border-bottom: 1px solid #36444f; font-family: 'Ropa Sans',Arial, Helvetica, sans-serif; font-size: 14px; } .menu-button .touch-button { background: #36444f; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center; } .menu-button .touch-button .navicon { font-size: 14px; position: relative; line-height: 50px; color: #FFF; } /* ============================================================================= Gravity form styles ========================================================================== */ .gform_body {} .gform_body ul {} .gform_body li { margin-top: 10px; list-style: none!important; margin-left: 0px!important;} .gfield label { font-weight: bold; } .gfield input[type=text] { box-sizing: border-box; font-size: 14px !important; height:35px; padding:10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 3px 4px #f8f8f8;-moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow: inset 0 3px 4px #f8f8f8; width:100%; } .gfield select { box-sizing: border-box; font-size: 13px !important; height:35px; padding:10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:100%; } .gfield textarea { box-sizing: border-box; font-size: 13px !important; padding:10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:100%;} .gform_footer input[type=submit] { box-sizing: border-box; background-color:#38b251; border:none; color: #FFF; color:#ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; font-size:15px; font-weight:normal; padding:10px 30px; margin-bottom: 20px; margin-top: 10px; } .gform_footer input[type=submit]:hover { cursor:pointer; background-color:#38b251; border: none; color: #FFF; } .gform_wrapper .gform_footer { margin: 0; padding: 0;} .gform_description { font-size: 12px; line-height: 25px; color: #5c5c5c; margin-bottom: 15px;} .gform_heading { margin-bottom: 20px;} #field_3_1 label, #field_3_2 label, #field_3_4 label {display: none;} /* ============================================================================= small / mobile media query ========================================================================== */ @media only screen and (min-width: 320px) and (max-width: 767px) { .home-h1 { padding: 0 20px; } .sidebar-wrap { background: #f2f4f5; border: 1px solid #b5b7b9; padding: 20px; } } /* ============================================================================= medium / tablet media query ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .page-wrap { background:url(images/page-wrap-bg.jpg) top center repeat-y; border: 1px solid #b5b7b9;} .content-col { padding: 20px 20px; border-left: 1px solid #b5b7b9; min-height: } } /* ============================================================================= large / desktop media query ========================================================================== */ @media only screen and (min-width: 1024px) { .content-col { padding: 20px 40px 100px 40px; border-left: 1px solid #b5b7b9; min-height: 1600px; } .page-wrap { background:url(images/page-wrap-bg.jpg) top center repeat-y; border: 1px solid #b5b7b9; margin-top: 20px;} } /* ============================================================================= High resolution media query ========================================================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { } /* ============================================================================= 2015 Update ========================================================================== */ .simple-side-nav .children { DISPLAY: NONE; } ol li{ margin-left: 25px; } /* ============================================================================= End of CSS file ========================================================================== */