/*
Theme Name: Suzan Johnston Theme
Theme URI: http://www.23digital.com.au/
Author: 23 digital team
Author URI: http://www.23digital.com.au/
Description:Suzan Johnston Theme theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
iframe { max-width: 100%; margin-bottom: 30px !important; }
.iframe_map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
a.blog-title-link, a.enquire-now { text-decoration: none; text-transform: uppercase }
#crumbs a,#crumbs .subtitle { float: left; font-size: 13px; color: #606060; text-decoration: none }
#crumbs a:hover { color: #8d0138 }
a { color: #606060; text-decoration: none }
a:hover { color: #7789b6;       color: #8d0138; }
#crumbs span.delimiter { float: left; font-size: 13px; margin: 0 8px }
#crumbs span.current { color: #8d0138; float: left; font-size: 13px }
a.blog-readmore { background: #720038; color: #fff; float: right; font-size: 14px; font-style: normal; margin: 10px 0 0; padding: 0 10px; text-decoration: none }
a.blog-readmore:hover { background: #066EAA; color: #fff }
.Online-Contact-Form .textfield .course-of-interest input[type=checkbox], .radioBtn .css-checkbox input[type=radio] { height: auto; width: auto }
.Online-Contact-Form .textfield .course-of-interest { display: inline-block; margin-bottom: 10px; width: 96%; margin-top: 5px }
.radioBtn .css-checkbox span.wpcf7-list-item { margin-left: 0 }
.course-of-interest span.wpcf7-list-item { float: left; margin-left: 0; width: 50% }
.page-template-contact-page .course-of-interest span.wpcf7-list-item {  width: 100% }

.interest-error { color: red; float: none; font-size: 12px; margin-bottom: -20px; padding-left: 5px; position: relative }
.q_google_map { height: 450px }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999 }
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(images/status.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px }
.blog-page { width: 70%; float: left }
.page-id-72 .blog-page { width: 100%; float: left }
/*.blog-sidebar { background: #f8f8f8; display: block; margin: 5px 0 0; padding: 30px; width: 23%; float: right; text-align: left }*/
.blog-sidebar h4 { font-weight: 700; font-size: 17px; line-height: 23px; margin-bottom: 0; padding: 10px 0 10px 10px }
.blog-sidebar ul li { margin: 0 0 0 20px }
.blog-sidebar ul li a { text-decoration: none; color: #606060 }
.blog-sidebar ul li a:hover { color: #720038 }
.says, .screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px }
.blog-sidebar .search-field { border: 1px solid #d7d7d7; box-shadow: -4px 1px 3px rgba(0,0,0,.075) inset; font-size: 14px; font-weight: 300; margin-right: 0; padding-left: 3%; padding-right: 3%; padding-top: 2px }
.search-form { position: relative }
.blog-sidebar .search-submit { background: url(images/search-icon.png) no-repeat #fff; box-shadow: -4px 1px 3px rgba(0,0,0,.075) inset; border: none!important; border-radius: 3px; height: 32px; width: 32px; margin-bottom: 0; margin-top: 1px; padding: 2px 5px; position: absolute; top: 0; vertical-align: middle; text-indent: -999999px }
.fBlog ul li span { color: #8e173d; display: block; font-size: 14px; padding-top: 6px }
.cat-links, .tags-links { display: inline-block; width: 100% }
.blog-sidebar .search-field, ::i-block-chrome {
height:35px;
width:100%
}
.blog-sidebar .search-submit, ::i-block-chrome {
right:0
}
#categories-3, #recent-posts-3, .blog-sidebar .search-form { margin: 0 0 20px }
#tag_cloud-2 .tagcloud { margin: 0 0 0 20px }
#tag_cloud-2 .tagcloud a, .post-meta-box a { text-decoration: none; color: #606060; font-size: 13px!important }
#tag_cloud-2 .tagcloud a:hover, .post-meta-box a:hover { text-decoration: none; color: #720038 }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important }
.single-post .post-date { font-size: 15px; font-weight: 700; display: block; margin-bottom: 6px; color: #c02270 }
div.wpcf7-mail-sent-ok, div.wpcf7-response-output { font-size: 16px; width: 65% }
.Online-Contact-Form p.required-fields { margin-bottom: 0 }
div.wpcf7-mail-sent-ok { background: #dff0d8; border: 2px solid #1a8827; border-radius: 5px; clear: both; color: #000; margin-bottom: 0; margin-top: 20px; text-align: center }
.welcomeText h2 { font-size: 24px; margin-bottom: 20px }
.pad-right { padding: 0 20px 20px }
.accordion-section h2 { font-size: 20px; margin: 0; font-family: century_gothicbold }
.accordion-section strong { font-weight: 700 }
.accordion-section p { line-height: 21px; margin-bottom: 10px }
.accordion-section em { font-style: italic }
.accordion-section ul { margin-left: 10px }
.accordion-section ul li { background: url(images/faq-bullet.png) left 6px no-repeat; padding: 0 0 10px 20px }
.accordion-section a.enquire-now { background: #720038; color: #fff; font-size: 14px; font-style: normal; margin: 10px 0 0; padding: 5px 15px; text-decoration: none }
.accordion-section a.enquire-now:hover { background: #066EAA; color: #fff }
.term-finishing-confidence .bContntRight ul li { float: none; width: 100% }
.course-of-interest .wpcf7-list-item .wpcf7-list-item-label, .customer-account input.css-checkbox1[type=checkbox]+label.css-label1 { background-position: 0 -87px; background-repeat: no-repeat; color: #606060; cursor: pointer; display: block; font-size: 14px; line-height: 14px; margin-left: 0; padding-left: 20px; vertical-align: middle; clear: both; margin-top: -16px }
.course-of-interest .wpcf7-list-item .wpcf7-list-item-label, .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { -moz-user-select: none; background-image: url(images/radio-icon.png) }
.course-of-interest .wpcf7-list-item input[type=checkbox] { display: block; float: left; opacity: 0 }
.course-of-interest .wpcf7-list-item input[type=checkbox]:checked+span.wpcf7-list-item-label { background-position: 0 -47px }
.radioBtn input[type=radio]+span.wpcf7-list-item-label { background-position: 0 0; background-repeat: no-repeat; color: #606060; cursor: pointer; display: inline-block; font-size: 14px; height: 13px; line-height: 14px; padding-left: 22px; vertical-align: middle }
.radioBtn input[type=radio] { border: 0; clip: rect(0,0,0,0); height: 1px; left: -1000px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; z-index: -1000 }
.radioBtn input[type=radio]:checked+span.wpcf7-list-item-label { background-position: 0 -13px }
.course-of-interest .wpcf7-list-item { margin-bottom: 10px }
#container { margin: 0 auto; width: 600px }
#container h2 { font-size: 20px; color: #0087f1 }
#wrap { position: relative; padding: 10px; overflow: hidden }
#gradient { width: 100%; height: 35px; background: url(images/bg-gradient.png) repeat-x; position: absolute; bottom: 0; left: 0 }
#read-more { display: table; margin: 15px auto; position: relative; text-align: center; width: 180px }
#read-more a { background: #fff; border: 2px solid #d7d7d7; border-radius: 100px; color: #4ebbc6; display: block; font-family: century_gothicregular; font-size: 26px; font-weight: 400; height: 36px; line-height: 36px; margin: 0 auto; position: relative; text-decoration: none; width: 36px; z-index: 1 }
#read-more a:hover { background: #4ebbc6; border: 2px solid #4ebbc6; color: #fff }
#read-more:after { background: #d7d7d7; content: ""; display: table; height: 2px; left: 0; position: absolute; top: 19px; width: 180px; z-index: 0 }
.page-template-testimonial-page .testimonials .testimonial { width: 93% }
.InnerContent h2 { font-size: 22px; font-family: century_gothicbold }
.InnerContent h4, .enrolment-content .gfta, a.blog-title-link, a.course-title-link, a.enquire-now { font-family: century_gothicbold }
.InnerContent h4 { font-size: 17px; margin-bottom: 5px }
.page a.clickhere, .single-course a.clickhere { color: #c02270; text-decoration: none }
.page a.clickhere:hover, .single-course a.clickhere:hover { color: #7789B6 }
.training-table { width: 100% }
table.training-table td { padding: 4px }
.training-hr { margin-bottom: 35px; height: 2px; color: #123455; background-color: #720038; border: none }
#last-name-error { display: inline!important }
.captchaField span.wpcf7-not-valid-tip { color: red!important }
.blog-page .testimonial { width: 88%; display: block!important }
.archive .testimonials .testimonial p, .category .testimonials .testimonial p, .page-template-blog-page .testimonials .testimonial p, .search-results .testimonials .testimonial p, .tag .testimonials .testimonial p { font-style: normal; font-size: 14px; text-align: left }
a.blog-title-link, .InnerContent .testimonial a.blog-title-link { font-size: 18px; color: #606060; text-decoration: none; display:inline-block; }
a.blog-title-link:hover, .InnerContent .testimonial a.blog-title-link:hover { color: #720038 }
a.course-title-link, .InnerContent a.course-title-link{ text-decoration: none; color: #8d0138; font-size: 22px; margin: 28px 0 11px; text-align: left }
a.course-title-link:hover, .InnerContent a.course-title-link:hover { color: #606060 }
.alignleft { float: left }
.alignright { float: right }
.aligncenter { display: block; margin-left: auto; margin-right: auto }
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0 }
img.alignright { padding: 7px 0 7px 24px }
.wp-caption.alignleft { margin: 7px 14px 7px 0 }
.blog-sidebar li.current-cat a { color: #720038 }
a.enquire-now { background: #8d0138; color: #fff; font-size: 14px; height: 37px; line-height: 37px; padding: 8px 16px; margin: 0 15px }
.enquire-block a.enquire-now:hover, a.enquire-now:hover { background: #333 }
.enquire-block { width: 96%; margin-bottom: 50px; text-align: center; margin-left: auto; margin-right: auto }
.enquire-block span { margin: 0 20px; font-size: 22px }
.enquire-block strong { font-weight: 700 }
.enquire-block .PhNmbr { text-decoration: none; font-weight: 700; margin-left: 9px; color: #606060 }
.enquire-block .PhNmbr:hover { color: #720038 }
.latest-blog strong { text-decoration: none; font-weight: 700 }
.latest-blog strong:hover { text-decoration: underline }
.fb-like-box iframe { width: 280px!important; height: 310px!important }
.enrolment-content .gfta { background: #8d0138; color: #fff; display: table; font-size: 15px; line-height: 20px; margin: 10px auto; padding: 10px 0 0; width: 196px; float: none }

#accordion-2 .enrolment-content .gfta{margin: 0;}

#accordion-2 table{  display: inherit !important ;    height: auto !important;     margin: 0 !important;}
#accordion-2 table tr, #accordion-2 table td { padding: 0px; }
#accordion-2 .enrolment-content{ min-height: inherit; width: 100%;}



a.link-fund { padding: 0!important; display: inline!important; margin: 0!important }
a.link-fund:hover { background: #8d0138!important }
.callnow-content { text-align: center; width: 100% }
.tbl-accordian td { padding: 0 5px }
.enrolment-content { min-height: 160px }
.tbl-common { width: 100%; float: left; padding: 5px; font-weight: 400 }
.tbl-common td { padding: 5px 8px; border: 1px solid #606060 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.blog-sidebar .search-submit { background-position: center center; height: 27px; right: 7.5% }
}
input::-webkit-calendar-picker-indicator {
 display: none;
 -webkit-appearance: none;
}
input[type="date"]::-webkit-input-placeholder {
 visibility: hidden !important;
}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type="date"]:before { content: attr(placeholder) !important; color: #aaa; margin-right: 0.5em; }
 input[type="date"]:focus:before,  input[type="date"]:valid:before {
 content: "";
}
#valid-input-date { color: red; font-size: 12px; }
.fb-Ph1 ul li a.googleplus { padding-left: 59px; background: url('https://www.sjaustralia.com.au/wp-content/themes/suzan-johnston-theme/images/sprite-img.png') no-repeat -240px 0px; width: auto; line-height: 50px; }
.coursetitlemain { position: relative }
.coursetitlemain a { position: absolute; right: 0; top: 0; }
.coursetitlemain a.link-fund { right: 140px; }
.coursetitlemain a.link-fund:hover .gfta { background: #333333 }
.coursetitlemain a.link-fund .gfta { margin: 0 }
.coursetitlemain .enquire-now { margin-right: 0; }
.coursetitlemain h1 { padding-right: 350px; }
.ALeftListmain a.enquire-now { background: #8d0138 none repeat scroll 0 0; color: #ffffff; float: left; font-size: 14px; height: 37px; line-height: 37px; margin: 10px 0 10px 0; padding: 8px 16px; text-align: center; }
.ALeftListmain { float: left; width: 100%; }
.ALeft-List { width: 50%; margin-left: 0px; float: left; margin-right: 0; }
.ALeft-List ul { margin-left: 10px; }
.ALeftListmain img { margin-right: 50px; }
.top-nav li.testimonial-menu a { background-position: left -180px !important; padding: 13px 18px 13px 17px; }
#form50 { width: 24%; }








@media screen and (max-width: 480px) {
.coursetitlemain a { display: none !important; }
#mobile24 { display: block !important; }
#form50 { width: 100%; }
body .GalleryContent .grid{width:100% !important;}
.grid{width:100% !important;}
	
.GalleryContent .grid {
    width: 100% !important;
}
}
@media screen and (max-width: 767px) {
header.sticky1 .fb-Ph ul li a.PhNmbr font, header.sticky1 .fb-Ph ul li a.email-address { top: 17px; }
.coursetitlemain a { display: none !important; }
#mobile24 { display: block !important; margin-bottom: 20px; }
.coursetitlemain h1 { padding-right: 0; }
.testiPagging .wp-pagenavi span.current { border: 2px solid #8d0138; color: #8d0138; height: 21px; line-height: 21px; width: 21px; }
.testiPagging .wp-pagenavi a, .testiPagging .wp-pagenavi span { border: 1px solid #ccc; color: #606060; display: inline-block; /* float: left; */
font-family: "century_gothicbold"; font-size: 15px; height: 21px; line-height: 21px; margin-left: 6px; text-align: center; text-decoration: none; width: 21px; }
}
#mobile24 { display: none; }
 @media screen and (max-width: 800px) {
header.sticky1 .headR { width: 75%; float: right; }
#form50 { width: 100%; }
	 body .accordion table{width:100%}
}
@media (max-width: 480px){
	body .GalleryContent .grid{width:100% !important}	
}
form.searchandfilter li:first-child { display: none; }
form.searchandfilter ul li, form.searchandfilter ul li ul li { background: none; }
.searchandfilter label { display: block; font-size: 16px; }
.searchandfilter input[type="submit"] { background: #8d0138; color: #fff; font-family: 'century_gothicbold'; font-size: 14px; text-decoration: none; padding: 0 20px; height: 40px; line-height: 40px; display: table; text-transform: uppercase; border: none; }
a.tax-filter { padding: 10px 10px; background: #8d0138; color: #fff; }
a.tax-filter:hover, a.tax-filter:active { padding: 10px 10px; background: #777; color: #fff; }
.InnerContent ul li { text-align: left; }

/************************ 09-04-2021 *************************/
.page-id-72 .blog-page .testimonial { background: #f8f8f8; float: left; width: 27%; margin: 0 30px 30px 0; min-height: 520px; }
.page-id-72 .testimonials .testimonial img { float: none; border-bottom: 5px solid #D32270; margin-right: 40px; width: auto; margin: 0 auto; display: table; }
.page-id-72 .blog-sidebar{display:none;}
.page-id-72 .blog-page { width: 100%; float: none; }
.page-id-72 .blog-page .testimonial { background: #f8f8f8; float: left; padding: 20px; width: 28%; margin: 0 10px 20px; min-height: 584px !important; }
.page-id-72 .testimonials .testimonial img { float: none; border-bottom: 5px solid #D32270; margin: 0 auto; display: table; }
.page-id-72 a.blog-readmore { background: #720038; color: #fff; float: none; font-size: 14px; font-style: normal; margin: 30px auto 0; padding: 10px 10px; text-decoration: none; display: table; }
.Fbox .fcontent .viewBlog a{color: #fff !important;}
.blog-sidebar {
    background: #f8f8f8;
    display: block;
    margin: 5px 0 0;
    padding: 30px;
    width: 23%;
    float: right;
    text-align: left;
}

.page-template-contact-page .Online-Contact-Form { width: 100% !important ;}
.page-template-contact-page .Online-Contact-Form .textfield { /* width: 48% !important ;*/  margin-right: 20px !important;}

.page-template-contact-page .Online-Contact-Form .textfield-Fullwidth {    width: 90.5%;}

label#course-of-interest\[\]-error {  display: none !important;}


@media screen and (max-width:1023px) {
.page-template-contact-page .Online-Contact-Form .textfield {  width: 100% !important;    margin-right: 0px !important;margin-left: 0 !important ;}
.page-template-contact-page .Online-Contact-Form { margin: 0 !important }
.page-template-contact-page .Online-Contact-Form .textfield input#submit {    width: auto !important;}



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

.img-set-mob{width: 80%;    float: none; height: auto;float: none;
    padding: 0 !important;
    margin: 0 auto !important;
    display: inherit;}



}



@media screen and (max-width:360px) {
.img-set-mob {
    width: 100%;
    height: auto;
    float: none;
    padding: 0 !important;
    margin: 0 auto !important;
    display: inherit;
}



}

@media screen and (max-width:350px) {
.page-template-contact-page .Online-Contact-Form .textfield {
    width: 93% !important;}

    }

.mainfoot .Fbox .Fline span.font_bold {
    font-weight: 900;
    display: inline-block;
    background: none;
    width: 100%;
    height: auto;
} 





.main p a:hover, .main a:hover{ /* color: #8d0138; font-weight: 600;*/  color: #092c86; font-weight: 400; text-decoration: none; }
.welcomeText ul li a, .InnerContent .testimonial a, .single-post .aboutRight ul li a, .single-post .aboutRight p a, .cat-links a{    color: #8d0138; text-decoration: underline;}
.welcomeText ul li:hover a, .InnerContent .testimonial a:hover, .single-post .aboutRight ul li a:hover, .single-post .aboutRight p a:hover, .cat-links a:hover{    color: #092c86; font-weight: 400; text-decoration: none;}
#tag_cloud-2 .tagcloud a:hover, .post-meta-box a:hover {  color: #092c86 !important ; font-weight: 400; }
.ALeftListmain a.enquire-now:hover{color:#fff;}
.readMore a:hover {   color: #fff;}
.enrolment-content>a:hover, .audit-one>a:hover, .audit-content-three>a:hover, .audit-content>a:hover, .audit-content>a:hover, .audit-content-three>a:hover {  color: #fff;}
.accordion-section-content p span a{  color: #8d0138 !important ;   }
.accordion-section-content p span a:hover{  color: #092c86 !important ;   }
.single-course .accordion-section-content p span a{ text-decoration: underline; }
.single-course .accordion-section-content p span a:hover{ text-decoration: none; }
.InnerContent .testimonial a.blog-readmore:hover {color: #fff;}
.single-course .accordion-section-content p > a{  color: #8d0138 !important ;text-decoration: underline;   }
.single-course .accordion-section-content p > a:hover{  color: #092c86 !important ; text-decoration: none;  }
.single-course .accordion-section-content .audit-one a, .single-course .accordion-section-content .audit-one a:hover{ color: #fff !important ; text-decoration: none !important ; }



.page-id-72 .blog_date span { font-size: 12px !important;}