/*
Theme name: Cognito Media
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {  }

/*//Form Elements*/
fieldset.form-columns-1 {
    max-width: 100% !important;
    width: 100%;
}

fieldset.form-columns-2 {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

/* input.hs-button.primary.large {
    max-width: 500px;
    background: $c-red;
    padding: 20px;
    color: #fff;
    border: none;
    width: 100%;
} */

input[type="text"], input[type="email"], textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

textarea {
    width: 100% !important;
}

.hs-fieldtype-text label {
	display: none;
}

label {
    font-weight: bold;
    font-size: 14px;
}

ul.inputs-list {
    list-style: none;
}

input {
    margin-right: 10px;
}

.hs_submit.hs-submit {
    text-align: center;
    margin-top: 30px;
}

.section-posts .section__form,
.article__form{
    padding: 20px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.section-posts .section__form .hs-fieldtype-text label,
.article__form .hs-fieldtype-text label {
    display: block;
    color: #fff;
}

.submitted-message {
    background: rgb(255 255 255 / 75%);
    padding: 20px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.section-posts .section__form .hs-richtext.hs-main-font-element p,
.article__form .hs-richtext p {
    color: #fff !important;
}
.section-articles .section__head h2,
.single-app_location .section-cols .section__col h3,
.section-features .section__head h2,
.section-about .section__left h3,
.footer .footer__head .footer__title h2,
.card .card__entry p,
.section-awards .section__head h2 {
    text-transform: unset;
}

.case-study .case__entry h6 {
    font-size: 18px;
}

.single.single-post .section-default > .shell {
  max-width: 1072px;
}

#menu-main-menu .menu-item-has-children > .sub-menu li + li {
  padding-top: 15px;
  margin-top: 11px;
  border-top: 1px solid #ededed;
}

#menu-main-menu  .menu-item-has-children > .sub-menu li a {
    display: block;
    color: #000;
    transition: color .4s;
}


#menu-main-menu  .menu-item-has-children > .sub-menu li a:hover {
    color: #e63312;
}

#menu-main-menu  .menu-item-has-children > .sub-menu {
    background: #fff;
    box-shadow: 0 4px 16px #00000040;
    border-radius: 3px;
}

#menu-main-menu  .menu-item-has-children > .sub-menu::before {
    background: url("data:image/svg+xml,%3csvg%20width='28'%20height='26'%20viewBox='0%200%2028%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M27.4985%2012.2634L14.0635%2025.6985L0.628478%2012.2634L11.2351%201.65683C12.7972%200.0947287%2015.3298%200.0947291%2016.8919%201.65683L27.4985%2012.2634Z'%20fill='%23fff'/%3e%3c/svg%3e") no-repeat 0 0;
}

.section-location .section__body ul.section__list {
    justify-content: center;
}

.header .header__search form {
    top: calc(100% + 20px);
    right: 0;
}

.section-text-image .section__body {
    align-items: flex-start;
}

.single-app_sector .section-members::after {
    background: none;
}

.pin .pin__body h6 a {
    text-decoration: none;
}

.single-app_service .section-intro .section__entry {
    padding-right: 5% !important;
}
.single-app_sector .section-intro .section__entry {
    padding-right: 10% !important;
}

.card-with-logo {
    padding: 60px;
}
.section-post-body .section__filtering label {
    background: transparent;
    color: #5b5b5b;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;

    font-weight: 400;
    text-transform: capitalize;
    border-right: none;
}
.section-post-body .section__filtering select {
    color: #004CA0;
    font-weight: 600;
    border-left: none;
    background: url("data:image/svg+xml,%3csvg%20width='10'%20height='9'%20viewBox='0%200%2010%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2606_2176)'%3e%3cpath%20d='M9.10295%202.29272H0.971228C0.586424%202.29272%200.390391%202.71515%200.666289%202.96597L4.73215%206.66224C4.89914%206.81405%205.17504%206.81405%205.3421%206.66224L9.40796%202.96597C9.68378%202.71515%209.48775%202.29272%209.10295%202.29272Z'%20fill='%23E63312'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2606_2176'%3e%3crect%20width='9'%20height='8.18182'%20fill='white'%20transform='translate(0.537109%200.443359)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 98% center;
}

.post .post__entry {
    text-align: left;
}

.section-post-body .select2-container {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    position: relative;
    vertical-align: middle;
    align-items: center;
    border:1px solid #d8d8d8;
    border-left: 0;
}

.section-post-body span.selection {
    width: 95%;
}

.pin .pin__body {
    width: 350px;
}

.card .card__entry p,
.section-about .section__right p,
.section-features .section__head p,
.section-sectors .section__content p,
.section-services .section__content p,
.section-contact .section__head p {
    font-size: 16px;
}

.article .article__inner {
    width: 100%;
}

/*.section__content .article-single {
    padding: 0 50px;
}*/

.section__content .article-single .wp-block-image img {
    margin-bottom: 20px;
}

.member-foot .slider__slides .slick-track {
    display: flex;
}

.member-foot .slider__slides .slider__slide {
    border-right: 1px solid rgba(255,255,255,0.4);
    height: auto;
}

.member-foot .slider__slides .slider__slide a {
    display: block;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: opacity .4s;
    padding: 7px 30px;
}

.member-foot .section__slider {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
}

.member-foot .member__body {
    padding: 40px;
}

.section-features a.card.card-with-content .card__entry strong {
    color: #fff;
    font-weight: 500;
}

.section-features a.card.card-with-content .card__entry strong::after {
    position: relative;
    top: 8px;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 2px;
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='27'%20height='27'%20viewBox='0%200%2027%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='13.7167'%20cy='13.9751'%20r='12.5'%20stroke='white'%20stroke-opacity='0.98'/%3e%3cpath%20d='M13.0425%2017.9868L17.1842%2014.4377C17.2509%2014.3805%2017.3045%2014.3095%2017.3412%2014.2296C17.3779%2014.1498%2017.3969%2014.0629%2017.3969%2013.975C17.3969%2013.8872%2017.3779%2013.8003%2017.3412%2013.7204C17.3045%2013.6406%2017.2509%2013.5696%2017.1842%2013.5124L13.0425%209.96332C12.6471%209.62461%2012.0365%209.90543%2012.0365%2010.4259L12.0365%2017.5252C12.0365%2018.0457%2012.6471%2018.3265%2013.0425%2017.9868Z'%20fill='white'%20fill-opacity='0.98'/%3e%3c/svg%3e") no-repeat 0 0;
    background-size: contain;
    transition: all .4s;
}

.section-features a.card.card.card--large .card__entry strong::after {
    position: relative;
    top: 8px;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 2px;
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='27'%20height='27'%20viewBox='0%200%2027%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='13.7167'%20cy='13.9751'%20r='12.5'%20stroke='white'%20stroke-opacity='0.98'/%3e%3cpath%20d='M13.0425%2017.9868L17.1842%2014.4377C17.2509%2014.3805%2017.3045%2014.3095%2017.3412%2014.2296C17.3779%2014.1498%2017.3969%2014.0629%2017.3969%2013.975C17.3969%2013.8872%2017.3779%2013.8003%2017.3412%2013.7204C17.3045%2013.6406%2017.2509%2013.5696%2017.1842%2013.5124L13.0425%209.96332C12.6471%209.62461%2012.0365%209.90543%2012.0365%2010.4259L12.0365%2017.5252C12.0365%2018.0457%2012.6471%2018.3265%2013.0425%2017.9868Z'%20fill='white'%20fill-opacity='0.98'/%3e%3c/svg%3e") no-repeat 0 0;
    background-size: contain;
    transition: all .4s;
}

.section-features .section__body .column > a {
    display: block;
}

.link-arrow, .card .card__entry p a {
    font-size: 16px;
}

.section-posts .section__link {
    z-index: 6;
}

.section-posts .section__entry h5 {
    position: relative;
    z-index: 0;
}

.section-text-image .section__entry p + p {
    margin-top: 20px;
}

.section-text-image .section__entry ul {
    margin: 15px 0;
}

.members-slider .slick-track {
    align-items: flex-start;
}

.vacancies {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
}

.vacancy {
    border-radius: 6px;
    background: #EEF1F2;
}

.vacancy .article__content {
    padding: 20px;
}

.vacancy .article__title {
    color: #E63312;
    font-family: "Helvetica Now Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 144%;
    text-transform: capitalize;
}

.vacancy .article__content h6 {
    color: #000;
    font-family: "Helvetica Now Display";
    font-size: 18px;
    font-weight: 700;
    line-height: 173%;
    margin-bottom: 3px;
}

.vacancy .article__desc {
    color: #141414;
    font-family: "Helvetica Now Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 167%;
}

.vacancy .article__desc span:not(:last-child)::after {
    content: ', ';
}

.vacancy .link-arrow {
    color: #E63312;
    font-family: Lexend;
    font-size: 14px;
    font-weight: 500;
}

.vacancy .link-arrow::after {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0293' cy='13.0497' r='12.5' stroke='%23E63312'/%3E%3Cpath d='M12.3556 17.0613L16.4973 13.5122C16.564 13.455 16.6176 13.3841 16.6543 13.3042C16.691 13.2244 16.71 13.1375 16.71 13.0496C16.71 12.9617 16.691 12.8749 16.6543 12.795C16.6176 12.7152 16.564 12.6442 16.4973 12.587L12.3556 9.03791C11.9603 8.6992 11.3496 8.98002 11.3496 9.50052L11.3496 16.5997C11.3496 17.1203 11.9603 17.4011 12.3556 17.0613Z' fill='%23E63312'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.post-type-archive-vacancy .section-post-body::after {
    content: none;
}

.blue-section {
    border-radius: 8px;
    background: #004C96;
    color: #FFF;
    padding: 90px 90px 109px;
    text-align: center;
    background-image: url(/wp-content/uploads/2024/03/Frame-427320846.svg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.blue-section h2 {
    font-family: "Helvetica Now Display";
    font-size: 44px;
    font-weight: 700;
    line-height: 133.5%;
    margin-bottom: 26px;
}

.blue-section > div {
    color: #FFF;
    text-align: center;
    font-family: "Helvetica Now Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 167%;
    max-width: 698px;
    margin: 0 auto 32px;
}

.blue-section .button {
    border-radius: 4px;
    background: #E63312;
    display: block;
    max-width: 200px;
    margin: auto;
    padding: 14px 12px;
    color: #FFF;
    text-align: center;
    font-family: "Helvetica Now Display";
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.slick-track {
    float: left;
}

.privacy-policy .main {
    padding: 50px 0 0;
}

.section-intro .section__entry {
    padding: 0px 0 140px;
    width: 48%;
}

.slick-dots li:only-child {
    display: none;
}


@media (max-width: 767px){
    .section__content .article-single {
        padding-left: 15px;
        padding-right: 15px;
    }
    .member-foot  .slick-arrow.slick-prev {
        left: -18px;
    }

    .member-foot  .slick-arrow.slick-next {
        right: -18px;
    }

    .member-foot .slider__slides .slider__slide {
        border-right: none;
    }

    .vacancies {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 30px;
    }
    .nav>ul>li>.sub-menu li a {
        text-align: left;
    }
}

@media (max-width: 480px){
    .nav > ul > li > a {
        text-align: left;
    }

    .btn--header {
        text-align: left;
        padding: 14px 0;
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }

    .nav > ul > li.menu-item-has-children.clicked_link > a {
        padding: 10px 17px;
    }

    .nav > ul > li.clicked_link > .mega-menu-wrapper li a {
        padding: 10px 17px;
        text-align: left;
    }

    .section-features .section__head,
    .section-about .section__body,
    .section-sectors, .section-services,
    .card .card__entry p,
    .section-location .section__wrap h2,
    .section-posts .section__head,
    .footer .footer__head,
    .single-app_service .section-intro .section__entry,
    .section-text-image .section__head,
    .section-text-image .section__entry,
    .post .post__entry,
    .single-app_sector .section-intro .section__entry,
    .section-intro .section__entry,
    .section-members .section__top,
    .section-post-hero .section__title,
    .section-hero-location,
    .section-cols .section__col,
    .location-services .location__head h2,
    .section-map,
    .section-awards .section__content,
    .single-app_location .section-related-case .section__head h2,
    .section-contact .section__head  {
        text-align: left;
    }

    .single-app_location .section-cols .section__col + .section__col {
        padding: 0;
    }

    .vacancies {
        grid-template-columns: 1fr;
    }

    .blue-section {
        padding: 60px 40px 80px;
    }

    .blue-section h2 {
        font-size: 32px;
    }
}

/* //New styles */
.container {
    max-width: 1410px;
    margin: 0 auto;
    width: 100%;
}
.home .hero {
    position: relative;
    background-color: transparent !important;
}

.home .wrapper {
    background-color: transparent !important;
}

.slider__slide path {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    transform: translateX(-100%);
}

.slider__slide.visible path {
    opacity: 1;
    transform: translateX(0);
}
.fade-out {
    opacity: 0 !important;
    transition: opacity 1s ease;
}

.fade-in {
    opacity: 1 !important;
    transition: opacity 1s ease;
}


/* //New custom styles */
.hero .hero__entry {
    padding-bottom: 60px !important;

}

@media (max-width: 767px) {
    .hero__background {
        width: max-content;
    }
}

a.btn.btn--black {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: auto;
    min-width: 130px;
}

a.btn.btn--black:after {
    content: "";
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M537.6,760.5l175.7-175.7c9.8-10.2,26-10.4,36.2-0.6c10.2,9.8,10.4,26,0.6,36.2c-0.2,0.2-0.4,0.4-0.6,0.6L530.1,840.4c-10,10-26.2,10-36.2,0L274.4,621c-9.8-10.2-9.5-26.4,0.6-36.2c9.9-9.6,25.7-9.6,35.6,0l175.7,175.7V186.2c0-14.1,11.5-25.6,25.6-25.6c14.1,0,25.6,11.5,25.6,25.6L537.6,760.5L537.6,760.5z"/></svg>');
    width: 20px;
    height: 20px;
    display: inline-block;
}

a.btn.btn--black:hover {
    background: transparent;
}

a.btn.btn--black:hover:after {
    content: "";
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve"><style type="text/css">.st0{fill:%23000000;}</style><path class="st0" d="M537.6,760.5l175.7-175.7c9.8-10.2,26-10.4,36.2-0.6c10.2,9.8,10.4,26,0.6,36.2c-0.2,0.2-0.4,0.4-0.6,0.6L530.1,840.4c-10,10-26.2,10-36.2,0L274.4,621c-9.8-10.2-9.5-26.4,0.6-36.2c9.9-9.6,25.7-9.6,35.6,0l175.7,175.7V186.2c0-14.1,11.5-25.6,25.6-25.6c14.1,0,25.6,11.5,25.6,25.6L537.6,760.5L537.6,760.5z"/></svg>');
    width: 20px;
    height: 20px;
    display: inline-block;
}

.btn-black {
	background: #000000;
}