/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 March 2019 11:40:48
*/


/*Site URL: http://www.csu.edu.au/faculty/arts/accc/
  Last updated: January 2019 
  Last updated by: Emrys Hughes .
  Copyright CSU 2015
  Please do not edit this stylesheet */   

@font-face {
    font-family: 'helvetica-neue-condensed';
    src:url('https://cdn.csu.edu.au/__data/assets/file/0003/1346844/helvetica-neue-condensed.eot');
    src:url('https://cdn.csu.edu.au/__data/assets/file/0003/1346844/helvetica-neue-condensed.eot') format('embedded-opentype'),
        url('https://cdn.csu.edu.au/__data/assets/file/0008/1346840/helvetica-neue-condensed.woff') format('woff'),
        url('https://cdn.csu.edu.au/__data/assets/file/0006/1346838/helvetica-neue-condensed.ttf') format('truetype'),
        url('https://cdn.csu.edu.au/__data/assets/file/0005/1346864/helvetica-neue-condensed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#main-title {display:none; }

#main-nav { font-size: 1em; margin-top: 3.5em;}
/* start CSS for Events*/  
#main-nav li { width:100%}

/* - - - - - -    H A C K     - - - - - - */
#branding .btn-navbar {  display: none;  }

.events-wrap { width: 70%; float:left; margin-right:10px}
.event h2 {clear:both}
.event {border-bottom: 1px solid #eaeaea; padding:20px 0;  float:left; clear:both; width:100%}
.event-featured{border-radius:10px; padding:10px;  background-color: #FAFAF9; float:left; width:100%;margin-bottom:2em;}
.event-featured h3 {font-size: 2em; margin-top:10px}
.event p:first-child {  background-color: #ccc;}
.event a.call-to-action-button,  .events-right-wrap a.call-to-action-button  {border:1px solid #782821 !important; color: #782821 !important; background-color: #eaeaea !important; }
.event a:hover.call-to-action-button  {text-transform: none !important; text-decoration:underline}
.event-content-wrap { width: 70%; float:right; padding-bottom:2em; }
.event-image-wrap {padding:10px;  float:left; width:auto;}
.events-right-wrap { width:25%; float:right}
.events-right-wrap h2{ background-color: #782821; color:#fff; padding:10px}
#content a.call-to-action-button {text-transform: none !important; font-style:normal}
#content a:hover.call-to-action-button, .events-right-wrap a:hover.call-to-action-button  {text-transform: none !important; text-decoration:underline}
#content .event-featured a.call-to-action-button { background-color: #D3500D !important; font-size:1.1em !important}
#content .event-featured a:hover.call-to-action-button { color:#fff; text-decoration:underline}
/*  end start CSS for Events*/  
#content .event-registration {clear:both;}

#content h4 {color: #782821;}

#content h3.boxtitle {color: #782821;}

#block-2 a:link, #block-2 a:visited {color: #944234;}

#block-2 a:hover, #block-2 a:active{color: #944234;}

#block-2 a:focus {background-color:#EFEFEF;}

#leftnav-content a, #leftnav-content a:hover {color: #782821;}

/* Search*/
.top-search .input-submit { background: none repeat scroll 0 0 #782821;}
#news-search {margin:0.5em;padding:1em;background-color: #efefef; border-radius: 5px;}
#news-search input[type="submit"]{font-size: 0.9em;background: #3ea0fc none repeat scroll 0% 0%;}
#news-search  input[type="submit"]:hover {background-color:#4A4647;}
#news-search form select {width:40%;border-radius: 0.1em;}

/* Begin Ivory IT subscribe add */
#subscribe .rbox {
    background-color: #f0f0f0;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;-moz-background-clip: padding-box;-webkit-background-clip: padding-box;background-clip: padding-box;margin: 0 auto;width: 245px;text-align: left;padding: 15px 15px;
}
#subscribe .rbox .h2 {color: #782821;
    font-family: "helvetica-neue-condensed";
}
#subscribe .form-group {
    margin-bottom: 8px;
}
#subscribe .form-group:before,
#subscribe .form-group:after {
    content: " ";
    display: table;
}
#subscribe .form-group:after {
    clear: both;
}
#subscribe .form-group label {
    padding-top: 3px;
    font-size: .85em;
    margin-right: 4px;
}
#subscribe .form-group input[type="text"] {
    background-color: #fff;
    border: none;
    width: 60%;
    padding: 5px;
    float: left;
    clear: right;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#subscribe .form-group input.block {
    width: 180px;
    margin: 8px auto 0;
    display: block;
    padding: 10px 0;
    text-align: center;
}
#subscribe .form-group input.block:hover {
    width: 180px;
    margin: 8px auto 0;
    display: block;
    padding: 10px 0;
    text-align: center;
}
#subscribe .form-group input.block:focus{background-color:#4A4647;}
/* Ivory IT add */
/* call to action button*/
#content a.call-to-action-button  {background-color: #873F39; color: #fff;}
#content a:hover.call-to-action-button {background-color: #F1F1F1; color: #873F39;}


#global-footer .acknowledge-content {
        text-align: center;
        color: #095199;
        vertical-align: middle;
        margin: 0px auto;
        padding: 2em 0;
    }
    
    #global-footer .acknowledge-content p {
        text-align: center;
        color: #782821;
        font-size: 0.85em;
        line-height: 1.5em;
    }

/* Enhance Styles ----------------------------------------------------*/
@media screen and (min-width: 690px) {
    #main-nav li { width:14.2860%}
    
    /* Search*/ 
    #home form input {font-size: 0.9em; width: 50%;}

    #global-nav li {  font-size: inherit;}
    #site-nav li { height: 39px; background-color: #aec4db;}
    #container-wrap {background: url("https://cdn.csu.edu.au/__data/assets/image/0007/1344292/background-grey.png") repeat-x scroll center top #fff;}
    #page-wrap h1.title { color: #782821;}
    #homepage h1.title {display:none;}

    #site-nav li a {text-transform: none; font-size:0.9em;background: none; text-decoration:none; 
    background-image:none; background:#782821; color:#fff; border-bottom: 0px solid #fff !important;}

    #site-nav li a:hover {background:#f1f1f1; color:#782821;}
    #site-nav li a:focus {background:#666;}
    #site-nav .top-level.current a {background: url("mysource_files/active-arrow.png") no-repeat scroll center bottom #222222; color:#FFFFFF;}
    #site-nav .top-level.current a:focus {background:#000; color:#FFF;}
    #site-nav a {border-left: 1px solid #ccd9e9; border-right: 1px solid #ccd9e9; padding: 0.7em 0em;}

    .button.special { background: none repeat scroll 0 0 #E75204; border-color: #E75204;color: white !important;margin: 5px;
    border-radius: 5px;cursor: pointer;font-size: 1.6em;font-weight: 400;min-width: 8em;padding: 0.4em;text-align: center;text-decoration: none;
    transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s; box-sizing: border-box;}
    .button.special:hover {background: none repeat scroll 0 0 #4A4647; border-color: #4A4647;}
    .button.special:focus {background:#4A4647;border-color: #4A4647;}

    
    #legal {
        padding:0; 
        width:100%;
        float: none;
    }
    #legal img {padding:1em 1.5em 1em 1em;vertical-align: middle;}
    
    #global-footer li {padding:0; margin-right: 0.6em;}

    .top-search fieldset {padding:0;}

    .related-content > div {padding: 1em 0.3em 0 0;}

    #page-wrap a.thumbnail img {float:left; margin: 0 1.5em 3em 0;}

    #page-wrap a.line {border-bottom: 1px solid #dfe0e1;padding-bottom:1em;width:80%;display: inline-block;}

    #page-wrap p.date {font-size: 0.7em;font-weight: 600;padding: 0;}

    .page-menu-button {border-bottom: none;display:none;}

    #block-1 {margin-top:0;}

    #projects div.boxstyle {margin:1em;padding:1em;background-color: #efefef; border-radius: 5px;}
    #projects div.left {float:left;padding: 0 1.5em 1em 0;}

    /* Contact Us Form */ 
    #content input[type="submit"]{width:8em; background-color: #782821;margin-left:32%;}
    #content input[type="submit"]:hover {width:8em; background-color: #4A4647;margin-left:32%;}
    #content input[type="submit"]:focus {background-color: #4A4647;}
    #content p.sq-form-submit {width:8em;}

    #page-wrap .threeimg {display: inline;width: 30%;margin: 10px;float: left;}
    #image-wrap div.threeimg img {width:100%; height:auto;}
    #image-wrap div.threeimg {text-align:center;}
    .show-menu-no #page-wrap {width: 95%;}

    #contact-us {margin: 0.5em;padding: 1em;background-color: #EFEFEF;border-radius: 5px;width:80%;}

    #block-2 ul li {padding-bottom: 0.5em;font-size: 0.9em;list-style-type: none;margin: 0px;padding-left: 15px;
    background: transparent url("https://cdn.csu.edu.au/__data/assets/image/0003/1371468/circle-orange.png") no-repeat scroll left 5px;}

    #page-nav li a:hover {background-color: #FFF;color: #CE4904;}
    #page-nav li a:focus {background-color: #CCC;}
    #page-nav a.selected {font-weight: bold;color: #CE4904;}

    #page-nav a.sub, #page-nav a.sub:hover {background: transparent url("https://cdn.csu.edu.au/__data/assets/image/0003/1371504/arrow-orange.png") no-repeat scroll left center;border-bottom: medium none;padding: 0px 15px;width: 90%;}

    #global {background-color: #FFF; height: 0; display:none;}
    #logos-desktop img {padding-bottom:0.5em;}

    #logos-desktop {
        width: 70%;
    }

    #secondlogo {
        float: left;
        margin: 1.5em 1em 1em 0em!important;
    }

    #second-logo img {
        max-width: none!important;
    }


    /*Homepage three images text overlay*/
    .overlay {padding: 1em;color: #FFF;text-align: left;font-size: 1.1em;position: relative;top: 185px;width: 100%;border-bottom: 0;
    }
    .module {background: url(http://www.csu.edu.au/__data/assets/image/0007/1473685/hp-four-pillars-cross-no-text.jpg);width: 310px;height: 188px;position: relative;margin: 5px;float:left;}
    .module > header {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 10px;background: 0;overflow: hidden;}
    .module > header::before {content: "";position: absolute;top: -20px;left: 0;width: 200%;height: 200%;background: inherit;}
    .module > header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .module > header > h2 {margin: 0 0 0 0.5em;color: white;position: relative;z-index: 1;border-bottom: none;line-height: 0.7em;font-size: 1em;}

    .module1 {background: url(http://www.csu.edu.au/__data/assets/image/0008/1473704/hp-public-dialogues-non-text.jpg);width: 310px;height: 188px;position: relative;margin: 5px;float:left;}
    .module1 > header {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 10px;background: 0;overflow: hidden;}
    .module1 > header::before {content: "";position: absolute;top: -20px;left: 0;width: 200%;height: 200%;background: inherit;}
    .module1 > header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .module1 > header > h2 {margin: 0 0 0 0.5em;color: white;position: relative;z-index: 1;border-bottom: none;line-height: 0.7em;font-size: 1em;}

    .module2 {background: url(http://www.csu.edu.au/__data/assets/image/0009/1473705/hp-indigenous-no-text.jpg);width: 310px;height: 188px;position: relative;margin: 5px;float:left;}
    .module2 > header {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 10px;background: 0;overflow: hidden;}
    .module2 > header::before {content: "";position: absolute;top: -20px;left: 0;width: 200%;height: 200%;background: inherit;}
    .module2 > header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .module2 > header > h2 {margin: 0 0 0 0.5em;color: white;position: relative;z-index: 1;border-bottom: none;line-height: 0.7em;font-size: 1em;}

    * {box-sizing: border-box;}

}

/* ----------         Desktop Styles    ----------------------------------------------------*/

@media screen and (min-width: 1000px) {

    body#container {background:none;}

    #branding {height:6em;}

    #related_content {width: 24%;margin-right: 10px;}
    /* Desktop Styles footer Acknowledge ----------------------------------------------------*/
    #global-footer .acknowledge { 
        text-align: center;
        color: #782821;
        width:100%; 
        clear:both;
    }
    
    #global-footer .acknowledge-content {   width: 50%;    }
    
    /* Search*/ 
    #home form input {width: 79%;padding-left: 15px;}
    #content.show-menu-yes #block-2 #related_content #home form input { width: 80%; }
    #home.top-search {width:90%;margin-left: 1em;}
    #content.show-menu-yes #block-2 #related_content #home.top-search {width:99%;margin-left: 0em;}
    .search-bar {padding: 20px 0 0;width: 25%;}

    /* Right Column */
    #block-3, .related-content  {text-align:center;}
    #content.show-menu-yes #block-2 #related_content {width:29%;}

    /* Slideshow Banner */
    #global-footer li {padding:0.313em; margin-right: 0.938em;}
    #page-wrap .threeimg {display: inline;width: 32%;margin: 0 0.3em 1em 0;float: left;}
    #image-wrap div.threeimg img {width:100%; height:auto;}
    .show-menu-no #page-wrap {width: 72%;}
    #contact-us {margin: 0.5em;padding: 1em;background-color: #EFEFEF;border-radius: 5px;}
    #page-wrap img {max-width: 97%;}
}

@media screen and (max-width: 1000px) {
    #related_content {top:2px; clear:both; }
    .button.special {min-width: 10em;}
    #site-nav li { border-bottom: 1px solid #aec4db;}
    #subscribe .rbox {width: 65%;margin:0;}
    .search-bar { width: 20%;}
    #logos-desktop {width: 80%;}
    .button.special {min-width: 6em;}
}

@media screen and (max-width: 815px){
    #global-nav li a{padding: 0.1em 1em 0 0;}
    .search-bar { width: 20%;}
    #logos-desktop {width: 80%;}
    .button.special {min-width: 6em;}
    #secondlogo {margin: 1em 0em 1em 0em;}
    #secondlogo img { width: 80%!important; }
    #logos-desktop img { width: 50%; }
}


/* Mobile Styles ----------------------------------------------------*/

@media screen and (max-width: 690px){

    #secondlogo img { width: 80%; margin:0; }
    #logos-desktop img { width: 50%; }      
    #global-nav li a { padding:0; }
    /* Search*/ 
    #content form input { width: 80%; }
    .top-search .input-submit:hover{ background: none repeat scroll 0 0 #4a4647;}
    #global-nav li a { padding: 0.7em 0 1em 0.7em;}

    #news-search form select {width: 92%;margin: 0.3em;}

    .button.special { background: none repeat scroll 0 0 #f47b20; border-color: #f47b20;color: white !important;margin: 10px 10px 10px 20px;
    border-radius: 5px;cursor: pointer;font-size: 1.6em;font-weight: 400;width: 80%;padding: 0.4em;text-align: center;text-decoration: none;
    transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;}
    .button.special:hover {background: none repeat scroll 0 0 #4A4647; border-color: #4A4647;}

    #legal img {padding:1em 1.5em 1em 1em;vertical-align: middle;}

    #image-wrap div.threeimg img {width:80%; height:auto;}
    #image-wrap div.threeimg {text-align:center;}

    #subscribe .rbox {width: 90%;}
    #related_content {background-color: #FFF;}
    #socialicons ul li {list-style:none;}
    #global-footer-wrap {background-color: #FFF;}
    #content input[type="submit"]{background: #F47B20 none repeat scroll 0% 0%;}
    #content input[type="submit"]:hover {background-color: #E75204;}
    #subscribe .form-group input[type="text"]{border: 1px solid #CCC;width: 95%;}
    #legal {color: #000;background-color: #CCC;}

    /* start CSS for Events*/ 
/*    #main-nav li { width:14.2860%}    */

    .events-wrap { width: 100%;}
    .event {border-bottom: 1px solid #eaeaea; padding:20px 0;  float:left; clear:both; width:100%}
    .event-featured{border-radius:10px; padding:10px;  background-color: #FAFAF9; width:100%;margin-bottom:2em;}
    .event-featured h3 {font-size: 2em; margin-top:10px}
    .event p:first-child {  background-color: #ccc;}
    .event a.call-to-action-button,  .events-right-wrap a.call-to-action-button  {border:1px solid #782821 !important; color: #782821 !important; background-color: #eaeaea !important; }
    .event a:hover.call-to-action-button  {text-transform: none !important; text-decoration:underline}
    .event-content-wrap { width: 100%; float:right; padding-bottom:2em; }
    .event-image-wrap {padding:10px;  float:left; width:auto;}
    .events-right-wrap { width:100%; }
    .events-right-wrap h2{ background-color: #782821; color:#fff; padding:10px}
    #content a.call-to-action-button {text-transform: none !important; font-style:normal}
    #content a:hover.call-to-action-button, .events-right-wrap a:hover.call-to-action-button  {text-transform: none !important; text-decoration:underline}
    #content .event-featured a.call-to-action-button { background-color: #D3500D !important; font-size:1.1em !important}
    #content .event-featured a:hover.call-to-action-button { color:#fff; text-decoration:underline}

    #content .events-wrap a.call-to-action-button.floatright {float:none}
    .search-bar { width: 100%;}
    
    #global-footer li {
        display: inline-block; width: 49%; float: none;
    }
}

.button, h1, h2, #main-nav {   font-family: "helvetica-neue-condensed";letter-spacing: 0.2px;}
h3 {font-family: "helvetica-neue-condensed";letter-spacing: 0.2px;color:#782821;font-size: 1.3em;font-weight: 500;}
h4 {font-size: 1em; font-weight: 500;}

#socialicons ul { width: 210px; }
#socialicons ul li { background:none;float:right;width:55px;padding-left:0; }

#news-search input {background-color: #fff;width: 50%;}
#page-wrap img.staff {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow: 5px 5px 2px #EEE;}
.acknowledge {width:100%; }