/* Custom CSS */ @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); .stc-start-workflow { text-align: left; } .stc-start-workflow h2 { margin-bottom: 30px; } .stc-start-workflow .stformfooter { text-align: center; } .stc-start-workflow .stformsubmit { color: #000; padding: 12px 35px !important; border: 2px solid #d8dc40; border-radius: 0px; background-color: #d8dc40; text-transform: uppercase; border-radius: 4px; font-weight: 700; margin-top: 20px; transition: all 0.30s ease; display: inline-block; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.6; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body { margin: 0; padding: 0; padding-top: 0 !important; color: #000; font-family: 'PT Sans', sans-serif; font-size: 16px; } h1, h2 { font-family: 'Amatic SC', cursive; margin-top: 10px; } p { font-family: 'PT Sans', sans-serif; } a { color: #a748a4; } a:hover, a:focus, a:active { color: #a748a4; text-decoration: underline; } hr { border-top: 1px solid #dcdcdc; } .img-responsive { border-radius: 8px; } input[type=text], input[type=email], select, textarea { font-size: 16px !important; color: #000 !important; height: auto; font-weight: 500; padding: 10px 15px !important; border-radius: 5px !important; background-color: #fff; border: 2px solid #a748a4 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } section { padding-top: 60px; padding-bottom: 60px; } .section-20 { padding-top: 20px; padding-bottom: 20px; } .section-40 { padding-top: 40px; padding-bottom: 40px; } .section-60 { padding-top: 60px; padding-bottom: 60px; } .section-80 { padding-top: 80px; padding-bottom: 80px; } .mtop-1 { margin-top: 10px; } .mtop-2 { margin-top: 20px; } .mtop-3 { margin-top: 30px; } .mtop-4 { margin-top: 40px; } .mtop-5 { margin-top: 50px; } .mbot-1 { margin-bottom: 10px; } .mbot-2 { margin-bottom: 20px; } .mbot-3 { margin-bottom: 30px; } .mbot-4 { margin-bottom: 40px; } .no-padd-bot { padding-bottom: 0px; } .no-padd-top { padding-top: 0px; } .padd-top-20 { padding-top: 20px; } .padd-top-40 { padding-top: 40px; } .padd-bot-20 { padding-bottom: 20px; } .padd-bot-40 { padding-bottom: 40px; } .no-padd { padding-top: 0px; padding-bottom: 0px; } .bot-padd-20 { padding-bottom: 20px; } .bg-gray-light { background-color: #ecf1f5; } .btn-primary, .btn-default { color: #000; padding: 12px 30px; border: 2px solid #d8dc40; border-radius: 0px; background-color: #d8dc40; text-transform: uppercase; border-radius: 4px; font-weight: 700; margin-top: 20px; transition: all 0.30s ease; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-default:hover, .btn-default:focus, .btn-default:active { color: #000 !important; border: 2px solid #d8dc40 !important; background-color: #fff !important; } .btn-secondary { color: #fff; padding: 12px 30px; border: 2px solid #a748a4; border-radius: 0px; background-color: #a748a4; text-transform: uppercase; border-radius: 4px; font-weight: 700; margin-top: 20px; transition: all 0.30s ease; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { color: #000 !important; border: 2px solid #a748a4; background-color: #fff !important; } .hidden-element { opacity: 0; margin-top: -10px; } .top-nav { padding-top: 10px; padding-bottom: 10px; background-color: #d8dc40; } .top-nav p { margin: 0; } .top-nav a.top-social { display: inline-block; color: #fff; padding-top: 2px; height: 28px; width: 28px; text-align: center; background-color: #a748a4; border-radius: 50px; } .top-nav a.top-social:hover, .top-nav a.top-social:focus, .top-nav a.top-social:active { color: #a748a4; background-color: #fff; } .top-nav a.top-social .fa { font-size: 15px; } .top-nav .container .row div:nth-child(1) a, .top-nav .container .row div:nth-child(2) a { color: #000; } .top-nav .container .row div:nth-child(1) .fa, .top-nav .container .row div:nth-child(2) .fa { color: #a748a4; } .nav-body { padding-top: 100px !important; } .mleft-2 { margin-left: 20px; } .navbar { min-height: 100px; margin-bottom: 0px; border: none; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } #stc-navbar > ul { float: right !important; margin-right: -15px; margin-top: 25px; } .navbar-brand { margin-top: -3px; } .navbar-brand>img { width: 200px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #000; font-weight: 700; background-color: #d8dc40; border-radius: 5px; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #000; background-color: #d8dc40; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color: #000; font-weight: 700; background-color: transparent; border-radius: 5px; margin-left: 5px; } .nav-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 999; border-radius: 0; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } .main-banner { color: #fff; padding-top: 60px; padding-bottom: 60px; background-color: #a748a4; background-image: url(../lfm/acorn/photos/shares/banners-11/main-banner-bg.png); } .main-banner img { border-radius: 5px; border: 3px solid #fff; } .slick-dots li.slick-active button:before { color: #d8dc40 !important; opacity: .95 !important; } .slick-dots li button:before { color: #fff !important; font-size: 16px !important; opacity: 0.4 !important; } .slick-dots { bottom: -40px !important; } .slider .slick-next:before, .slider .slick-prev:before { color: #fff; } .main-banner h1, .main-banner h2, .main-banner h3, .main-banner p { color: #fff; } .header-bg { color: #fff; padding-top: 40px; padding-bottom: 40px; background-color: #a748a4; background-size: cover; background-image: url(../lfm/acorn/photos/shares/banners-11/main-banner-bg.png); } .header-bg h1 { color: #fff; margin-top: 0px; } .gallery .container-fluid .row .col-sm-3 { padding-right: 0px; padding-left: 0px; } .gallery p { margin: 0; } .gallery .img-responsive { border-radius: 0; } .get-in-touch { text-align: center; background-color: #d8dc40; } .get-in-touch h2, .get-in-touch p { text-align: center; } .testimonials { padding-top: 60px; padding-bottom: 60px; background-color: #2fc66f; background-size: cover; background-image: url(../lfm/acorn/photos/shares/banners-11/testimonials-main-bg.png); } .testimonials .slick-slide, .testimonials .slick-slide p { text-align: center; } .testimonials .slick-slide { padding: 20px 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; min-height: 270px; } .testimonials .stc-slider-header, .stc-slider-header { font-family: 'Amatic SC', cursive; margin-bottom: 20px; font-size: 45px; text-align: center; } .testimonials .slick-slide .fa { color: #d8dc40; } .gmaps iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 400px; } .gmaps .container-fluid .row > div.col-sm-12 { padding-right: 0px; padding-left: 0px; } footer { color: #000; background-color: #fff; } footer ul li { color: #000; } .footer1 h2, .footer1 h3, .footer1 h4 { color: #000; font-weight: 700; margin: 0px 0px 15px 0px; text-transform: uppercase; } footer .footer1 p, footer .footer1 h2 { color: #000; padding: 0; } footer .footer2 p, footer .footer2 h2 { color: #fff; padding: 0; } .footer1 a { color: #a748a4; } .footer1 a:hover, .footer1 a:focus, .footer1 a:active { color: #000; } .footer2 a { color: #d8dc40; } .footer2 a:hover, .footer2 a:focus, .footer2 a:active { color: #fff; } .footer1 { color: #000; padding-top: 50px; padding-bottom: 50px; background-color: #fff; } .footer1 img { margin-bottom: 15px; } .footer1 label { color: #000; } .footer2 { color: #fff; text-align: center; padding-top: 20px; padding-bottom: 20px; background-color: #703a6e; } .footer2 p { text-align: center; margin: 0; } .social { margin-left: 10px; } .children-emotions, .find-you-way { background-color: #eee; background-size: cover; background-position: center center; } .children-emotions { background-image: url(../lfm/acorn/photos/shares/banners-11/children-emotions.jpg); } .find-your-way { background-image: url(../lfm/acorn/photos/shares/banners-11/finding-your-way-banner.jpg); background-position: 40%; } .programme-box { width: 100%; height: 300px; padding: 20px 20px; text-align: center; background-color: #d8dc40; } .school-programmes h2 { text-align: center; font-size: 30px; width: 100%; } .get-in-touch { text-align: center; } .get-in-touch h2, .get-in-touch h3 { font-size: 20px font-weight: 700 !important; text-align: center; color: #000; } .icon-box { display: inline-block; width: 130px; height: 130px; border-radius: 100%; padding-top: 20px; border: 5px solid #8a4388; background-color: #fff; } .blog-tbl { width: 100%; margin-bottom: 15px; } .blog-tbl a { color: #000; font-weight: 600; } .date i.fa { color: #b7ce02; } .blog-img { float: left; width: 20%; margin-right: 15px; } .blog-desc { float: left; width: 75%; } .blog-desc p { font-size: 14px; color: #77777d; } .blog-desc p i { color: #b7ce02; } .blog-desc h5 { font-size: 16px; font-weight: 400; } .blog-posts h2, .blog-posts .news-details { margin-bottom: 5px; } .news-details i.fa { color: #b7ce02; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #a748a4; border-color: #a748a4; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #000; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #a748a4; border-color: #a748a4; } .pagination>li>a, .pagination>li>span { padding: 10px 20px; } .news .recent img { border-radius: 10px 0; } .blog-post .banner { margin-top: 20px; margin-bottom: 20px; } .news .social .fa, .contact-us .fa { color: #a748a4 !important; } .news .social .fa:hover, .contact-us a .fa:hover { color: #000000!important; } .nav-tabs.nav-stacked { margin-left: 0; } .nav-tabs { border-bottom: 0 solid transparent; } .nav-tabs>li>a { color: #000; font-weight: 400; border-radius: 5px; border: 2px solid #a748a4; margin-bottom: 8px; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:active { color: #fff; background-color: #a748a4; border: 2px solid #a748a4; } .social-share p { text-align: right; } .books-img img { -webkit-box-shadow: 0px 0px 32px -8px rgba(77,77,77,.60); -moz-box-shadow: 0px 0px 32px -9px rgba(77,77,77,.60); box-shadow: 0px 0px 32px -9px rgba(77,77,77,.60) } .testimonials2 .fa { color: #a748a4; } .pp-table td { padding: 10px; } .mtop-2 { margin-top: 20px; } .key-box { padding: 20px 30px; margin-left: 10px; margin-right: 10px; margin-bottom: 50px; background-color: #fff; min-height: 100%; height: 100%; } .key-box h2, .key-box p { text-align: center; } .key-box h2 { font-size: 38px; min-height: 85px; } .contact-us .container .row > div:nth-child(2) > h4 { margin-top: 20px; } .contact-us .container .row > div:nth-child(2) .social { margin-left: 0px; } .contact-us .container .row > div:nth-child(2) .fa-fw { text-align: left; } .ci-message { font-weight: bold; margin: 20px 0; } .stc-rp-con { position: relative; padding-left: 25px; } .stc-rp-con>i { position: absolute; top: 6px; left: 0; } .white-box { position: relative; padding: 20px; border-radius: 8px; background-color: #fff; -webkit-box-shadow: rgba(0,0,0,0.20) 0 3px 5px; box-shadow: rgba(0,0,0,0.20) 0 3px 5px; } .four-icons .white-box { padding-bottom: 55px; } .four-icons .btn-block { position: absolute; left: 0; bottom: 0px; border-radius: 0 !important; margin-bottom: 0 !important; } .four-icons, .four-icons h2, .four-icons h3, .four-icons h4, .four-icons h5, .four-icons p { text-align: center; } .four-icons .fa { color: #a748a4; } .stc-book-desc { position: absolute; z-index: 10; top: 20px; left: 32px; color: #fff; font-size: 14px; width: 230px; font-weight: 400; padding: 10px 15px; margin-top: 6px; text-align: center; border-radius: 6px; background-color: #a748a4; -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.4); } .stc-book-desc:after { content: ''; position: absolute; top: 0; left: 7%; width: 0; height: 0; border: 11px solid transparent; border-bottom-color: #a748a4; border-top: 0; margin-left: -7px; margin-top: -7px; } .stc-book .text-center { font-size: 25px; font-weight: 700; } .stc-book .btn-primary { margin-top: 5px; } .stc-book .stc-book-desc p { color: #fff; text-align: center; line-height: 1.4; font-size: 15px; } .stc-documents-container .stcd-row h3 { font-family: 'Amatic SC', cursive; font-size: 45px; margin-bottom: 20px; } .center-cont .container > .row > div:last-child { display: none; } @media screen and (min-width:768px) { .center-cont .container > .row, .center-custom .stc-custom-code > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .btn-spacer { margin-left: 5px; margin-right: 5px; } } @media screen and (min-width:992px) { .four-icons .row, .four-icons .row > div { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 1199px) { nav > .container { width: auto; } .top-nav .container > .row > div:nth-child(1) { width: 50%; } .top-nav .container > .row > div:nth-child(2) { width: 0% !important; } .top-nav .container > .row > div:nth-child(3) { width: 50%; } } @media screen and (max-width:1060px) { .navbar-brand>img { width: 160px; } .navbar-default .navbar-nav>li>a { font-size: 15px; } .navbar-nav>li>a { padding: 10px 10px; } } @media screen and (max-width:1024px) { h1, h2 { font-size: 40px; } .children-emotions { background-position: 22%; } .find-your-way { background-position: 50%; } } @media screen and (max-width:991px) { .mfull > .container > .row > div { width: 100%; margin-bottom: 30px; } } @media screen and (max-width:961px) { .navbar-brand>img { width: 170px; } .navbar-nav>li>a { padding: 10px 10px; } } @media screen and (max-width:932px) { .navbar-nav>li>a { font-size: 14px; } } @media screen and (max-width:805px) { .navbar-brand>img { width: 158px; } .navbar-nav>li>a { font-size: 13px; } } @media screen and (max-width:767px) { .top-nav .container .row div:nth-child(1), .top-nav .container .row div:nth-child(3) { display: inline-block; width: 50%; text-align: right; } .top-nav .container .row div:nth-child(2) { display: none; } .btn-primary, .btn-secondary { margin-bottom: 20px; } .slick-prev, .slick-next { display: none!important; } .navbar { min-height: 80px; } .navbar-brand>img { width: 150px; } .navbar-nav>li>a { font-size: 16px; } .navbar-toggle { margin-top: 22px; } #stc-navbar { margin-top: 15px; } #stc-navbar > ul { float: none !important; margin-right: -10px; margin-top: 5px; } .main-banner { color: #fff; padding-top: 40px; padding-bottom: 40px; } /*.slick-slide .stc-img-2, .slick-slide .stc-img-3 { display: none; }*/ .books-img > .container > .row > div.col-sm-3 { margin-bottom: 40px; } .find-your-way { background-image: url(../lfm/acorn/photos/shares/banners-11/finding-your-way-banner-mobile.jpg); background-position: center center; } .children-emotions { background-image: url(../lfm/acorn/photos/shares/banners-11/children-emotions-mobile.jpg); } .get-in-touch .container .row > div.col-lg-4 { margin-bottom: 30px; } .school-programmes .container .row > div.col-lg-3 { margin-bottom: 30px; } .school-programmes .container .row > div.col-lg-3 img { width: 100%; } .key-box { margin-bottom: 20px; } .white-box { padding: 20px; } } @media screen and (max-width:426px) { h1, h2, .stc-slider-header { font-size: 37px !important; } h3 { font-size: 25px; } .header-bg { padding-top: 30px; padding-bottom: 30px; } .btn-primary { padding: 12px 15px; } .section-60 { padding-top: 40px; padding-bottom: 40px; } .no-padd-top { padding-top: 0px; } .no-padd-bot { padding-bottom: 0px; } .testimonials { padding-top: 40px; padding-bottom: 40px; } .get-in-touch h3 { margin-bottom: 20px; } p img { margin-top: 20px; margin-bottom: 20px; } .gallery p img { margin: 0; padding: 0; } .stc-book-desc { display: none; } } @media screen and (max-width: 320px) { .blog-img { margin-right: 13px; } } .no-padd-lr { padding-left: 0; padding-right: 0; } #stc-basket-icon { cursor: pointer; margin-top: 15px; margin-left: 10px; color: #a748a4; } #stc-checkout-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #stc-checkout-loader .stc-loader { width: 120px; height: 28px; position: absolute; bottom: 10px; left: 150px; margin: auto; } #stc-lesson-plans .container .row { display: flex; } .ste-cover { position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); text-align: center; display: flex; } .ste-cover > img { width: 64px; height: 64px; display: block; margin-left: auto; margin-right: auto; align-self: center; } .stc-blog article section .container { width: auto; } #braintree-section { position: relative; padding: 20px 0; } #braintree-cover { display: none; position: absolute; width: 100%; height: 100%; background: #eee; top: 0; bottom: 0; opacity: 0.5; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } button.slick-prev.slick-arrow { left: -20px; } button.slick-next.slick-arrow { right: -20px; } #stc-book-details .modal-header { color: #fff; background-color: #a748a4; } #stc-book-details .modal-title { color: #fff; text-align: center; } #stc-book-description { text-align: center; } #stc-book-details .close { color: #fff; font-size: 28px; filter: alpha(opacity=40); opacity: 0.4; } #stc-book-details .btn { margin-top: 0; } .stc-product-price { text-align: center; font-size: 25px; font-weight: 700; } .pbot-4 { padding-bottom: 40px; } .paypal-cart form { text-align: center; } .paypal-cart form input { max-width: 100%; } .paypal-cart .stc-book img { -webkit-box-shadow: 0px 0px 32px -8px rgba(77,77,77,.60); -moz-box-shadow: 0px 0px 32px -9px rgba(77,77,77,.60); box-shadow: 0px 0px 32px -9px rgba(77,77,77,.60); } #stc-basket-icon { display: none; } #viewCartButton input { width: 27px; } #viewCartButton { margin-top: 10px; margin-left: 10px; } /* X Icons */ .top-nav .fa.fa-twitter { position: relative; width: 14px; height: 14px; } .top-nav .fa.fa-twitter:before { content: ""; position: absolute; display: inline-block; top: 1px; left: 0px; width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .top-nav .fa-twitter:before { background-image: url("../images/miscellaneous-26/x-white.png"); } .top-nav a:hover .fa-twitter:before { background-image: url("../images/miscellaneous-26/x-purple.png"); } .contact-us .fa-facebook-f { font-size: 33px; text-align: center !important; } .contact-us .fa.fa-twitter, footer .fa.fa-twitter { position: relative; width: 30px; height: 30px; } .contact-us .fa.fa-twitter:before, footer .fa.fa-twitter:before { content: ""; position: absolute; display: inline-block; top: 2px; left: 0px; width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .contact-us .fa-twitter:before, footer .fa-twitter:before { background-image: url("../images/miscellaneous-26/x-purple.png"); } .contact-us .fa-twitter:hover:before, footer a:hover .fa-twitter:hover:before { background-image: url("../images/miscellaneous-26/x-black.png"); } blockquote { font-weight: 300; padding: 14px 20px; border-radius: 10px; margin-bottom: 14px; border-color: #a748a4; background-color: #eff1f3; border-left: 5px solid #a748a4; font-size: 17.5px; margin: 0 0 22px; margin-bottom: 22px; padding: 11px 22px; }