/*
Mon 20 July 2020 - Client wants to get the 2016 removed from the yearly tab but keep the archive so it can still be searchable, therefore the reason of below css existence
*/
.page_8 .archiveFilterB a:last-child{
  display:none;
}

.my-list-item .list-title {
    background: #f7f7f7;
    padding: 10px;
    margin-top: -10px;
}

.quarter-title {
    background: #ffffff;
    border-bottom: solid 1px #edbf1f;
    padding: 25px 0px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.quarter-title.open-list {
    margin-bottom: 10px;
}


.quarter-title.open-list:after {
    content: '\f056';
    position: absolute;
    top: 24px;
    right: 0;
    font-size: 18px;
    font-weight: normal;
    font-family: 'font awesome 5 pro';
    color: #f1c21e;
}


.quarter-title.close-list:after {
    content: '\f055';
    position: absolute;
    top: 24px;
    right: 0;
    font-size: 18px;
    font-weight: normal;
    font-family: 'font awesome 5 pro';
}

.my-list-item.group-item {
    display: none;
}


.my-list-item .list-title svg.svg-inline--fa.fa-file-pdf.fa-w-12 {
    margin-right: 10px;
    font-size: 20px;
}





#ArThumbSec{
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(231,231,231,1) 100%);
	padding:20px;
	border-bottom:5px solid #f1c21e;
}

#ArThumbSec h2{
	font-weight: bold;
	font-size: 22px;
	margin-bottom:0px;
	margin-top:4rem;
}

#ArThumbSec h3{
	font-size: 19px;
}

#ArThumbSec a{
background:#f1c21e;
color:#fff;
padding:5px 20px;
}


#ArThumbSec a:hover{
	background:#999;
	color:#fff;

	}

	.clickableToTab{
		cursor: pointer;
	}



    .present-list-item{
        margin-bottom:10px;
        padding-top:10px;
        padding-bottom:10px;
        border-bottom: 1px solid #f1c21e;

    }

    .present-list-item .list-url{
        color:#505050;
        font-weight:bold;
    }


    .present-list-item .list-date {

        font-weight: bold;
    }

    .present-list-item .list-file-size{
        font-size:14px;
    }

    .present-list-item .download-button{
        color:#505050;
        border:1px solid #dcdcdc;
        padding:2px 8px;
    }

    .present-list-item .thumbnail-container{

        height: 100px;
    }



    .footer-icon {
        /* width: 50px; */
        font-size: 20px;
        margin-right: 9px;
    }


    .header-wrap .search-icon {
        font-size: 24px;
    color: #fff;
    margin-top: 29px;
    text-align: right;
    }

    .header-wrap .search-icon {
        font-size: 24px;
    color: #fff;
    margin-top: 29px;
    text-align: right;
    cursor: pointer;
    position: relative;
    }

    .header-wrap .search-bar {
        display: none;
        position: absolute;
        bottom: -10px;
        right: 35px;
        width: 241px;
        background: #f1c21e;
        border-radius: 30px;
    }


    /*
    .header-wrap .search-bar:after {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;

        border-bottom: 10px solid #f1c21e;
        top: -10px;
        content: " ";
        height: 0;
        left: 70%;
        position: absolute;
        width: 0;
        }
        */

    .header-wrap .search-bar .input-group {
        margin:0;
    }
    form#searchform {
        margin-top: 0px;
        margin: 0;
        padding: 10px;
    }

    .header-wrap.shrink .search-icon {
        margin-top: 14px;
    }

    .home-presentation-thumb{
        height:174px;
        background-size: cover;
        cursor: pointer;
        width:100%;
        margin-bottom:15px;
    }

.mb-20 {
  margin-bottom:20px;
}
.button.contact-us {
   background: var(--yellow);
   font-weight: bold;
   font-size: 16px;
   margin-top: 27px;
}
.ir-form-bg input:focus,
.ir-form-bg textarea:focus {
    background-color: rgba(255, 255, 255, 1);
    color:#000;
}
.ir-form-bg input,
.ir-form-bg textarea {
    background-color: rgba(255, 255, 255, 0.01);
    color:#FFF;
}
.ir-form-bg textarea {
  min-height:120px;
}
.ir-form-bg {
  padding:80px;
  background:linear-gradient( rgba(255,255,255,0.3), rgba(255,255,255,0.3) ), url(/site/media/34/Westgold-191119-181_1200.jpg) center no-repeat;
  background-size:cover;
}
#form_state:focus {
  color: #000;
}
#form_state {
  color: #bbbbbb;
}

#slick-slide00 .slide-title {
  padding-top:45px;
}
#slick-slide02 .slide-title {
  padding-top:86px;
}
#slick-slide03 .slide-title {
  padding-top:45px;
}
#slick-slide04 .slide-title {
  padding-top:45px;
}

.slide-text-container {
}

.text-overlay {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.text-fgo {
    top: 630px;
    left: 309px;
}
.text-mgo {
    top: 719px;
    left: 227px;
}
.text-cgo {
    top: 743px;
    left: 322px;
}

.cop-gov-list{
    list-style: none;
    margin:0;
    padding:0;
}

.cop-gov-list li a{
color: #333;
    display: block;
    padding: 10px 0;
    border-bottom: solid 1px #edbf1f;
    padding-left:5px;
    transition: all .3s ease;
}

.cop-gov-list li a:hover{
    background: #f7f7f7;
    padding-left:10px;

    }

.cop-gov-list li a:before{
    content:'\f1c1';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    font-size: 20px;
    font-weight: 300;

}

.page_8 .list-item:before{
    content:'\f1c1';
    font-family: 'Font Awesome 5 Pro';
    font-size: 28px;
    font-weight: 300;
    color: #333;
    float: left;
    padding: 13px;
    padding-top: 7px;
}

.go-box{
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.1s;
    margin-top:20px;
}

.go-box:hover{
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}

.go-box .image-title h3 {
    font-size: 18px;
    padding: 10px;
    font-weight: bold;
}

.go-box .image-desc {
    text-align: left;
    padding: 10px;
    font-size: 14px;
    padding-right: 70px;
    font-weight: bold;
    position: relative;
}

.go-box .image-desc:after{
    content:'\f054';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right:15px;
    top:50%;
    color:var(--yellow);
    font-size:20px;
    transform: translate(0,-50%);
    transition: all 0.3s;
}

.go-box:hover .image-desc:after{

    right:10px;
}

.go-box-2 .image-desc {
    padding-right: 30px;
}

.working-west-list .cell:nth-child(odd) .circlewrap{
    background: url(/site/content/images/circle-bg.png) center no-repeat;
    background-size: cover;
    width: 120px;
    height: 120px;
    position: relative;
    margin:0 auto;
}


.working-west-list .cell:nth-child(even) .circlewrap{
    background: url(/site/content/images/circle-bg2.png) center no-repeat;
    background-size: cover;
    width: 120px;
    height: 120px;
    position: relative;
    margin:0 auto;
}

.working-west-list .circlewrap img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

}
.working-west-list h3{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color:#fff;
}

.video-box{
    position: relative;
    display:block;
    margin-bottom:20px;
}
.video-box:after {
    content: '\f04b';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    font-size: 50px;
    font-weight: bold;
    font-family: 'font awesome 5 pro';
    background: rgba(0, 0, 0, 0.5019607843137255);
    border-radius: 0;
    padding: 8px 37px;
    line-height: 1.2em;
    border-radius:10px;
}
.video-box span{
  position: absolute;
  top:0;
  left:0;
  color:#fff;
  padding: 7px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
}

.cop-gov-list li a {
    color: #333;
    display: block;
    padding: 14px 0 0 0;
    border-bottom: solid 1px #edbf1f;
    padding-left: 35px;
    transition: all .3s ease;
    position: relative;
    min-height: 75px;
}
.cop-gov-list li a:before {
    content: '\f1c1';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    font-size: 20px;
    font-weight: 300;
    position: absolute;
    top: 13px;
    left: 10px;
}
.cop-gov-list li a:hover {
    background: #f7f7f7;
    padding-left: 40px;
}




section.recruitment-sec {
    background: rgb(0,0,0);
    padding: 20px 0px;
    
    
}

section.recruitment-sec {
    background: rgb(0,0,0);
}

section.recruitment-sec h2{
	font-size:21px;
	font-weight:900;
    color:var(--yellow);
    font-family: "Montserrat", "Open Sans", sans-serif;
}

section.recruitment-sec h2 span{
    color:#fff;
    font-weight:900;
    font-family: "Montserrat", "Open Sans", sans-serif;
}

section.recruitment-sec a{
    text-decoration: underline;
    line-height: 30px;
}

section.recruitment-sec a:hover{
    color:var(--yellow);
}

section.recruitment-sec a svg{
   transition: all .3s ease;
   vertical-align: middle;
   margin-left:5px;
}

section.recruitment-sec:hover a svg{
    margin-left:10px;
}