/*
 Theme Name:   CCAA
 Theme URI:    https://futuretheory.co/
 Description:  Customised theme for Wombaroo
 Author:       Futuretheory
 Author URI:   https://futuretheory.co/
 Template:     generatepress
 Version:      0.1
*/
body {
    overflow-x: hidden;
}
a {
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: var(--gold-hover);
}
button:not(.menu-toggle), html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link {
    border-radius: 36px;
    border: 1px solid var(--accent);
    padding: 10px 31px;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.7s;
    z-index: 1;
    background-color: var(--accent);
}
button:not(.menu-toggle).small, html input[type="button"].small, input[type="reset"].small, input[type="submit"].small, a.button.small, a.wp-block-button__link.small {
    padding: 9px 27px;
    font-size: 16px;
}
button:not(.menu-toggle).large, html input[type="button"].large, input[type="reset"].large, input[type="submit"].large, a.button.large, a.wp-block-button__link.large {
    padding: 11px 34px;
    font-size: 20px;
}
button:not(.menu-toggle):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, a.wp-block-button__link:hover {
    border: 1px solid var(--gold-hover);
}
button:not(.menu-toggle).secondary, html input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary, a.button.secondary, a.wp-block-button__link.secondary {
    background: none;
    color: var(--accent);
}
button:not(.menu-toggle).secondary:hover, html input[type="button"].secondary:hover, input[type="reset"].secondary:hover, input[type="submit"].secondary:hover, a.button.secondary:hover, a.wp-block-button__link.secondary:hover {
    border: 1px solid var(--gold-hover);
    color: var(--gold-hover);
}
button:not(.menu-toggle):before, html input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before, a.button:before, a.wp-block-button__link:before {
    background: var(--gold-hover);
    content: "";
    position: absolute;
    z-index: -1;
    height: 150px;
    width: 500px;
    border-radius: 50px;
    top: 100%;
    right: 100%;
    transition: all 0.7s;
}
button:not(.menu-toggle).secondary:before, html input[type="button"].secondary:before, input[type="reset"].secondary:before, input[type="submit"].secondary:before, a.button.secondary:before, a.wp-block-button__link.secondary:before {
    background: var(--light-stone);
}
button:not(.menu-toggle):hover:before, html input[type="button"]:hover:before, input[type="reset"]:hover:before, input[type="submit"]:hover:before, a.button:hover:before, a.wp-block-button__link:hover:before {
    top: -50px;
    right: -50px;
}


.gform_button {
    border-radius: 36px !important;
    border: 1px solid var(--accent) !important;
    padding: 10px 31px !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    display: inline-block !important;
    position: relative !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: all 0.7s !important;
    z-index: 1 !important;
    background-color: var(--accent) !important;
}
.gform_button:before {
    background: var(--gold-hover) !important;
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    height: 150px !important;
    width: 500px !important;
    border-radius: 50px !important;
    top: 100% !important;
    right: 100% !important;
    transition: all 0.7s !important;
}
.gform_button:hover {
    border: 1px solid var(--gold-hover);
}
.gform_button:hover:before {
    top: -50px !important;
    right: -50px !important;
}

.site-header {
    padding: 3px 0;
}
body > .page-hero {
    padding-top: 23px;
    padding-bottom: 102px;
    margin-bottom: 64px;
}
.inside-page-hero .rank-math-breadcrumb, .inside-page-hero .page-title {
    padding-left: calc(16.4% + 40px);
    padding-right: 40px;
}
.rank-math-breadcrumb {
    font-size:16px;
    margin-bottom: 78px;
}
.rank-math-breadcrumb p {
    margin-bottom: 0;
    line-height: normal;
    text-transform: uppercase;
}
.rank-math-breadcrumb a {
    color: var(--gold-faded);
}
.rank-math-breadcrumb .separator {
    font-size: 21px;
    overflow: hidden;
    display: inline-block;
    height: 18px;
    margin-left: 2px;
    margin-right: 2px;
}
.separate-containers .site-main {
    margin: 0;
}

.site-main .page > .inside-article {
    padding: 0px;
}
.wp-block-separator {
    border-top: 1px solid #1E1D25;
    margin-top: 56px;
    margin-bottom: 56px;
}
.submissions-wrap .submission-month {
    font-size: 40px;
}

.submissions-wrap .submissions-list {
    margin-bottom: 48px;
}
.submissions-wrap .submission-item {
    display: flex;
    gap: 12px 30px;
    padding: 16px 0;
    border-bottom: 1px solid #000;
    flex-wrap: wrap;
}
.submissions-wrap .submission-item .submission-date {
    flex: calc(30% - 30px);
}
.submissions-wrap .submission-item .submission-region {
    flex: calc(20% - 30px);
}

.submissions-wrap .submission-item .submission-title {
    flex: 50%;
}
.submissions-wrap .submission-item a {
    color: var(--contrast);
}
.submissions-wrap .submission-item a:hover {
    text-decoration: underline;
}
span.ccaa-icon {
    display: inline-block;
    width: 37px;
    height: 37px;
    background: #000;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    overflow: hidden;
    color: var(--base-3);
}
span.ccaa-icon img {
    vertical-align: middle;
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    background: none;
    border: none;
}
.main-navigation ul ul {
    box-shadow: none;
}
/*--------------------Blog ----------------------*/
.blog .site-main>.generate-columns-container {
    max-width: 1176px;
    margin-left: auto;
    margin-right: auto;
    gap: 64px 24px;
}
.blog .site-main>.generate-columns-container>.generate-columns {
    padding: 0;
    flex: 0 1 calc(50% - 12px);
}
.blog .site-main>.generate-columns-container>.generate-columns>.inside-article {
    padding: 0;
}
.blog article.type-post {
    margin-bottom: 0;
}
.blog article.type-post .entry-header {
    display: flex;
    flex-direction: column;
}
.blog article.type-post .post-image {
    margin-bottom: 22px;
    aspect-ratio: 1 / 0.64;
    overflow: hidden;
    position: relative;
}
.blog article.type-post .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.blog article.type-post .entry-header .entry-meta {
    order: 1;
    margin: 0 0 24px;
}
.blog article.type-post .entry-header .entry-meta .posted-on {
    font-size: 20px;
    color: var(--accent);
}
.blog article.type-post .entry-header .entry-title {
    order: 2;
    font-size: 32px;
}
.blog article.type-post .entry-summary {
    margin-top: 24px;
}
/*----------------- Single Post -----------------*/

.single-post > .site.grid-container {
    max-width: 958px;
}
.single-post h1.entry-title {
    font-size: 40px;
    max-width: 600px;
}
.single-post .post-header-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px 10%;
}
.single-post .post-header-meta .post-date {
    color: var(--accent);
    text-transform: uppercase;
    font-size: 20px;
    flex: 0 0 180px;
    text-align: right;
}
.single-post .inside-article a {
    color: var(--contrast);
    text-decoration: underline;
}
.single-post .rank-math-breadcrumb {
    margin-bottom: 13px;
}
.single-post .rank-math-breadcrumb a {
    color: var(--contrast-2);
    text-decoration: none;
}
.single-post .wp-block-image {
    margin-top: 35px;
    margin-bottom: 40px;
}
/*------------------- Footer --------------------*/ 
.site-footer a:hover {
    color: var(--gold-hover);
}
.footer-widgets-container {
    padding-top: 56px;
    margin-top: 56px;
    border-top: 1px solid #1E1D25;
}
.home .footer-widgets-container {
    margin-top: 0;
    border-top: 0;
}
.footer-widgets-container .widget-title {
    margin-bottom: 16px;
}
.footer-widgets-container .footer-widget-1 .widget_media_image {
    margin-bottom: 88px;
    max-width: 433px;
}
.footer-contact-info {
    display: flex;
    gap: 40px 15.5%;
}
.footer-contact-info .phone,
.footer-contact-info .email{
    font-size: 20px;
}
.footer-contact-info .phone div,
.footer-contact-info .email div{
    font-size: 16px;
    margin-bottom: 7px;
}
.footer-widgets-container .inside-footer-widgets > div{
    flex: 1;
}
.footer-widgets-container .footer-widget-1 {
    flex: 1 1 30%;
    display: block !important;
}
.footer-widgets-container .inside-footer-widgets > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.site-footer a {
    color: var(--contrast);
}
.site-info {
    font-size: 14px; 
}
.site-info .footer-bar {
    display: flex;
}

.site.container.grid-container {
    padding-left: 40px;
    padding-right: 40px;
}

/* ---------------- Responsive -------------------------------*/
@media (max-width: 1024px) {
    .wp-block-separator {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .footer-contact-info {
        gap: 40px 48px;
    }
    .site-footer .footer-widgets-container .inside-footer-widgets {
      flex-wrap: wrap;
      margin: 0;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
      flex: 0 0 100%;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      gap: 0 24px;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 .widget_media_image {
        flex: 1;
         margin-bottom: 32px;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 .widget_media_image img {
        max-width: 88%;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 aside:not(.widget_media_image) {
        flex: 2;
    }
    .footer-contact-info .phone, .footer-contact-info .email {
        flex: 1;
    }
    .footer-widgets-container .inside-footer-widgets > div {
        gap: 0 48px;
    }
    .footer-widgets-container .inside-footer-widgets > div:not(.footer-widget-1) {
      flex: 1;
    }
    .site-footer .footer-widgets-container .inner-padding {
        padding: 0;
    }
    .inside-page-hero .rank-math-breadcrumb, .inside-page-hero .page-title {
        padding-left: 40px;
        padding-right: 40px;
    }
    .inside-page-hero .page-title {
        font-size: 40px;
    }
    body > .page-hero {
        padding-bottom: 96px;
        margin-bottom: 24px;
    }
    .rank-math-breadcrumb {
        margin-bottom: 40px;
    }
    .submissions-wrap .submissions-list .submission-title {
        flex: 100%;
    }
}
@media (max-width: 835px) {
    #news_slider.slick-slider {
        min-width: 950px;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
      margin-bottom: 40px;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 .widget_media_image {
        flex: 1;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 aside:not(.widget_media_image) {
        flex: 1;
    }
    .footer-widgets-container .inside-footer-widgets > div {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 24px;
    }
    .footer-contact-info{
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .site-header .inside-header {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    section.alignfull > .grid-container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .mobile-menu-open .site-header {
        border-bottom: 1px solid var(--contrast);
    }
    .mobile-menu-open .site-header .inside-header {
        padding-bottom: 24px;
    }
    .site-header .header-widget {
        display: none;
    }
    .mobile-menu-open .site-header .header-widget {
        display: block;
        margin: 0 -24px;
        padding: 0 16px 0;
    }
    .main-navigation.toggled .inside-navigation {
        border-top: 1px solid var(--contrast);
        margin: 24px -24px 0;
        padding: 0 24px;
    }
    .main-navigation.toggled .main-nav {
        padding: 12px 0;
    }
    .mobile-menu-open .main-navigation .main-nav ul li a {
        line-height: normal;
        padding: 6px 0;
        margin: 8px 0;
    }
    .main-navigation.toggled .main-nav ul li a {
        padding-left: 0;
        padding-right: 0;
    }
    .site-header .main-navigation .menu-toggle {
        padding-right: 0;
        line-height: normal;
    }
    .site-header .mobile-menu-control-wrapper svg {
        fill: var(--accent);
        font-size: 28px;
    }
    .inside-page-hero .rank-math-breadcrumb, .inside-page-hero .page-title {
        padding-left: 24px;
        padding-right: 24px;
    }
    .site.container.grid-container {
        padding-left: 24px;
        padding-right: 24px;
    }

}
@media (max-width: 574px) {
    .blog .site-main>.generate-columns-container>.generate-columns {
        flex: 0 1 100%;
    }
    .submissions-wrap .submission-item .submission-region {
        text-align: right;
    }
    .site-header .header-image {
        max-width: 215px;
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
        flex-direction: column;
    }
    .footer-widgets-container .inside-footer-widgets > div {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-widgets-container .inside-footer-widgets .footer-widget-1 .widget_media_image img {
        max-width: 75%;
    }
}