/*
Theme Name:   artlinchild
Description:  Artlin Child Theme
Author:       ugroup
Author URL:   https://u.group/
Template:     artlin
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ArtlinChild
*/

/*
@font-face {
  font-family: "Oakes Grotesk";
  src: url('assets/fonts/Oakes Grotesk Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: "Oakes Grotesk";
  src: url('assets/fonts/Oakes Grotesk Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: "Oakes Grotesk";
  src: url('assets/fonts/Oakes Grotesk Medium.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: "Oakes Grotesk";
  src: url('assets/fonts/Oakes Grotesk SemiBold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: "Oakes Grotesk";
  src: url('assets/fonts/Oakes Grotesk Bold.ttf') format('truetype');
  font-weight: 800;
}
body{
    font-family: "Oakes Grotesk", sans-serif;
}


*/

html{
    --color:#062A55;
    --color_2:#318CDD;
    --color_gray: #323031;
}

.site-logo {
    background: url(./assets/image/logo.svg) no-repeat center top;
    width:170px;
    height:49px;
    margin-top:25px;
}


.site-header{
    background-color: #FFF;
}

.page:not(.home) .site-header{
    height: 460px;
}
.page:not(.home) .site-header h1{
    text-align: left;
    text-transform: none;
    margin:0;
    margin-top: 180px;
}
.page:not(.home) .site-header.small{
  height:150px;
}
.page:not(.home) .site-header .header-background{
    opacity: 1;
}

.page:not(.home) .site-header .header-background:before{
    content:'';
    width:100%;
    background: transparent url(./assets/image/page-title-frame.svg) no-repeat 0px 144px;
    height: 300px;
    position:absolute;
    top: 0;
}

/*

.home .site-header .header-background:before {
    content: '';
    width: 100%;
    background: transparent url(./assets/image/hero-shapes.svg) no-repeat;
    height: 100%;
    background-size: 1066px;
    background-position: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}



.home.page .site-header .header-background:after {
content: '';
    width: 100%;
    background: #FFF;
    height: 64%;
    background-size: 1066px;
    background-position: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.home.page .site-header:before {
    content: '';
    width: 100%;
    background: #ff222200 url(./assets/image/page-title-frame.svg) no-repeat 0px 144px;
    height: 50%;
    position: absolute;
    top: 457px;
    background-size: 25%;
    left: 0;
    z-index: 1;
}
.home.page .site-header .wrapper{
z-index: 1;
}
@media only screen and (max-width: 960px) {
    .home .site-header .header-background:before {
        background-size: 400px;
        background-position: 100% 407px;
    }
    .home.page .site-header .header-background:after{
        height: 81%;
    }
}
@media only screen and (max-width: 768px) {
        .home .site-header .header-background:before {
background-image:none ;
    }
    .home.page .site-header .header-background:after{
        height: 81%;

    }
    .home.page .site-header:before{
        top:296px;
    }
}
*/

/*
.home .site-header .header-background:before{
    content: '';
    width: 100%;
    background: transparent url(./assets/image/hero-shapes.svg) no-repeat;
    height: 100%;
    min-width: 1440px;
    background-size: 135%;
    background-position: 0 150px;
    position: absolute;
    top: 0;
    left: 0;
}
*/
.site-header .header-background{
    background-position: 0 150px;
    /*top: 40px;*/
}
.homepage-page .site-header .header-background:after, .page .site-header .header-background:after, .blog .site-header .header-background:after{
    background: transparent;
}
.offcanvas-btn i{
    color:var(--color);
}
.site-header .header-background:before{
    content:'';
    width:100%;
    background-color: #FFF;
    height: 150px;
    position:absolute;
}
.site-header .nav-main {

}
.site-header .nav-main > ul > li a{
    color:var(--color);
}
.site-header .nav-main > ul > li ul > li{
    background-color: #FFF;
}
.site-header .nav-main > ul > li ul > li:hover{
    background-color: #FFF;
}
.site-header .nav-main > ul > li ul > li a {
    color:var(--color);
}

.site-header .nav-main > ul > li ul > li > ul li{
    background-color: #FFF;
}
.site-header .nav-main > ul > li ul > li > ul li a, .site-header .nav-main > ul > li ul > li:hover > ul li a{
    color:var(--color);
}

.site-header .hero-content{
    bottom: auto;
    top:120px;
}

.home .site-header .page-title:first-line{
    color:var(--color_gray);
}

.home .site-header .page-title{
    text-transform:none;
    font-weight: 600;
    /*font-size: 72px;*/
    /*line-height: 72px;*/
    letter-spacing: -0.01em;
    color:var(--color_2);
}

.site-header .hero-content .subtitle{
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    color:var(--color_gray);
}

.site-header .btn, .three-col .first-col a, .wpcf7-form input[type=submit], .com-service-contact-us{
    background:var(--color_2);
    padding:10px 20px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 175%;
    font-weight: 400;
    letter-spacing: normal;
}
.site-header .btn:after, .three-col .first-col a:after, .wpcf7-form input[type=submit]:after, .com-service-contact-us:after{
    display: none;
}
#content .uk-grid ul li{
    margin:5px 0;
}
.service-child-content-top .item img{
    margin-top:0;
    height:87px;
    width:87px;
}
.services.uk-grid .inner.uk-grid img    {
    padding:0;
    height:87px;
    width:87px;
}

.maintitle, h2{
    color: var(--color);
}
.three-col .first-col h2:after{
        border-bottom: 3px solid var(--color_2);
}


/*home-video*/
.home #content .service-content-block.blue{
    background:transparent;
}
.home #content .service-content-block.blue p{
    padding:0;
    border:none;
}
.home #content .service-content-block.blue video{
    width:100%;
}

/*footer*/
.footer{
    background-color:var(--color) ;
}

.footer .wrapper.flex .item h2{
    color:var(--color_2);
}
.more-page .item{
    height:240px;
}
.more-page .item .background:after, .more-page .item:before{
    background: linear-gradient(0deg, rgba(86, 170, 246, 0.65), rgba(86, 170, 246, 0.65)), url(./assets/image/more-pages-background.jpg);
    background-size:100%;
}

.five-col .item{
    background-color: #F0F6FF;
}
.five-col .item:hover {
    background-color: #f5f9ff;;
}

.five-col .item .wrap{
    padding:30px 15px;
}

.five-col .item .wrap .logo{
    height:100px;
}
.five-col .item .wrap img{
    max-width: 87px;
}
.three-col .first-col .wrap{
    float:left;
}

/*footer social*/

ul.social-network{
    justify-content: flex-start;
    gap:20px;
}
ul.social-network li i{
    width:24px;
    height: 24px;
}
ul.social-network li i.linkedin{
    background-image: url(./assets/image/linkedin-footer-icon.svg);
    background-position: unset;
}
ul.social-network li i.facebook{
    background-image: url(./assets/image/facebook-footer-icon.svg);
    background-position: unset;
}
ul.social-network li i.twitter{
    background-image: url(./assets/image/twitter-footer-icon.svg);
    background-position: unset;
}

/*open opportunities*/
.two-column-bg .benefits p{
 color:var(--color_2);
}
.positions-container h2.group-header{
 color:var(--color_2);
}
.open-opportunities-page .custom-list li button{
     color:var(--color_2);
}

/*back button on pages header image*/
.service-child-content-top .left-image a.back{
    display:none;
}


.service-content-block:nth-child(even) {
    background-color: var(--color);
}

.service-content-block:nth-child(even) h5 {
    color: #FFF;
}
body.page-id-1248 #content .wrapper {
    max-width: 1195px;
}
body.page-id-1248 #content .service-content-block.blue {
    background: transparent;
}
.no-pad {
    margin-top: 35px !important;
}
.home-boxes .titlesection {
    font-size: 15px;
}

/******center of excellance page********/

.blue-right-bg .right-col {
    padding: 0 50px;
    background: #102A52;
}
.right-col-inner {
    padding: 20px 0;
}
.right-col-inner .title {
    margin-top: 30px;
}
.right-col-inner p{
	font-size:14px;
    font-weight: 500;
    color: #fff;
    line-height:24px;	
}
.right-col-inner h2 {
    font-size: 36px;
    font-weight: 600;
    text-transform: unset;
    color: #fff;
    line-height: 42px;
}
.text-with-heading h2 {
    color: #1B3565;
    font-size: 36px;
    text-align: center;
    text-transform: unset;
    line-height: 41px;
}
.text-with-heading p {
    color: #1B3565 !important;
    font-size: 14px;
    font-weight: 500;
}
.text-with-heading {
    padding-top: 60px;
    padding-bottom: 30px;
}
.text-with-heading .custom-width {
    max-width: 1190px;
}
.center-three .wrapper {
    max-width: 1270px;
}
.center-three .three-col .first-col .wrap
{ max-width: 100%;margin-right:0;}
.center-three h3 {
    color: #1B3565;
    font-size: 20px;
    font-weight: 700;
}
.center-three p {
    color: #4B8BD7 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}
.center-three .uk-width-1-3\@m {
    margin-bottom: 20px;
}
.center-three .three-col {
    margin-top: 0;
}
.center-three.last {
    margin-bottom: 60px;
}
.cap_right h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    text-transform: unset;
}
ul.cap_inner_services img {
    width: 29px;
    margin-right: 15px;
}
ul.cap_inner_services a:hover{color:#318CDD;}
ul.cap_inner_services a {
    color: #1B3565;
    font-size: 20px;
    font-weight: 600;
}
.cap_right h2 img {
    margin-right: 15px;
}
ul.cap_inner_services {
    margin-left: 80px;
}
ul.cap_inner_services li:before {
    content:none !important;
}
.cap_left {
    width: 40%;
    float: left;
    background-position: right;
}
.cap_right {
    padding-top: 40px;
    padding-bottom:40px;
    width: 60%;
    float: left;
}
.page-id-1324 .site-header {
    height: 330px !important;
}
.page-id-1324 .site-header h1 {
    text-align: left;
    text-transform: none;
    margin: 0;
    margin-top: 140px !important;
    margin-left: 70px !important;
}
.single-content-blue {
    background: #062A55;
}
.single-content-blue h5 {
    color: #FFF;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.01em;
}
.single-content-blue p, .single-content-blue li,.single-content-blue a {
    color: #FFF;
}
ul.inner_services li:before {
    content:none;
}
ul.white-li li a {
    color: #fff;
}
ul.cap_inner_services.white-li {
    margin-left: 0;
}
.page-id-1304 .site-header .header-background {
    top: 0;
}
.uk-grid.new_caps {
    min-height: 180px;
}
.cap_left{position:relative;}
.new_cap_odd .cap_left:after {
    position: absolute;
    right: 0;
    content: '';
    border-bottom:185px solid transparent;
    border-left: 0px solid transparent;
    border-right: 70px solid #f7f8fa;
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.new_cap_even .cap_left:after {
    position: absolute;
    right: 0;
    content: '';
    border-top: 198px solid transparent;
    border-left: 0px solid transparent;
    border-right: 75px solid #fff;
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.new_cap_even .cap_left:hover:after {
    border-right: 0px solid #fff;
}
.new_cap_odd .cap_left:hover:after {
    border-right: 0px solid #f7f8fa;
}

.new_caps:hover .cap_left:after {
    border-right: 0px solid #fff;
}
.new_caps:hover .cap_left:after {
    border-right: 0px solid #f7f8fa;
}
.page-id-36 #content {
    display: block !important;
}




@media only screen and (min-width: 960px) {
    .service-content-block:nth-child(even) h5 {
        color: #FFF;
        font-weight: 600;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.01em;
    }
}

@media only screen and (min-width: 767px) and (max-width: 830px) {
	.cap_right h2 { font-size: 20px !important;}
	ul.cap_inner_services a {font-size: 14px !important;}
	.cap_right {padding-left: 20px !important;}
}	
@media only screen and (max-width:500px) {
	.cap_right{width:100% !important;}
	.cap_left{width:100% !important;min-height: 130px;}
	ul.cap_inner_services { margin-left: 0 !important;}
	.cap_right h2{text-align:center;font-size:30px !important;}
	.cap_right h2 span {display: block;text-align: center;}
	ul.cap_inner_services a {font-size: 15px !important;}
}


.service-content-block:nth-child(even) p, .service-content-block:nth-child(even) li {
    color: #FFF;
}