/**
 * Theme Name:     Extra Child
 * Author:         Elegant Themes
 * Template:       Extra
 * Text Domain:	   extra-child
 * Description:    Extra
 */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body.wp-child-theme-extra-child {
   background-color: #FFF7F5;
   font-family: "Barlow", sans-serif;
}

body.wp-child-theme-extra-child h1,
body.wp-child-theme-extra-child h2,
body.wp-child-theme-extra-child h3,
body.wp-child-theme-extra-child h4,
body.wp-child-theme-extra-child h5,
body.wp-child-theme-extra-child h6 {
   font-family: "Barlow", sans-serif;
}

body.wp-child-theme-extra-child * a,
body.wp-child-theme-extra-child * span,
body.wp-child-theme-extra-child * p {
   font-family: "Barlow", sans-serif;
}


body.wp-child-theme-extra-child .blog--hero {
   padding: 0px 0 48px;
}

body.wp-child-theme-extra-child .blog--hero h1 {
   font-size: 40px;
   color: #293080;
   font-weight: 700;
   letter-spacing: -.5px;
   text-align: center;
   width: 100%;
   margin: 0 0 8px;
   line-height: 110%;
}

body.wp-child-theme-extra-child .blog--hero p {
   font-size: 18px;
   color: #483c46;
   text-align: center;
   width: 100%;
}

body.wp-child-theme-extra-child .blog--hero .desktop-only ul {
   display: flex;
   list-style: none;
   padding: 0;
   margin: 32px auto;
   flex-wrap: wrap;
   gap: 16px;
   justify-content: center;
}

body.wp-child-theme-extra-child .blog--hero .desktop-only ul li {
   margin: 0;
   padding: 0;
}

body.wp-child-theme-extra-child .blog--hero .desktop-only ul li a {
   color: #293080;
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: .5px;
   font-size: 16px;
   border-radius: 4px;
   border: 1px solid #B4B6D5;
   padding: 8px 12px;
   text-decoration: none;
   transition: all 0.3s ease;
}

body.wp-child-theme-extra-child .blog--hero .desktop-only ul li a:hover {
   background-color: #293080;
   border: 1px solid #293080;
   color: #fff;
}

body.wp-child-theme-extra-child .blog--hero .desktop-only ul li a.active {
   background-color: #ff1f45;
   border: 1px solid #ff1f45;
   color: #fff;
}

body.wp-child-theme-extra-child .et_pb_widget.widget_search {
   box-shadow: none !important;
   border: 1px solid #DADCEF;
}

body.wp-child-theme-extra-child .et_pb_widget.widget_search .wp-block-search__input::placeholder {
   text-transform: none !important;
   font-weight: 500;
   letter-spacing: 0;
   color: #293080;
   opacity: .5;
}

body.wp-child-theme-extra-child .et_pb_widget.widget_search form {
   display: flex;
}

body.wp-child-theme-extra-child .et_pb_widget {
   box-shadow: none !important;
   border-radius: 5px;
}

body.wp-child-theme-extra-child .et_pb_widget .wp-block-group {
   border: 1px solid #DADCEF;
   border-radius: 4px;
   overflow: hidden;
}

body.wp-child-theme-extra-child .et_pb_widget .wp-block-group>h2.widget-header {
   letter-spacing: .5px;
   background-color: #293080;
   font-style: normal;
   color: #fff;
   font-weight: 600;
   font-size: 16px;
   border-bottom: 1px solid #293080;
   text-align: center;
}

body.wp-child-theme-extra-child .et_pb_widget li a {
   font-weight: 500;
}

body.wp-child-theme-extra-child .et_pb_widget .langmasters-logo {
   margin: 24px;
   width: calc(100% - 48px);
}

body.wp-child-theme-extra-child .et_pb_widget .about-desc {
   width: calc(100% - 48px);
   margin: 0 auto 24px;
}

body.wp-child-theme-extra-child .et_pb_widget .banner-img {
   margin: 0;
}

body.wp-child-theme-extra-child .et_pb_widget .banner-img * {
   margin: 0;
   display: block;
}

body.wp-child-theme-extra-child .et_pb_widget .banner-img img {
   width: 100%;
   min-height: 375px;
   object-fit: cover;
}

@media (max-width:900px) {
   body.wp-child-theme-extra-child .blog--hero {
      padding-bottom: 24px;
   }

   body.wp-child-theme-extra-child .blog--hero h1 {
      font-size: 28px;
   }

   body.wp-child-theme-extra-child .blog--hero .desktop-only ul {
      gap: 6px;
      row-gap: 8px;
   }

   body.wp-child-theme-extra-child .blog--hero .desktop-only ul li a {
      font-size: 13px;
      padding: 4px 6px;
   }
}

body.wp-child-theme-extra-child.single #main-content .post-header{
   padding:32px 60px 20px;
}

body.wp-child-theme-extra-child.single #main-content .post-header h1{
   font-size: clamp(26px, 2.5vw + 1rem, 38px);
   color:#293080;
}

body.wp-child-theme-extra-child.single #main-content .post-thumbnail{
   padding:0 60px;
}

body.wp-child-theme-extra-child.single #main-content .post-footer, body.wp-child-theme-extra-child.single #main-content .post-nav{
   display:none;
}

body.wp-child-theme-extra-child.single #main-content .post-meta.vcard, body.wp-child-theme-extra-child .posts-blog-feed-module.standard .hentry.type-post.has-post-thumbnail .post-content .post-meta.vcard{
   display:none;
}

body.wp-child-theme-extra-child  .posts-blog-feed-module .post-title a{
   font-weight: 700;
   letter-spacing: 0;
   line-height:110%;
   font-size:24px;
}

body.wp-child-theme-extra-child .posts-blog-feed-module.standard .hentry.type-post.has-post-thumbnail .header{
   width:40%;
}

body.wp-child-theme-extra-child input, body.wp-child-theme-extra-child textarea, body.wp-child-theme-extra-child .read-more-button, body.wp-child-theme-extra-child .paginated .pagination li, body.wp-child-theme-extra-child .course-info, body.wp-child-theme-extra-child #page-container input[type="submit"]{
   border-radius:4px;
}

body.wp-child-theme-extra-child .posts-blog-feed-module .header img, body.wp-child-theme-extra-child.single #main-content .post-thumbnail img{
   border-radius:8px;
}

@media (max-width:900px){
   body.wp-child-theme-extra-child.single #main-content .post-thumbnail{
   padding:0 20px;
   }
}


.header--counter {
    background-color: #293080;
    padding: 16px 0;
    position: relative
}

.header--counter #timer--toggler {
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    width: 16px;
    transform: translateY(-50%)
}

.header--counter .row {
    gap: 24px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.header--counter h3 {
    margin: 0;
    color: #fff !important;
    font-size: 17px !important;
    padding:0;
    letter-spacing: -.25px;
}

.header--counter .cta {
    background-color: #ff1f45;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size:15px;
    padding: 6px 12px;
    border-radius: 4px;
    transition: .5s
}

.header--counter .cta:hover {
    background-color: #fff;
    color: #293080;
}

.header--counter #countdownHeader ul {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 8px;
    padding: 0;
    margin: 0
}

.header--counter #countdownHeader ul li {
    color: #253674;
    font-size: 13px;
    letter-spacing: -.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    margin:0;
}

.header--counter #countdownHeader ul li span {
    border-radius: 16px;
    color: #253674;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -.5px
}

@media (max-width: 850px) {
    .header--counter .row {
        gap:12px;
        flex-direction: column;
        text-align: center;
    }

    .header--counter .container {
        padding: 0 32px
    }

    .header--counter #timer--toggler {
        top: 20px;
        transform: none
    }

    .header--counter #countdownHeader ul li {
        flex-direction: column;
        gap: 0;
        min-width: 72px;
        padding: 8px 8px
    }
}