@charset "UTF-8";

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: dmsans-regular;
src: url(https://letslearnaboutscience.com/wp-content/themes/science/fonts/DMSans-Regular.ttf);
}
@font-face {
font-family: dmsans-medium;
src: url(https://letslearnaboutscience.com/wp-content/themes/science/fonts/DMSans-Medium.ttf);
}
@font-face {
font-family: dmsans-bold;
src: url(https://letslearnaboutscience.com/wp-content/themes/science/fonts/DMSans-Bold.ttf);
}
.bline {
width: 120px;
min-height: 3px;
background-color: #ffffff;
}
@media (max-width: 992.98px) {
.bline {
margin: 0 auto;
display: block;
}
}
@media screen and (max-width: 575.98px) {
.bline {
width: 60px;
min-height: 2px;
margin: 0 auto;
display: block;
}
}
header {
position: absolute;
top: 20px;
}
header .cheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 575.98px) {
header .cheader .logo {
width: 200px;
}
}
@media (max-width: 992.98px) {
header .cheader .navigation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
left: -100%;
top: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: rgba(0, 0, 0, 0.8);
}
}
header .cheader .navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 992.98px) {
header .cheader .navigation ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 50px;
}
}
header .cheader .navigation ul li {
list-style: none;
}
@media (max-width: 992.98px) {
header .cheader .navigation ul li {
margin: 20px 0px;
}
}
header .cheader .navigation ul li a {
margin: 0px 15px;
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: capitalize;
text-decoration: none;
padding-bottom: 13px;
}
header .cheader .navigation ul li a:hover {
border-bottom: 2px solid #f2a734;
}
@media (max-width: 1199.98px) {
header .cheader .navigation ul li a {
font-size: 17px;
font-family: dmsans-bold;
color: #ffffff;
margin: 0px 5px;
}
}
header .cheader .active {
left: 0%;
}
header .cheader button {
display: none;
background-color: transparent;
border: none;
font-size: 24px;
color: #ffffff;
}
@media (max-width: 992.98px) {
header .cheader button {
display: block;
z-index: 999999;
}
}
.home-banner {
min-height: 845px!important;
background-position: bottom center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-banner .order-1 img {
width: 100%;
max-width: 542px;
}
.home-banner > .container {
margin-bottom: -68px;
}
@media (max-width: 1024px){
.home-banner {
min-height: 765px!important;
}
}
@media (max-width: 992.98px) {
.home-banner {
padding: 210px 0px 210px 0px;
}
.home-banner .order-1 {
margin-bottom: 50px;
text-align: center;
}
}
@media (max-width: 767px){
.home-banner .order-1 > img {
max-width: 400px;
width: 100%;
}
.home-banner {
padding: 160px 0px 180px 0px;
min-height: auto!important;
height: fit-content!important;
}
.home-banner .order-2 h4 {
margin-top: 0px!important;
}
.home-banner .order-1 {
margin-bottom: 30px;
text-align: center;
}
}
.home-banner h4 {
text-align: center;
font-size: 41px;
font-family: dmsans-regular;
color: #ffffff;
}
@media (max-width: 575.98px) {
.home-banner h4 {
margin-top: 50px;
font-size: 27px;
font-family: dmsans-regular;
color: #ffffff;
}
}
.home-banner h1 {
text-align: center;
margin-bottom: 20px;
font-size: 71px;
font-family: dmsans-bold;
color: #ffffff;
}
@media (max-width: 575.98px) {
.home-banner h1 {
font-size: 50px;
font-family: dmsans-bold;
color: #ffffff;
}
}
.home-banner a {
text-decoration: none;
}
.home-banner a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
margin: 0 auto;
display: block;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.home-banner a button:hover {
border: 2px solid #ffffff;
background-color: transparent;
}
@media (max-width: 575.98px) {
.home-banner a button {
font-size: 15px;
}
}
.public-speaking {
padding: 80px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575.98px) {
.public-speaking {
padding: 50px 0px;
}
}
.public-speaking h4 {
font-size: 26px;
font-family: dmsans-regular;
color: #1d2a5b;
}
@media (max-width: 992.98px) {
.public-speaking h4 {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 575.98px) {
.public-speaking h4 {
text-align: center;
font-size: 22px;
font-family: dmsans-regular;
color: #1d2a5b;
}
}
.public-speaking h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #1d2a5b;
}
.public-speaking h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.public-speaking h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.public-speaking h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #1d2a5b;
}
}
.public-speaking p {
font-size: 23px;
font-family: dmsans-regular;
color: #565c71;
}
@media (max-width: 992.98px) {
.public-speaking p {
text-align: center;
}
}
@media (max-width: 575.98px) {
.public-speaking p {
font-size: 18px;
font-family: dmsans-regular;
color: #565c71;
}
}
.public-speaking a {
text-decoration: none;
}
.public-speaking a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.public-speaking a button:hover {
color: #f2a734;
border: 2px solid #f2a734;
background-color: transparent;
}
@media (max-width: 992.98px) {
.public-speaking a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.public-speaking a button {
font-size: 15px;
}
}
.about-us {
min-height: 800px;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-us h4 {
font-size: 26px;
font-family: dmsans-regular;
color: #ffffff;
}
@media (max-width: 992.98px) {
.about-us h4 {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 575.98px) {
.about-us h4 {
text-align: center;
font-size: 22px;
font-family: dmsans-regular;
color: #ffffff;
}
}
.about-us h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #ffffff;
}
.about-us h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.about-us h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.about-us h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #ffffff;
}
}
.about-us p {
font-size: 23px;
font-family: dmsans-regular;
color: #ffffff;
}
@media (max-width: 992.98px) {
.about-us p {
text-align: center;
}
}
@media (max-width: 575.98px) {
.about-us p {
font-size: 18px;
font-family: dmsans-regular;
color: #ffffff;
}
}
.about-us a {
text-decoration: none;
}
.about-us a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.about-us a button:hover {
border: 2px solid #ffffff;
background-color: transparent;
}
@media (max-width: 992.98px) {
.about-us a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.about-us a button {
font-size: 15px;
}
}
.step-home {
min-height: 809px;
background-color: #1e2e6a;
margin-top: -20px;
background-position: top center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575.98px) {
.step-home {
padding: 50px 0px;
}
}
.step-home h4 {
font-size: 26px;
font-family: dmsans-regular;
color: #1d2a5b;
}
@media (max-width: 992.98px) {
.step-home h4 {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 575.98px) {
.step-home h4 {
text-align: center;
font-size: 22px;
font-family: dmsans-regular;
color: #1d2a5b;
}
}
.step-home h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #1d2a5b;
}
.step-home h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.step-home h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.step-home h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #1d2a5b;
}
}
.step-home p {
font-size: 23px;
font-family: dmsans-regular;
color: #3c3f47;
}
@media (max-width: 992.98px) {
.step-home p {
text-align: center;
}
}
@media (max-width: 575.98px) {
.step-home p {
font-size: 18px;
font-family: dmsans-regular;
color: #3c3f47;
}
}
.step-home a {
text-decoration: none;
}
.step-home a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.step-home a button:hover {
color: #f2a734;
border: 2px solid #f2a734;
background-color: transparent;
}
@media (max-width: 992.98px) {
.step-home a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.step-home a button {
font-size: 15px;
}
}
.media {
min-height: 890px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992.98px) {
.media {
padding: 50px 0px;
}
}
.media h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #1d2a5b;
}
.media h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.media h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.media h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #1d2a5b;
}
}
.media .first {
position: relative;
}
@media (max-width: 992.98px) {
.media .first {
margin-bottom: 20px;
}
}
.media .first .up {
position: absolute;
bottom: 0;
padding: 20px;
}
.media .first .up span {
font-size: 18px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
padding: 8px 25px;
border: 2px solid transparent;
}
.media .first .up h6 {
margin-top: 20px;
font-size: 25px;
font-family: dmsans-bold;
color: #ffffff;
}
@media (max-width: 575.98px) {
.media .first .up h6 {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
}
}
@media (max-width: 992.98px) {
.media .sp {
margin-bottom: 20px;
}
}
.media .second {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #565c71;
}
@media (max-width: 767.98px) {
.media .second img {
padding-bottom: 30px;
}
}
.media .second span {
font-size: 18px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
padding: 5px 18px;
border: 2px solid transparent;
}
.media .second h5 {
margin-top: 20px;
font-size: 18px;
font-family: dmsans-bold;
color: #423f3f;
}
@media (max-width: 575.98px) {
.media .second h5 {
font-size: 18px;
font-family: dmsans-bold;
color: #423f3f;
}
}
.media .second p {
margin-bottom: 5px;
font-size: 16px;
font-family: dmsans-regular;
color: #797979;
}
@media (max-width: 575.98px) {
.media .second p {
font-size: 16px;
font-family: dmsans-regular;
color: #797979;
}
}
.media .second a {
text-decoration: none;
}
.media .second a button {
background: none;
border: none;
font-size: 18px;
font-family: dmsans-bold;
color: #f2a734;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.media .second a button::after {
padding-left: 5px;
content: "»";
}
@media (max-width: 767.98px) {
.media .second a button {
padding-bottom: 30px;
}
}
@media (max-width: 575.98px) {
.media .second a button {
font-size: 15px;
}
}
.media a {
text-decoration: none;
}
.media a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0 auto;
display: block;
}
.media a button:hover {
color: #f2a734;
border: 2px solid #f2a734;
background-color: transparent;
}
@media (max-width: 992.98px) {
.media a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.media a button {
font-size: 15px;
}
}
.contact {
min-height: 903px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992.98px) {
.contact {
padding: 50px 0px;
}
}
.contact h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #ffffff;
}
@media (max-width: 992.98px) {
.contact h2 {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 575.98px) {
.contact h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #ffffff;
}
}
.contact input {
width: 100%;
min-height: 52px;
padding-left: 10px;
border: none;
margin: 5px;
border-radius: 5px;
}
@media (max-width: 540px) {
.contact input {
margin: 2px;
min-height: 50px;
}
}
.contact textarea {
width: 100%;
min-height: 62px;
padding-left: 10px;
border: none;
margin: 5px;
border-radius: 5px;
}
@media (max-width: 540px) {
.contact textarea {
margin: 2px;
min-height: 50px;
}
}
.contact textarea {
padding-top: 10px;
}
.contact .submit {
width: auto;
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #1d2a5b;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.contact .submit:hover {
color: #1d2a5b;
border: 2px solid #1d2a5b;
background-color: transparent;
}
@media (max-width: 992.98px) {
.contact .submit {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.contact .submit {
width: 50%;
font-size: 15px;
}
}
footer {
min-height: 382px;
background-position: top center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -150px;
}
@media (max-width: 992.98px) {
footer {
margin-top: -20px;
background-color: #f28200;
}
}
footer a {
margin: 0 auto;
display: block;
text-align: center;
}
footer .logo {
margin-top: 100px;
}
@media (max-width: 992.98px) {
footer .logo {
padding-top: 120px;
}
}
footer ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 992.98px) {
footer ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
footer ul li {
list-style-type: none;
}
footer ul li a {
text-decoration: none;
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
margin: 20px 30px;
text-transform: capitalize;
}
footer .copy {
text-align: center;
font-size: 16px;
font-family: dmsans-regular;
color: #ffffff;
}
footer .social ul {
margin: 0;
padding: 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
@media (max-width: 992.98px) {
footer .social ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
footer .social ul li {
list-style-type: none;
}
footer .social ul li a {
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
}
.about-yellow {
min-height: 700px;
background-color: #f28200;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992.98px) {
.about-yellow {
padding: 50px 0px;
}
}
.about-yellow p {
margin-top: -80px;
font-size: 19px;
font-family: dmsans-regular;
color: #ffffff;
}
@media (max-width: 992.98px) {
.about-yellow p {
margin-top: 0px;
}
}
@media (max-width: 992.98px) {
.about-yellow p {
text-align: center;
}
}
@media (max-width: 575.98px) {
.about-yellow p {
font-size: 18px;
font-family: dmsans-regular;
color: #ffffff;
}
}
.logos {
min-height: 370px;
background-color: #eef0f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992.98px) {
.logos {
padding: 50px 0px;
}
}
.logos h2 {
text-align: center;
margin-bottom: 40px;
font-size: 37px;
font-family: dmsans-bold;
color: #1d2a5b;
}
@media (max-width: 992.98px) {
.logos h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.logos h2 {
font-size: 30px;
font-family: dmsans-bold;
color: #1d2a5b;
}
}
.logos img {
width: 20%;
}
@media (max-width: 992.98px) {
.logos img {
width: 50%;
margin: 20px 0px;
}
}
.w-public-speaking {
padding: 80px 0px;
background-color: #02265d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575.98px) {
.w-public-speaking {
padding: 50px 0px;
}
}
.w-public-speaking h4 {
font-size: 26px;
font-family: dmsans-regular;
color: #1d2a5b;
}
@media (max-width: 992.98px) {
.w-public-speaking h4 {
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 575.98px) {
.w-public-speaking h4 {
text-align: center;
font-size: 22px;
font-family: dmsans-regular;
color: #1d2a5b;
}
}
.w-public-speaking h2 {
font-size: 61px;
font-family: dmsans-bold;
color: #ffffff;
}
.w-public-speaking h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.w-public-speaking h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.w-public-speaking h2 {
font-size: 45px;
font-family: dmsans-bold;
color: #ffffff;
}
}
.w-public-speaking p {
font-size: 23px;
font-family: dmsans-regular;
color: #ffffff;
}
@media (max-width: 992.98px) {
.w-public-speaking p {
text-align: center;
}
}
@media (max-width: 575.98px) {
.w-public-speaking p {
font-size: 18px;
font-family: dmsans-regular;
color: #ffffff;
}
}
.w-public-speaking a {
text-decoration: none;
}
.w-public-speaking a button {
font-size: 20px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.w-public-speaking a button:hover {
color: #f2a734;
border: 2px solid #f2a734;
background-color: transparent;
}
@media (max-width: 992.98px) {
.w-public-speaking a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.w-public-speaking a button {
font-size: 15px;
}
}
.posts {
padding: 80px 0px;
background-color: #eef0f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992.98px) {
.posts {
padding: 50px 0px;
}
}
.posts h2 {
font-size: 37px;
font-family: dmsans-bold;
color: #1d2a5b;
}
.posts h2 span {
color: #f28421;
}
@media (max-width: 992.98px) {
.posts h2 {
text-align: center;
}
}
@media (max-width: 575.98px) {
.posts h2 {
font-size: 30px;
font-family: dmsans-bold;
color: #1d2a5b;
}
}
.posts .post {
margin: 20px 10px;
}
.posts .post .content {
background-color: #ffffff;
padding: 20px;
}
.posts .post .content h5 {
font-size: 18px;
font-family: dmsans-bold;
color: #423f3f;
}
@media (max-width: 575.98px) {
.posts .post .content h5 {
text-align: center;
}
}
.posts .post .content p {
font-size: 17px;
font-family: dmsans-regular;
color: #797979;
}
@media (max-width: 575.98px) {
.posts .post .content p {
text-align: center;
}
}
.posts .post .content a {
text-decoration: none;
}
.posts .post .content a button {
font-size: 15px;
font-family: dmsans-bold;
color: #ffffff;
text-transform: uppercase;
background-color: #f2a734;
border-radius: 50px;
padding: 10px 28px;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.posts .post .content a button:hover {
color: #f2a734;
border: 2px solid #f2a734;
background-color: transparent;
}
@media (max-width: 992.98px) {
.posts .post .content a button {
margin: 0 auto;
display: block;
}
}
@media (max-width: 575.98px) {
.posts .post .content a button {
font-size: 15px;
}
}