/* LICENSE & DETAILS
   ==================================================

	Theme Name: FULLER Child Theme
	Theme URI: http://fuller.com.au
	Description: An Incredible Responsive FULLER WordPress Theme
	Template: joyn
	Version: 1.0
	Author: Ciaran Whelan
	Author URI: http://fuller.com.au

   ==================================================
*/

/* --------------------------------------------
	JOYN CSS IMPORT
-------------------------------------------- */

@import url("../joyn/style.css");


/* --------------------------------------------
	INTRO PAGE / SWIFT SLIDER
-------------------------------------------- */

.swiper-slide .caption-content div.caption-excerpt p { /*font-family: 'Merriweather', serif; font-size: 90px !important; line-height: 1; letter-spacing: 5px; font-weight: 500; */ }
.swiper-slide .caption-content div.caption-excerpt p { font-family: 'Raleway', sans-serif !important; font-size: 46px !important; color: #803d97 !important; line-height: 1.1 !important; font-weight: 500; letter-spacing: 4px; }
.swift-scroll-indicator { display: none !important; }

/* --------------------------------------------
	HEADER / NAVIGATION
-------------------------------------------- */

.full-center #header-section #header { padding: 0 190px; }
.page-header-naked-light .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a { color: #fff; }

/* --------------------------------------------
	HEADINGS
-------------------------------------------- */

h1 { margin-bottom: 34px; color: #803d97 !important; letter-spacing: 1px; }
h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 30px; }
#footer h6 { letter-spacing: 1.4px; }
h2, h2 a { color: #803D97 !important; }


/* --------------------------------------------
	PAGE INTRO
-------------------------------------------- */

.intro-block { padding: 0 240px; }

/* --------------------------------------------
	SLIDER
-------------------------------------------- */

.swift-slider .swift-slider-continue { opacity: 0.85; }

/* --------------------------------------------
	TESTIMONIAL SLIDER
-------------------------------------------- */


/* --------------------------------------------
	BUTTON STYLES
-------------------------------------------- */

a.sf-button { font-size: 14px; }
.white.hr-l.col-natural a.sf-button.bordered.black { margin-top: 30px !important; margin-bottom: 0 !important; min-width: 210px; text-align: center; }
a.sf-button.bordered.grey { margin-bottom: 0 !important; min-width: 210px; text-align: center; }
a.sf-button.bordered.black, a.sf-button.bordered.grey { color: #803d97; width: 100%; max-width: 216px; text-align: center; }
a.sf-button.black { border-color: #803d97 !important; }
a.sf-button.black .sf-button-border, a.sf-button.bordered.grey { border-color: #803d97 !important; color: #803d97 !important; }
a.sf-button.grey .sf-button-border { border-color: #803d97 !important; color: #803d97 !important; }
a.sf-button.bordered:hover { background-color: #803d97 !important; border-color: #803d97 !important; color: #fff !important; }
a.sf-button.bordered:before, a.sf-button.bordered:after { border-color: #803d97 !important; }

/* --------------------------------------------
	VARIOUS STYLES
-------------------------------------------- */

i.ss-heart.sf-icon.sf-icon-float-none.sf-icon-small.pink { color: #803D97 !important; }

/* --------------------------------------------
	FOOTER
-------------------------------------------- */

#footer p { letter-spacing: 1.4px; line-height: 1.7; }
#footer .contact-section { display: block; width: 100%; float: left; margin-bottom: 16px; margin-top: 10px; }
.footer-icons { text-align: center; display: inline-block; }
#footer .sf-icon { font-size: 15px; line-height: 15px; }
.contact-section.contact-social { margin-top: 19px; }
.contact-section.contact-social .sf-icon { font-size: 18px !important; line-height: 18px !important; width: 30px; height: 30px; border: 1px solid #D0D0D0; padding: 6px 0 0 6px; margin-right: 5px; }
.contact-section.contact-social i.fa-facebook.sf-icon.sf-icon-float-left.sf-icon-small { padding-left: 3px; }
.contact-section.contact-social i.fa-twitter.sf-icon.sf-icon-float-left.sf-icon-small:hover { border: 1px solid #00aced; background: #00aced; }
.contact-section.contact-social i.fa-facebook.sf-icon.sf-icon-float-left.sf-icon-small:hover { border: 1px solid #3b5998; background: #3b5998; }
.contact-section.contact-social i.fa-linkedin.sf-icon.sf-icon-float-left.sf-icon-small:hover { border: 1px solid #0077b5; background: #0077b5; }
.support-living span { line-height: 1.4; }

/* --------------------------------------------
	THEMED LOGIN
-------------------------------------------- */

.login { padding: 30px; max-width: 450px; margin: 0 auto; border: 1px solid #dedede; border-radius: 4px; background: #FDFDFD; }
.login p { margin-bottom: 0; }
.login p.message { padding: 16px; border: 1px solid #ABD89E; background-color: #CFF9C3; color: #648E58; margin-bottom: 20px; }
.login .input, .login .input { border: 1px solid #e4e4e4; background: transparent; font-size: 27px !important; padding: 24px 12px; }
.login .tml-action-links { padding: 4px 12px; border: 1px solid #e4e4e4; max-width: 112px; margin: 0 auto; text-align: center; }
.profile .button-primary, .login #wp-submit { width: 100%; color: #fff !important; font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 20px; margin-top: 20px; background: #e52858; /* --Primary Background Color-- */ }
.profile h3 { font-weight: 900; color: e52858;  }

/* --------------------------------------------
	MEDIA QUERIES
-------------------------------------------- */

@media screen and (max-width:1300px) {
	.full-center #header-section #header { padding: 0 90px; }
	.swiper-slide .caption-content div.caption-excerpt p { font-size: 60px !important; }
}
@media screen and (min-width:768px) and (max-width:1020px) { }
@media screen and (max-width:1199px) {
	.intro-block { padding: 0 60px; }
	#mobile-top-text, #mobile-header { background-color: #142846; border-bottom-color: transparent !important; }
	#mobile-header a.mobile-menu-link span.menu-bars, #mobile-header a.mobile-menu-link span.menu-bars:before, #mobile-header a.mobile-menu-link span.menu-bars:after { background-color: #FFFFFF !important; }
	#mobile-header a.mobile-menu-link span.menu-bars { background-color: #FFFFFF !important; }
}
@media screen and (max-width:767px) {
	.intro-block { padding: 0 40px; }
	.swiper-slide .caption-content div.caption-excerpt p { font-size: 40px !important; }
	.brand-description h2 { display: none; }
	.brand-description p { text-align: center !important; margin-top: 40px; }
	.brand-description a.sf-button.black { margin-top: 20px; }
	.swift-slider .swift-slider-continue { bottom: 36px; }
}
@media screen and (max-width:480px) {
	.intro-block { padding: 0 10px; }
	.swiper-slide .caption-content div.caption-excerpt p { font-size: 32px !important; }
}