/*
Theme Name: ggstyle
Theme URI: http://artsatlasgw.com.au
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, fluid-layout, responsive-layout, two-columns
Text Domain: ggstyle
*/




/******************************************************************************/

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Utilities, Misc                              */
/*!        ii - Customize plugins                                             */
/*!       iii - Body                                                          */
/*!      iiii - Fonts                                                         */

/*!     STRUCTURE:                                                            */
/*!         1. - Head                                                         */
/*!         2. - Main                                                         */
/*!         3. - Content                                                      */
/*!         4. - Sidebar                                                      */
/*!         5. - Footer                                                       */
/*!         6. - Responsive                                                   */
/*!         7. - Front Page                                                   */

/******************************************************************************/


/******************************************************************************/

/*!     i - Imports, Resets, Utilities, Misc                                  */

/******************************************************************************/


/* Normalize 4.0.0 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input,select{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

/* Custom Resets */
*{box-sizing:border-box;margin:0;padding:0}path{box-sizing:content-box}p{line-height:1.5;margin:0 0 16px;max-width:625px;word-wrap:initial;word-break:break-word}p.empty,p:empty{line-height:0;margin:0;padding:0}a{word-wrap:initial;word-break:break-word}ul,ol{margin:16px 0;padding:0 0 0 24px}li,dt,dd{margin:0 0 5px}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 16px}sub,sup{line-height:1.2}dt{clear:left;float:left;font-weight:700;max-width:65px;width:20%}dd{float:left;width:80%}:active,:focus{outline:none}img{border:none;height:auto;-ms-interpolation-mode:bicubic;max-width:100%}iframe{max-width:100%}svg{width:100%}

/* Wordpress Defaults */
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin-right:auto;margin-left:auto;text-align:center}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{border:none;padding:10px;margin:0 0 30px 0}.wp-caption-text{font-size:90%;color:#333;font-style:italic;margin:10px 0}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.sticky,.bypostauthor,.gallery-caption{font-size:12px;font-weight:700}

/* Basic form styling */
input, textarea { border: 1px solid black; border-radius: 3px; color: black; font-size: 14px; padding: 8px 14px; }
input:focus, input:active, textarea:focus, textarea:active { border-color: #379d37;}
input[type='submit'] { background: #225975; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); color: white; cursor: pointer; font-size: 12px; padding: 4px 6px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
input[type='submit']:hover { background: #225975; color: white; text-decoration: none; text-shadow: 0 0 5px black; }

.main .gform_wrapper input[type=email], 
.main .gform_wrapper input[type=number], 
.main .gform_wrapper input[type=password], 
.main .gform_wrapper input[type=tel],
.main .gform_wrapper input[type=text], 
.main .gform_wrapper input[type=url],
.main .gform_wrapper textarea { font-size: 14px; padding: 6px 8px; }

/* Placeholders */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #6d6d6d;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #6d6d6d;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #6d6d6d;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #6d6d6d;
}

/* Tables */
table {
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;    
    border-spacing: 0;
    font-size: 90%;
}

tr {}
tr:nth-of-type(odd) {
    background: #f1f2f3;
}

td {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 4px 8px;    
}

thead td {
    background: #cd5d1c;
    color: white;
    font-weight: 700;
    text-align: right;
}





.container {
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
}
.container:before, .container:after {clear: both; content: ''; display: table;}


.search-form {
    background: white;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 0;
    margin: 16px 0;
    max-width: 400px;
    position: relative;
}

.search-form:before {
    color: #6d6d6d;
    cursor: pointer;
    content: "\f179";
    font: 400 20px/1 dashicons!important;
    padding: 8px;
    position: absolute;
    top: 0; right: 0;
    text-align: center;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.search-form:hover:before {
    color: #cd5d1c;
}

.search-form input {
    background: none;
    border: none;
    border-radius: 0;
    cursor: text;
    height: 35px;
    vertical-align: top;
}

.search-form .search-field {
    min-width: 236px;
}

.search-form .search-submit {
    background: none;
    box-shadow: none;
    cursor: pointer;    
    padding: 8px;
    position: absolute;
    top: 0; right: 0;
    text-indent: -9999px;
    width: 35px;
    z-index: 1;
}
.search-form .search-submit:hover {
    background: none;
}



/******************************************************************************/

/*!     ii - Customize plugins                                                */

/******************************************************************************/








/******************************************************************************/

/*!     iii - Body                                                            */

/******************************************************************************/




body {
    background: white;
	color: black;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
}

body.logged-in {
    padding-top: 32px;
}
@media (max-width:768px) {
    body.logged-in {
        padding-top: 46px;
    }    
}




/******************************************************************************/

/*!    iiii - Fonts                                                           */

/******************************************************************************/


h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

h1 {
    color: #225975;
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 34px;
}
h2,
h2 a {
    color: #6dbae6;
    font-size: 28px;
    font-weight: 400;
}
h3 {
    color: #225975;
    font-size: 24px;
    font-weight: 400;
}
h4 {
    color: #225975;
    font-size: 16px;
    font-weight: 400;
}
h5 {color: #225975;}
h6 {color: #225975;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

a {
    color: #a3262e;
    text-decoration: none;
}
a:hover {
    color: #cd5d1c;
    text-decoration: underline;
}

hr {
    margin: 32px 0px;
}

.notes {
    font-size: 13px;
}

/* Local Links */

.localLink-list {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
}

.localLink {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 16px;
    position: relative;
    text-decoration: none;
}
.localLink:before {
    content: '\25BC';
    display: block;
    font-size: 12px;
    position: absolute;
    top: 2px; left: 0;
}



/******************************************************************************/

/*!     STRUCTURE START                                                       */

/*!     1. - Head                                                             */

/******************************************************************************/




.top {
    padding: 20px 0 0;
}

    .siteTitle {
        float: left;
        margin: 0 0 20px;
        width: 35%;
    }

    .logo {
        display: block;
    }
        
        .logo__img {
            display: block;
        }
            


        
.mobileToggle {
    display: none;
    position: relative;
    float: right;
    width: 30px;
    height: 24px;
    z-index: 4;
    perspective: 80px;
}
.mobileToggle-inner, .mobileToggle-inner:after, .mobileToggle-inner:before {
    background: black;
}
.mobileToggle-inner {
    transition: background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
    transition: transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);
    transition: transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
}
.mobileToggle-inner, .mobileToggle-inner:after, .mobileToggle-inner:before {
    position: absolute;
    width: 30px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
}
.mobileToggle-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.mobileToggle-inner:after, .mobileToggle-inner:before {
    display: block;
    content: '';
}
.mobileToggle-inner:before {
    top: -10px;
}
.mobileToggle-inner:after {
    bottom: -10px;
}
.mobileToggle-active .mobileToggle-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    background: transparent;
}
.mobileToggle-active .mobileToggle-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg);
}
.mobileToggle-active .mobileToggle-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
}


        

/* ! Top menu */    
.topMenu {
    float: right;
    position: relative;
}
    

    .menu > ul,
    nav > .menu {
        list-style-type: none;
        margin: 0 auto;
        max-width: 960px;
        padding: 0;
    }
    
        .page_item,
        .menu-item {
            display: inline-block;
            margin: 0;
            position: relative;
        }
        
        .page_item a,
        .menu-item a {
            color: black;
            display: block;
            font-size: 13px;
            font-weight: 400;
            padding: 12px;
            text-decoration: none;
            text-transform: uppercase;
        }
        
        .page_item:hover > a,
        .menu-item:hover > a,
        .current_page_item > a,
        .current-menu-item > a,
        .current-page-ancestor > a,
        .current_page_parent > a {
            color: #cd5d1c;
        }
        
        
            /* Submenu */
            .topMenu ul ul {
                background: white;
                box-shadow: 4px 4px 5px rgba(0,0,0,0.2);
                display: none;
                margin: 0;
                padding: 4px;
                position: absolute;
                top: 100%; left: -8px;
                width: 260px;
                z-index: 999;
            }
            .topMenu li:hover > ul {
                display: block;
            }
            
            .topMenu ul ul li {
                display: block;
                margin: 0;
            }
            
            .topMenu ul ul a {
                border-left: 3px solid transparent;
                font-size: 14px;
                font-weight: 400;
                padding: 7px 12px;
                text-transform: none;
            }
            
            .topMenu ul ul .page_item:hover > a,
            .topMenu ul ul .menu-item:hover > a,
            .topMenu ul ul .current_page_item > a,
            .topMenu ul ul .current-menu-item > a,
            .topMenu ul ul .current-page-ancestor > a {
                border-left: 3px solid #cd5d1c;
                color: #cd5d1c;
                text-decoration: underline;
            }



.banner .container {
    position: absolute;
    top: 8px;
    left: 0; right: 0;
    z-index: 1;
}

.banner .search-form {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    float: right;
    margin: 0;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s ease, box-shadow 0.3s ease;
            transition: opacity 0.3s ease, box-shadow 0.3s ease;
}
.banner .search-form:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.55);    
    opacity: 1;
}



.banner {
    overflow: hidden;
    position: relative;
}

    .banner-img {
        display: block;
        max-width: none;
    }
    
    .banner-img-left {float: left;}
    .banner-img-right {float: right;}
    .banner-img-centre {position: relative; left: 50%;}

    .banner-text {
        color: white;
        font-family: 'Montserrat', Arial, Helvetica, sans-serif;
        font-size: 60px;
        font-weight: 300;
        margin: auto;
        max-width: 1080px;
        position: absolute;
        left: 0; right: 0; bottom: 64px;
        text-shadow: 1px 1px 16px rgba(0,0,0,0.75);
    }
    .banner-text span {
        display: block;
    }
    
    .banner-textHighlight {
        color: #23bbe8;
        font-weight: 400;
    }
       


/******************************************************************************/

/*!     3. - Content                                                          */

/******************************************************************************/




.main {
    padding: 46px 0;
    position: relative;
}
.main--home {padding: 46px 0 0;}
.main--what-we-do {padding: 0 0 46px;}
.main--news {
    background: #d8ecfa;
}
.main--news h1 {
    color: #225975;
}


.content {
    float: left;
    padding: 0 0 0 32px;
    width: 70%;
}
.content-full {
    float: none;
    padding: 0;
    width: 100%;
}


    .postDetails {
        font-size: 11px;
        font-weight: 400;
        margin: 0 0 32px;
    }
    
    .postDetails a {
        color: #cd5d1c;
    }
    
    
    .postImg {}
    
    .postImg-caption {
        display: block;
        font-size: 10px;
        font-weight: 400;
        margin: 0 0 32px;        
    }
    
    
.post {
    float: left;
    margin-right: 32px;
    width: 50%;
    width: calc(50% - 32px);
}

    .post-imgLink,
    .post-img {
        display: block;
        width: 100%;
    }
    
    
    .post-content {
        padding: 16px;
        position: relative;
    }   

    .post-title {
        color: #225975;
        font-size: 17px;        
    }
    
    .post-details {
        background: rgba(255,255,255,0.65);
        font-size: 11px;
        font-weight: 600;
        padding: 8px 16px;
        position: absolute;
        bottom: 100%; left: 0; right: 0;
        z-index: 1;
    }
    .post-cats {
        font-size: 11px;
        font-weight: 400;        
    }
    .post-tags {
        font-size: 11px;
        font-weight: 400;
        margin: 0 0 16px;        
    }
    .post-cats a,
    .post-tags a {
        color: #cd5d1c; 
    }
    
        

        


.sidebar {
    float: left;
    padding: 8px 0;
    width: 30%;
}


    .guide {
        position: relative;
    }
    
        .guide__img {
            display: block;
            width: 100%;
        }



.btn {
    background: #225975;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 30px 8px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.btn:after {
    border-color: transparent transparent transparent white;
    border-style: solid;
    border-width: 6px;
    content: '';
    position: absolute;
    right: 4px; top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.btn:hover {
    background: #a3262e;
    color: white;
    text-decoration: none;
}
.btn > input {
    background: transparent;
    border: none;
    box-shadow: none;
    color: white;
    font-size: 13px;
    margin: -10px -30px -8px -20px;
    padding: 10px 30px 8px 20px;
    text-transform: uppercase;
    -webkit-appearance: none;
}
.btn:hover > input {
    background: #a3262e;
}

.btn--orange {
    background: #cd5d1c;
}

.btn--guide {
    background: #cd5d1c;
    font-size: 17px;
    padding: 16px 32px;
    position: absolute;
    top: 16px; right: 10px; left: 10px;
    text-align: center;
    text-transform: none;
}
.btn--guide span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}




.sectionTitle {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 400;
}

.box {
    margin: 0 0 32px;
    width: 30%;
}

    .box__link {
        display: block;
    }

    .box__img {
        display: block;
        width: 100%;
    }
    
    .box__title,
    .box__title a {
        color: #225975;
        font-size: 17px;
    }

    .box__content {
        background: white;    
        padding: 16px;
        position: relative;
    }
    .search .box__content {
        background: #efefef;
    }
    
        .box__content .btn {
            margin-top: 16px;
        }
    
    .box__date {
        background: rgba(255,255,255,0.65);
        font-size: 11px;
        font-weight: 600;
        padding: 8px 16px;
        position: absolute;
        bottom: 100%; left: 0; right: 0;
        z-index: 1;
    }    
    
    .box__excerpt {
        font-size: 13px;
    }
    

.sub-box-overlay {
    background: rgba(255,255,255,0.5);
    display: none;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 999;
}

    
.subscribe {
    background: #efc69e;
    margin: 0 0 16px;
    padding: 28px;
    position: relative;
    top: 0%; left: 0%;
    -webkit-transform: translate3d(0%, 0%, 0);    
    transform: translate3d(0%, 0%, 0);    
    transition: all 0.3s ease-in-out;
}
.subscribe-pop {
    background: white;
    border: 2px solid #cd5d1c;
    box-shadow: 8px 8px 12px 0 rgba(0,0,0,0.65);
    font-size: 13px;
    font-weight: 400;
    padding: 36px 64px;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    -webkit-font-smoothing: subpixel-antialiased;
}
.subscribe-pop:before, .subscribe-pop:after {clear: both; content: ''; display: table;}

    .subscribe-title {
        color: #cd5d1c;
        font-size: 26px;
    }
    
    .subscribe-text {
        font-size: 13px;
    }
    
    .subscribe-link-dummy {}
    .subscribe-link {
        float: right;
    }
    
    .subscribe-close {
        font-size: 16px;
        position: absolute;
        top: 8px; right: 8px;
        cursor: pointer;
        text-align: center;
        height: 20px;
        width: 20px;
    }
    
    .indicates-required {
        color: #cd5d1c;
        float: right;
        margin: -16px 0 16px;
    }
    
    .mc-field-group {
        position: relative;
    }
    .mc-field-group:before, .mc-field-group:after {clear: both; content: ''; display: table;
    }
    .mc-field-group label {
        float: left;
        margin: 0 0 16px;
        padding: 6px 0;
        width: 30%;
    }
    .mc-field-group input {
        border: 1px solid #cd5d1c;
        border-radius: 0;
        float: left;
        margin: 0 0 16px;
        width: 70%;
    }
    
    .subscribe-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .subscribe-list label {
        padding: 0;
        width: 90%;
    }
    .subscribe-list input {
        margin-top: 3px;
        width: 10%;
    } 
    
    .subscribe #mc_embed_signup div.mce_inline_error {
        background: #cd5d1c;
        color: white;
        font-size: 10px;
        font-weight: 400;
        margin: 0;
        padding: 10px 0 0 64px;
        position: absolute;
        top: -6px; right: -64px; bottom: 10px; left: -64px;
        text-align: center;
        z-index: -1;
    }
    
    .response {
        color: #cd5d1c;
        margin: 0 0 16px;
    }   
    
    
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.members {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.members:before, .members:after {clear: both;content: '';display: table;}

    .members-item {
        float: left;
        margin: 0;
        padding: 3px;
    }
    
        .members-link {
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            height: 150px;
            width: 150px;            
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
        }
        
        .members-img {
            display: block;
        }




.paginate {
    clear: both;
    padding: 16px 0;
    text-align: center;
    width: 100%;
}


    .page-numbers {
        background: #efefef;
        border-radius: 4px;
        display: inline-block;
        margin: 0 2px;
        padding: 4px 8px;
    }
    
    
    .current,
    .next,
    .prev {
        background: white;
    }
    
    
    
.subpages {
    border-left: 4px solid #225975;
    margin: 0 0 40px;
    padding: 6px 14px;
}

    .subpages-title,
    .subpages-title a {
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    .subpages-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
        .subpages-item {
            border-left: 4px solid transparent;
            margin: 0 0 16px;
            position: relative;
        }
        .subpages-item:last-child {
            margin: 0;
        }
        
        .subpages-item--current {
            border-left-color: #cd5d1c;
        }
        
        .subpages-item--postIsIn {
            border-left-color: #6dbae6;
        }

        
        .subpages-item .subpages-item--current {
            border-left-color: white;
        }
        
            .subpages-link {
                color: black;
                display: block;
                padding: 4px 8px;
                text-decoration: none;
            }
            .subpages-link:hover {
                color: #cd5d1c;
                text-decoration: underline;
            }
            
            .subpages-item--postIsIn > .subpages-link {
                color: #6dbae6;
                font-weight: 600;
            }            
            
            .subpages-item--current > .subpages-link {
                color: #cd5d1c;
                font-weight: 600;
            }
            
            .subpages-item--hasChildren > .subpages-link {
                position: relative;
            }
/*
            .subpages-item--hasChildren > .subpages-link:after {
                border-color: transparent transparent transparent #225975;
                border-style: solid;
                border-width: 6px;
                content: '';
                display: inline-block;
                margin: 0 0 0 6px;
            }
            .subpages-item--current.subpages-item--hasChildren > .subpages-link:after {
                border-color: #cd5d1c transparent transparent transparent;
                vertical-align: middle;
            }
*/
            
            .subpages-item .subpages-item {
                margin-bottom: 0;
            }        
            

            
            
.resources {}

.resources-item {}

    .resources-head {
        background: #d8ecfa;
        cursor: pointer;
        padding: 8px 28px;
        position: relative;
        font-weight: 400;
    }
    .resources-head:hover {
        background: #225975;
        color: white;
    }
    .resources-head--active {
        background: #cd5d1c;
        color: white;
        font-weight: 400;
    }
    
    .resources-head:after {
        border-color: transparent #225975 transparent transparent;
        border-style: solid;
        border-width: 8px;
        content: '';
        display: block;
        position: absolute;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%; right: 16px;
    }
    .resources-head:hover:after {
        border-color: transparent white transparent transparent;
    }
    
    .resources-head--active:after,
    .resources-head--active:hover:after {
        border-color: white transparent transparent transparent;
        margin-top: 6px;
        right: 10px;
    }
    
/* Hidden ready for js to show/hide */
    .resources-content {
        display: none;
    }
    
        .resources-subItem {
            border-bottom: 1px solid #999;
            padding: 20px 28px 4px;
        }
        .resources-subItem:last-child {
            border-bottom: none;
        }
        
        .resources-subItem a {
            color: #cd5d1c;
        }





.footer {
    background: #225975;
    color: white;
    font-size: 12px;
    padding: 48px 16px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.43);    
}
.footer:before, .footer:after {clear: both; content: ' '; display: table;}


.footer p {
    margin: 0;
}

.footer .alignleft {
    margin-right: 32px;
}


.footer a {
    color: white;
    text-decoration: none;
}
.footer a:hover {
    color: white;
    text-decoration: underline;
}

.scrollToTop {
    background: #a3262e;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: block;
    padding: 4px;
    position: fixed;
    bottom: 16px; right: 16px;
    text-align: center;
    text-decoration: none;
    height: 32px;
    width: 32px;
}
.scrollToTop:hover {
    background: #cd5d1c;
    color: white;
}

.wsp-container li.page-item-2 {
	display: block;
}

.wsp-container ul {margin: 0 0 20px 0;}




/******************************************************************************/

/*!     6. - Responsive                                                       */

/******************************************************************************/

@media (max-width:1148px) {
    .container,
    .banner-text {
        padding: 0 32px;
    }
}


@media (max-width:970px) {
    .banner-text {
        font-size: 46px;
    }
}


@media (max-width:768px) {
    .container,
    .banner-text {
        padding: 0 16px;
    }
    
    .siteTitle {
        width: auto;
    }
    
    .topMenu {
        padding: 14px 0;
    }

        .mobileToggle {
            display: block;
        }

        .topMenu-menu {
            background: white;
            display: none;
            padding: 8px;
            position: absolute;
            top: 100%; right: 0;
            width: 220px;
            z-index: 10;
        }
        .topMenu-menu-active {
            display: block;
        }
        
            .menu-item {
                display: block;
            }
            
            .topMenu li:hover > ul {
                display: none;
            }
            
    body:not(.home) .banner {
        max-height: 275px;
    }
    .home .banner {
        max-height: 450px;
    }

    .banner-text {
        font-size: 36px;
    }
    

       
    .content {
        float: none;
        padding: 0;
        margin-bottom: 32px;
        order: 1;
        width: 100%;
    }
    
    .sidebar {
        float: none;
        margin: 0;
        order: 2;
        width: auto;
    }
    
    body:not(.home) .main .container {
        display: flex;
        flex-wrap: wrap;
    }    
    
    .home .content {
        float: left;
        padding: 0 16px 0 0;
        width: 52%;
    }
    
    .home .sidebar {
        float: right;
        width: 48%;
    }      
    
    .flex {
        flex-wrap: wrap;
    }
    
    .box {
        width: 48%;
    }
}

@media (max-width: 690px) {
    .content,
    .sidebar,
    .home .content,
    .home .sidebar {
        float: none;
    }
    
    .home .content {
        float: none;
        padding: 0;
        width: auto;
    }    
    
    .footer p {
        float: left;
        margin: 0 32px 16px 0;
    }
}

@media (max-width: 560px) {
    body:not(.home) .banner {
        max-height: 200px;
    }
    .home .banner {
        max-height: 350px;
    }
    
    .banner-text {
        font-size: 26px;
    }
    .banner-text span {
        display: inline;
    }
    

    .home .sidebar {
        float: none;
        margin: 0 auto;
        width: auto;
    }
    
    .post {
        float: none;
        margin: 16px auto;
        max-width: 330px;
        width: auto;
    }
}

@media (max-width: 500px) {
    .box {
        margin: 16px auto;
        max-width: 330px;
        width: auto;
    }
    
    .sub-box {
        display: none;
    }
    
    .content .gform_wrapper .top_label input.medium, 
    .content .gform_wrapper .top_label select.medium,
    .content .gform_wrapper textarea.medium {
        width: 100%;
    }    
}