/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



/* - - - - - - - - - - GLOBAL - START - - - - - - - - - - */

.section-title b {background-color: #008800; opacity: 1; height: 1px}
h2 .section-title-main {font-size: 21px; font-weight: 700}

.m-intro h1 {line-height: 1.25}

@media only screen and (max-width: 1200px) {
	.m-intro h1 {font-size: 42px}
}

@media only screen and (max-width: 767px) {
	.m-intro-wrapper {padding-top: 450px!important}
	.m-intro {width: 85%!important}
	.m-intro h1 {font-size: 36px}
}


/* - header - start - */

html .stuck #logo img {max-height: 50px!important}

@media only screen and (max-width: 767px) {
	html #logo img {max-height: 50px!important}
}

/* - header - end - - */



/* - footer - start - */

#footer {position: relative}

.footer-logo {position: absolute}
#schoolwear-association-logo {top: 63px; left: 40px; max-width: 90px; height: auto}
#living-wage-logo {top: 56px; left: 165px; max-width: 94px; height: auto}
#fsb-logo {top: 43px; right: 155px; max-width: 75px; height: auto}
#eco-uniform-logo {top: 52px; right: 40px; max-width: 75px; height: auto}

#footer .absolute-footer {padding: 35px 0 45px}
#footer .absolute-footer.dark {color: #FFFFFF}
#footer .absolute-footer ul {opacity: 1}
#footer ul.links li a {color: #FFFFFF}

#footer .payment-icons {max-width:250px}
#footer .payment-icons img {border-radius: 6px}

@media only screen and (max-width: 1200px) {
	#footer .absolute-footer {padding: 35px 25% 45px}
	#footer ul.links li {padding: 5px 0}
}

@media only screen and (max-width: 1024px) {
	#schoolwear-association-logo {top: 73px; left: 15px}
	#living-wage-logo {top: 66px; left: 120px}
	#fsb-logo {top: 53px; right: 110px}
	#eco-uniform-logo {top: 62px; right: 15px}
}

@media only screen and (max-width: 767px) {
	#footer .absolute-footer {padding: 35px 0 125px}
	#schoolwear-association-logo {top: auto; left: 15px; bottom: 35px; max-height: 60px; width: auto}
	#living-wage-logo {top: auto; left: 120px; bottom: 35px; max-height: 60px; width: auto}
	#fsb-logo {top: auto; right: 96px; bottom: 35px; max-height: 60px; width: auto}
	#eco-uniform-logo {top: auto; right: 15px; bottom: 35px; max-height: 60px; width: auto}
}

/* - footer - end - - */

/* - - - - - - - - - - GLOBAL - END - - - - - - - - - - - */





/* - - - - - - - - - - SHOP - START - - - - - - - - - - */

html .shop-page-title.featured-title .title-bg {background-image: url(/wp-content/uploads/2022/03/maisies-product-header-new.jpg)!important;}
html .term-plain-items .shop-page-title.featured-title .title-bg,
html .term-plain-items-blazers .shop-page-title.featured-title .title-bg,
html .term-plain-items-girls-trousers-skirts .shop-page-title.featured-title .title-bg {background-image: url(img/school-kit-header.jpg)!important}

html .single_add_to_cart_button.button.alt:not(.is-outline) {background-color: #008800}

.product-footer .nav-line > li > a:before {background-color: #f8a916}

.related-products-wrapper.product-section {padding-bottom: 30px}

/* REMOVE AUTHOR / CATAGORY */
span.byline {display:none;}
.entry-category {display:none;}
footer.entry-meta {border-top:none;}
.entry-meta .cat-links {display:none;}

/* - - - - - - - - - - SHOP - END - - - - - - - - - - - */





/* - - - - - - - - - - HOMEPAGE - START - - - - - - - - - - */

.m-homepage-slide-txt p.alt-font {color: #008800; font-size: 42px; line-height: 1.25; margin: 0}
.m-homepage-slide-txt h1 {font-size: 72px; font-weight: 700; line-height: 1.25; margin: 0}
.m-homepage-slide-txt p.uppercase {font-size: 25px; font-weight: 700; line-height: 1.4; margin: 0 0 20px}

.m-homepage-ctas h3 {font-weight: 700; font-size: 20px; line-height: 1.25; margin-bottom: 8px}
.m-homepage-ctas .button {height: 28px; line-height: 28px}
.m-homepage-ctas .button span {font-size: 12px}

.m-homepage-banner p.uppercase {font-weight: 700; font-size: 16px; margin: 0; line-height: 1.25}
.m-homepage-banner h3 {font-weight: 700; font-size: 28px; margin: 5px 0 7px; line-height: 1.25}
.m-homepage-banner .button {margin-bottom: 0}

.m-homepage-intro h2 {font-size: 32px; line-height: 1.25; font-weight: 700}
.m-homepage-intro h2 span {color: #008800}
.m-homepage-intro p {font-weight: 700; line-height: 1.45}

.m-homepage-featured-products {padding-bottom: 15px}

.m-homepage-signup h3 {line-height: 1.25}
.m-homepage-signup input[type='submit']:not(.is-form),
.m-homepage-signup .dark .form-flat input:not([type=submit]) {background: #80c480!important}

.m-homepage-icons .icon-box {padding-top: 25px}

.m-homepage-gallery.row {padding-top: 30px}
.m-homepage-gallery .box-text {display: none}

@media only screen and (max-width: 767px) {
	.m-homepage-slide-txt p.alt-font {font-size: 24px}
	.m-homepage-slide-txt h1 {font-size: 38px}
	.m-homepage-slide-txt p.uppercase {font-size: 13px}
}

/* - - - - - - - - - - HOMEPAGE - END - - - - - - - - - - - */





/* - - - - - - - - - - ABOUT US - START - - - - - - - - - - */

.m-about-us-one-col {padding-bottom: 45px}
.m-about-us-two-col {padding-top: 30px}
.m-about-us-content .section-title-main {border-color: #008800}
.m-about-us-lead-text p:first-child {font-size: 1.15em; font-weight: 600}

@media only screen and (max-width: 767px) {
	.m-about-us-intro-wrapper {padding-top: 450px!important}
	.m-about-us-intro {width: 85%!important}
}

/* - - - - - - - - - - ABOUT US - END - - - - - - - - - - - */





/* - - - - - - - - - - MEASURING YOUR CHILD - START - - - - - - - - - - */

.m-measuring-content {max-width: 837px; margin: 30px auto 15px}
.m-measuring-content video {max-width: 100%; height: auto}

@media only screen and (max-width: 767px) {
	.m-measuring-intro-wrapper {padding-top: 490px!important}
	.m-measuring-intro {width: 85%!important}
}

/* - - - - - - - - - - MEASURING YOUR CHILD - END - - - - - - - - - - - */





/* - - - - - - - - - - HELP ZONE - START - - - - - - - - - - */

.m-help-zone-content {padding: 30px 0}
.m-help-zone-content .box-text {pointer-events: none}

@media only screen and (max-width: 767px) {
	.m-help-zone-content h2 {font-size: 18px}
}

@media only screen and (max-width: 549px) {
	.m-help-zone-content .col {padding-bottom: 20px}
	.m-help-zone-content .box-image img {height: 100px}
}

/* - - - - - - - - - - HELP ZONE - END - - - - - - - - - - - */





/* - - - - - - - - - - CONTACT - START - - - - - - - - - - */

.m-contact-content {padding-top: 45px}
.m-contact-heading h2 .section-title-main {font-size: 19px}
.m-contact-heading .section-title-main {border-color: #f8a916}

.m-contact-faq-txt,
.m-contact-txt {font-size: 18px}
.m-contact-faq .toggle {color: #008800}
.m-contact-faq .accordion-item:first-child .accordion-title {border: none}
.m-contact-txt p a {font-weight: 700}

.m-contact-details-form input[type='submit']:not(.is-form) {background-color: #f8a916}

/* - - - - - - - - - - CONTACT - END - - - - - - - - - - - */





/* - - - - - - - - - - TERMS - START - - - - - - - - - - */

.m-terms-page .section-title-main {border-color: #008800}
.m-terms-page {padding: 60px 0 30px}
.m-terms-page h2 {margin: 30px 0 10px}

@media only screen and (max-width: 767px) {
	.m-terms-page {padding: 35px 0 0}
}

/* - - - - - - - - - - TERMS - END - - - - - - - - - - - */


