/*
 Theme Name:   OpenForAllAU Child Of TwentyTwentyOne
 Theme URI:    https://www.openforall.com.au/
 Description:  TwentyTwentyOne Child Theme
 Author:       OFA
 Author URI:   https://www.openforall.com.au
 Template:     twentytwentyone
 Version:      1.1.41
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  twentytwentyonechild
*/
@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 710px) !important;
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}

/* Mianne - added this, but may not be ideal place to add the padding? */
#page {
    padding: 0 20px;
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
    line-height: 1.3;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.x-hide { display: none}
body.logged-out .x-hide__loggedout {
    display: none !important;
}
body.logged-in .x-hide__loggedin {
    display: none !important;
}

/* the header/title of the edit my listing page */
body.my-listings header.entry-header {
    display: none;
}
.x-status {
    display: none !important;
}
body.my-listings .x-status {
    display: block !important;
}

body.single-directory_listing .gv-field-1-edit_link {
    display: none;
}

.openforall.singular .entry-header {
	border-bottom: 3px solid #333;
}
.openforall .breadcrumbs {
    padding: 10px 0;
}
.openforall .breadcrumbs .bc-last {
	font-weight: lighter;
}


.openforall .site-header,
.openforall .alignwide {
    max-width: none;
}
.openforall .site-header {
	padding: 10px 0 0;
}

.openforall .site-title-container {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 30px;
}
.openforall .site-name {
	display: grid;
	grid-template-columns: 1fr;
	align-content: center;
	min-width: 60%;
}

input:read-only {
    background: #fafafa;
    color: #999;
}

.openforall .site-name .site-title {
	font-family: 'Roboto', Arial, sans-serif !important;
    font-style: normal;
	/*font-size: 3.5em;*/
    font-size: clamp(2.8rem, 5.2vw, 4.5rem) !important;
	font-weight: 700;
}
.openforall .site-name .site-title a {
	font-weight: 700 !important;	
	text-decoration: none;
}
.openforall .site-logo .custom-logo {
	max-width: 180px;
	max-height: 180px;
}

.openforall #credit {
	display: none;
	padding: 20px;
}
.openforall #credit svg {
	fill: #c33;
}
.openforall #search-location {

}
.openforall #search-location.error {
	border-color: #ff0000;
	background-color: #ffdddd;
}

.openforall .x-list {
	margin-top: 2em; 
	padding: 20px 10px;
}
.openforall .x-list .x-selected {
	font-weight: bold;
}
.openforall .x-list--biztypes { 
	background-color: #eeeeee;
}
.OFFopenforall .x-list--biztypes.x-col--70 { 
    float: left;
    width: 70%;
}
.openforall .x-list--postcodes { 
	background-color: #cccccc;
}
.OFFopenforall .x-list--postcodes.x-col--30 { 
    float: left;
    width: 30%;
}
.openforall .x-list--suburbs { 
	background-color: #d4ffec;
}
.openforall .x-list--suburbs h4, .openforall .x-list--suburbs-near h4 { 
	padding: 20px;
}
.openforall .x-list--suburbs h5, .openforall .x-list--suburbs-near h5 {
	padding: 10px 0;
} 
.openforall .x-list--suburbs h5.selected, .openforall .x-list--suburbs-near h5.selected {
	background-color: #eeeeee;
	margin: 2px -10px 4px;
	padding: 10px;
} 
.openforall .x-list--suburbs-near { 
	background-color: #ffd4ec;
}
.x-img-pad {
	margin-bottom: 20px;
}

.x-row:after,
.x-row-mb:after {
  content: "";
  display: table;
  clear: both;
}

.openforall .pc-more, .openforall .pc-less {
	cursor: pointer;
}

.openforall .mo_bizcta {
	background-color: #000000;
	color: #ffffff;
}

.openforall .button.x-sub {
	padding: 15px 23px 20px;
	background: #2ed918 !important;
	color: #fff;
	cursor: pointer;	
	display: inline-block; /* added by Mianne */
}
.openforall .button.x-sub:hover {
	color: #2ed918 !important;
	background: #fff !important;
}
.Xopenforall .icon-plus {
	display: none !important;
}
.Xopenforall .icon-minus {
	display: none !important;
}

.mo_website-badge {
    background: #000 !important;
    padding: 20px;
    color: #fff;
    text-align: center;
}
.openforall.post-type-archive .entry-content, .openforall.tax-business_state .entry-content, 
.openforall.single-suburb_cpt .entry-content, .openforall.single-directory_listing .entry-content

 {
    width: 100%; /* mb added */
	max-width: 1230px; /* mb changed to max-width (from 'width') */
}
.openforall.post-type-archive .entry-content > div, .openforall.tax-business_state .entry-content > div,
.openforall.single-suburb_cpt .entry-content > div {
	/*width: 1030px;*/
    width: 100%;
	max-width: 1200px !important;
}
.openforall.post-type-archive .page-header, .openforall.tax-business_state .page-header,
.openforall.single-suburb_cpt .page-header {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.openforall .x-listing {
    padding: 10px 20px;
    margin: 20px 10px;
}
.openforall .x-listing.odd {
	background-color: #fcfcfc;
}

.site-footer .site-footer-middle {
margin: 0 auto;
}
.openforall .footer-navigation-wrapper .svg-icon {
	height: 76px;
	width: 76px;
}
.facebook-color .svg-icon {
	fill: #3b5998 !important;
}
.twitter-color .svg-icon {
	fill: #00ACEE !important;
}
.telegram-color .svg-icon {
	fill: #0088cc !important;
}

.openforall #field_1_21 {
	font-size: 15px;
}
.openforall #field_1_21 > * {
	margin-bottom: 12px;
}

.footer-legal-navigation {
    margin-bottom: 20px;
}
nav.footer-legal-navigation UL {
    list-style-type: none;
}
nav.footer-legal-navigation .leg-indent {
	margin-left: 12px;
}

/* ### QUICK LINKS HEADER ### */
.openforall .x-quick-links {
    display: grid;
    grid-template-columns: 100%;
    justify-items: center;
    gap: 20px;
}
.openforall .x-quick-links h3 {
    text-align: center;
}
.openforall ul.x-states {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    width: 80%;
}
.openforall .x-state-item {
    display: inline-block;
    background: #000;
    border: 2px solid #fff;
}
.openforall .x-state-item a {
    color: #fff;
    display: block;
    padding: 1px 12px;
    text-align: center;
}


		/* ### BACK CTA UPDATE 2 ### */
		.mo_bizcta .x-row-m {
		    display: grid;
		    grid-template-columns: 2fr 3fr;
		    gap: 30px;
		    border-top: 30px solid #fff;
		    padding: 10px 15px;
		    text-align: center;
		}

    /* ### SEARCH BAR ### */
    .openforall .mo_search {
        padding-bottom: 10px;
    }
    .s-row-mb {
        display: grid;
        grid-template-columns: 41% 41% 15%;
        grid-gap: 10px;
        max-width: 960px;
    }
    .s-loc .s-input {
        border: 3px solid #000;
        line-height: 34px;
        width: 100%;
        height: 60px;
    }
    .s-submit {
        display: grid;
        grid-template-columns: 1fr;
        align-items: end;
    }
    .s-type SELECT,
    .x-listing-biztype SELECT {
        max-width: 100%;
    }

    /* ### STATE LISTINGS GRID ### */
    .openforall .x-header-row {
        background: #d4ffec;
        padding: 10px 20px;
        display: grid;
        grid-template-columns: 3fr 2fr;
        gap: 15px;
        align-items: center;
        margin-bottom: 10px;
    }
    .openforall .x-header-row h2 {
        font-size: clamp(2rem, 3.2vw, 3.2rem);
    }
    .openforall .x-listing-biztype {
        text-align: right;
    }
    .openforall .x-listings {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 50px 0;
    }
    .openforall .x-listing,
    .openforall .x-listing.odd,
    .openforall .x-listing.even {
        margin: 0 auto 20px;
        width: 30%;
        text-align: center;
    }
    .openforall .x-listing h3 {
        padding: 15px 0;
    }
    .openforall .x-listing {
        margin: 0 0 20px;
        width: 30%;
        text-align: center;
        border: 1px solid #fff;
        transition: .3s;
    }
    .openforall .x-listing:hover {
        border: 1px solid #000;
    }
    .openforall .x-listing h3,
    .openforall .x-listing pre,
    .openforall .x-listing p {
        line-height: 1.3;
    }
    .openforall .x-listing pre {
        padding-bottom: 10px;
    }
    .openforall .x-listing p {
        padding: 15px 0;
    }

    /* ### FOOTER ### */
    .site-footer > .site-info {
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        gap: 30px;
        align-items: stretch;
        grid-template-areas: "footer1 footer2 footer3";
    }
    .openforall .site-footer-logo {
        grid-area: footer1;
    }
    .openforall .site-footer-middle {
        grid-area: footer2;
    }
    .site-footer .site-footer-legals {
        display: grid;
        grid-template-columns: 1fr;
        align-content: center;
        grid-area: footer3;
    }
    .site-footer .site-footer-legals ul {
        padding: 0 !important;
    }
    .site-footer > .site-info .powered-by {
        margin-top: initial;
        /* margin-left: auto; */
        /*display: grid;*/
        display: none !important;
        justify-content: end;
        align-content: end;
        grid-template-columns: 1fr;
    }



        /* ### BUSINESS TYPES LISTING ### */
        /* For displaying the Business Types (the UL list at the bottom of pages) in a 'black button' type list .. as per the Quick Links of states on the home page */
        .openforall .x-list--biztypes h3 {
            margin-bottom: 20px;
        }
        .openforall .x-list--biztypes ul {
            display: flex;
            flex-flow: row wrap;
            padding: 0;
            list-style-type: none;
        }
        .openforall .x-list--biztypes ul li {
            display: inline-block;
            background: #000;
            border: 2px solid #eee;
        }
        .openforall .x-list--biztypes ul li a {
            color: #fff;
            display: block;
            padding: 2px 12px;
            text-align: center;
            text-decoration: none;
            font-size: 16px;
        }
/* ##### END CUSTOM CSS BY MIANNE ##### */


/* file upload field in biz form */
#input_1_24 {
	padding: 20px 10px;
    background: #fcfcfc;
    border: 1px dotted #000;
}

.x-listing-pagination {
	text-align: center;
}


/*********** DIRECTORY_LISTINGS *********/
/*.listing-content.entry-content {}
.x-listing-org {}
.x-listing-message {}
.x-listing-message .gv-map-canvas {
	width: 540px;
}*/


/*.openforall.single-directory_listing h1.page-title {*/
h1.page-title {
    font-size: clamp(2.5rem, 3.8vw, 3.8rem);
    margin-bottom: 10px;
}
.openforall.single-directory_listing .gv-container img {
    max-width: 200px;
}
.openforall .x-listing-org {
    width: 100%;
    max-width: 100% !important;
    display: grid;
    grid-template-areas: "biz-title biz-title biz-title" "biz-details biz-content biz-map";
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-content: start;
    padding-bottom: 30px;
}
.openforall .x-listing-org .listing-title {
    grid-area: biz-title;
    width: 100%;
}
.openforall .x-listing-org .x-bus-details {
    grid-area: biz-details;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    width: 100%;
}
.openforall .x-listing-org .x-listing-content {
    grid-area: biz-content;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    width: 100%;
    align-content: start;
    gap: 30px 0;
    padding: 10px;
    background: #d4ffec;
}
.openforall .x-listing-map {
    grid-area: biz-map;
    text-align: center;
    width: 100%;
}
.openforall .x-listing-map .gv-map-canvas {
    height: 450px;
}
.openforall .x-listing-org .x-logo {
    margin-bottom: 20px;
}
.openforall .x-listing-map .gv-field-1-entry_map {
    max-width: 600px;
    margin: 0 auto;
}




@media only screen and (max-width: 715px) {
	.mo_bizcta .x-row {
	  flex-direction: column;
	}
}


@media only screen and (max-width: 464px) and (min-width: 359px) {
	.openforall .site-logo .custom-logo {
		max-width: 230px;
		max-height: 230px;
	}
	.openforall .site-name {
		padding-left: 0;
	}
	.openforall .site-name .site-title {
		font-size: 2.7em;
	}
	div.primary-menu-container {
		margin: 0 auto;
	}
	div.mo_bizcta div.x-row {
		position: relative;
	}

    /* ### COMMENTED OUT BY MIANNE - SEP 2021 ### */
	div.promo-header {
        padding: 17px !important;
	}
	/*   END COMMENTING   */
}

/** small - sm guard **/

@media only screen and (max-width: 481px) {
    .site-header.has-logo.has-title-and-tagline .site-branding,
    body .site-header.has-logo.has-title-and-tagline .site-branding-mbedit {
		/*margin-right: 80px !important;*/
        margin: 0 auto !important;
	}
}

/* ### ADDED BY MIANNE - SEP 2021 ### */
    @media only screen and (max-width: 981px) {
        .site-footer > .site-info {
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "footer1 footer3" "footer2 footer2";
        }
        .s-row-mb {
            grid-template-columns: 100%;
        }
        .s-loc, .s-submit {
            max-width: 500px;
        }

        /* ### QUICK LINKS HEADER ### */
        .openforall ul.x-states {
            width: 100%;
        }

        /* ### SINGLE LISTING PAGE ### */
        .openforall.single-directory_listing .gv-container {
            grid-template-columns: 1fr;
        }


        .openforall .x-listing-org {
            width: 100%;
            max-width: 100% !important;
            grid-template-areas: "biz-title biz-title" "biz-details biz-content" "biz-map biz-map";
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            padding-bottom: 30px;
        }
        .openforall .x-listing-org .x-bus-details,
        .openforall .x-listing-org .x-listing-content {
            margin-bottom: 20px;
        }
    }
    @media only screen and (max-width: 890px) {
        .openforall .site-title-container {
            grid-template-columns: 1fr;
        }

        /* ### STATE LISTINGS GRID ### */
        .openforall .x-header-row {
            grid-template-columns: 100%;
        }
        .openforall .x-listing-biztype {
            text-align: left;
        }
        .openforall .x-listing,
        .openforall .x-listing.odd,
        .openforall .x-listing.even {
            width: 46%;
        }
        .openforall .x-listing {
            padding: 10px;
        }
    }
    @media only screen and (max-width: 769px) {
        .mo_bizcta .x-row-m {
            grid-template-columns: 1fr;
        }
        .openforall .site-title-container {
            width: 100%;
        }
        .openforall .site-logo {
            text-align: center;
        }
        .site-footer .site-footer-legals ul {
            text-align: center;
        }

        /* ### QUICK LINKS HEADER ### */
        .openforall ul.x-states {
            grid-template-columns: repeat(4, 1fr);
        }

        /* ### SINGLE LISTING PAGE ### */
        .x-listing-org {
            grid-template-areas: "biz-title" "biz-details" "biz-content";
            grid-template-columns: 1fr;
            justify-items: center;
        }
        .x-listing-org .listing-title,
        .x-listing-org .x-bus-details,
        .x-listing-org .x-listing-content {
            max-width: 600px;
        }
        .x-listing-org .listing-title {
            text-align: center;
        }
        .x-listing-org .x-logo {
            display: grid;
            justify-content: center;
            margin-bottom: 40px;
        }
    }
    @media only screen and (max-width: 580px) {
        .openforall .site-name .site-title {
            font-size: 3em;
        }
        .site-footer > .site-info {
            grid-template-columns: 1fr;
            grid-template-areas: "footer1" "footer2" "footer3";
        }

        /* ### STATE LISTINGS GRID ### */
        .openforall .x-listing,
        .openforall .x-listing.odd,
        .openforall .x-listing.even {
            width: 90%;
        }

        .openforall .x-listing-org {
            width: 100%;
            max-width: 100% !important;
            grid-template-areas: "biz-title" "biz-details" "biz-content" "biz-map";
            grid-template-columns: 1fr;
        }
        .openforall .x-listing-address {
            text-align: center;
        }
    }
    @media only screen and (max-width: 482px) {
        /* ### QUICK LINKS HEADER ### */
        .openforall ul.x-states {
            grid-template-columns: repeat(2, 1fr);
        }
    }
/* ... END MIANNE ... */

@media only screen and (max-width: 980px) and (min-width: 482px) {
	div.promo-header {
		text-align: center !important;
	}
}

@media only screen and (max-width: 1354px) and (min-width: 981px) {
	div.promo-header {
		text-align: center !important;
	}
}