/*!
Theme Name: about
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aboutnet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

about is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* GENERAL SETTINGS START */
@font-face {
    font-family: 'Manrope';
    src: url('assets/google-fonts/Manrope-Bold.woff2') format('woff2'),
    url('assets/google-fonts/Manrope-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/google-fonts/Manrope-Light.woff2') format('woff2'),
    url('assets/google-fonts/Manrope-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/google-fonts/Manrope-Regular.woff2') format('woff2'),
    url('assets/google-fonts/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --default-font-family: 'Manrope', sans-serif;
    --dark-bg-color: #100f0f;
    --dark-transparent-bg-color: rgba(20, 20, 21, 0.6);
    --gray-bg-color: #e7e8ea;
    --blue-bg-color: #53b8e9;
    --white-bg-color: #ffffff;
    --about-white-text: #ffffff;
    --about-gray-text: #a4a4a4;
    --about-default-text: #212529;
    --about-blue-text: #0D5E87;
    --transparent-bg-color: transparent;
    --blue-bg-color-1: #3d80a0;
    --blue-bg-color-2: #264758;
}
html{
    scroll-behavior: smooth;
}
svg.svg-logo,
img{
    max-width: 100%;
    height: auto;
}
a,a:visited,a:active,a:hover{
    color: var(--about-blue-text);
    text-decoration: none;
    transition: all 0.25s;
}
body{
    font-family: var(--default-font-family);
    color: var(--about-default-text);
}
p{
    /* font-weight: 300; */
    font-weight: normal;
}
.about-bg-dark{
    color: var(--about-white-text);
    background-color: var(--dark-bg-color);
}
.about-bg-gray{
    background-color: var(--gray-bg-color);
}
.about-bg-blue{
    background-color: var(--blue-bg-color);
}
.about-bg-white{
    background-color: var(--white-bg-color);
}
.about-bg-dark-transparent{
    background-color: var(--dark-transparent-bg-color);
}
.about-default-text{
    color: var(--about-default-text)!important;
}
.about-gray-text{
    color: var(--about-gray-text)!important;
}
.about-blue-text{
    color: var(--about-blue-text)!important;
}
.title-line-100,
.title-line{
    border-top: 2px solid  var(--about-blue-text);
    width: 100%;
}
.title-line{
    max-width: 35px;
}
.background-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.darken-bg-image{
    background-color: var(--dark-transparent-bg-color);
    background-blend-mode: multiply;
}
.min-height-300{
    min-height: 300px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
footer input:focus,
footer input:active{
    color: var(--about-white-text)!important;
    background-color: inherit!important;
}
form{
    position: relative;
}
/* GENERAL SETTING END */

/* HEADER START */
.custom-logo-link svg{
    max-width: 250px;
}
.dark-logo .site-header .custom-logo-link svg .cls-2{
    fill: var(--about-default-text);
}
.primary-menu > li > a{
    display: flex;
    align-items: center;
    min-height: 5rem;
    padding: 0.75rem;
}
.primary-menu > li li > a{
    display: flex;
    align-items: center;
    min-height: 3rem;
    padding: 0.5rem;
    width: 250px;
}
.primary-menu li{
    transition: all 0.25s;
}
.primary-menu .sub-menu li{
    border-left: 5px solid transparent;
}
.primary-menu .sub-menu li:hover{
    border-left: 5px solid var(--blue-bg-color);
}
.primary-menu .sub-menu li + li {
    border-top: 1px solid #222222;
}
.primary-menu li:hover > a{
    color: var(--about-white-text)!important;
    background-color: #222222;
}
.mobile-menu a,
.mobile-menu a:visited,
.mobile-menu a:active,
.mobile-menu a:hover,
.primary-menu a,
.primary-menu a:visited,
.primary-menu a:active,
.primary-menu a:hover{
    color: var(--about-white-text);
}
.dark-logo .primary-menu > li > a,
.dark-logo .primary-menu > li > a:visited,
.dark-logo .primary-menu > li > a:active,
.dark-logo .primary-menu > li > a:hover{
    color: var(--about-default-text);
}
.primary-menu .sub-menu{
    list-style: none;
    padding-left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
    background-color: var(--dark-bg-color);
    position: absolute;
    top: 100%;
}

.primary-menu .sub-menu .sub-menu{
    top: 0;
    left:100%;
}
.primary-menu .menu-item-has-children{
    position: relative;
}
.primary-menu .menu-item-has-children:hover > .sub-menu{
    opacity: 1;
    visibility: visible;
}

/* Mobile Menu */
.mobile-menu{
    position: fixed;
    top: 0;
    left: 100%;
    transition: left 0.75s ease 0s;
    height: 100vh;
    overflow-y: scroll;
}
.mobile-menu li{
    position: relative;
}
.mobile-menu li::before{
    content: "";
    display: inline-block;
    min-height: 3rem;
    width: 5px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
}
.mobile-menu .menu-item-has-children.show-dropdown,
.mobile-menu li:hover{
    background-color: #222222;
}
.mobile-menu li:hover::before{
    background-color: var(--blue-bg-color);
}
.mobile-menu li a{
    display: flex;
    align-items: center;
    min-height: 3rem;
    max-width: 100vw;
    width: 320px;
    padding-left: 1.5rem;
}
.mobile-menu .menu-item-has-children{
    position: relative;
}
.mobile-menu .menu-item-has-children > i{
    position: absolute;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}
.mobile-menu .menu-item-has-children.show-dropdown > i,
.mobile-menu .menu-item-has-children > i:hover{
    background-color: var(--blue-bg-color);
}
/* .mobile-menu .menu-item-has-children:hover::after{
content: "\f077";
} */

.mobile-menu ul{
    padding-left: 0;
    list-style: none;
}
.mobile-menu .sub-menu{
    display: none;
}

.mobile-menu .menu-item-has-children.show-dropdown > .sub-menu{
    display: block;
}
.mobile-menu .menu-item-has-children.show-dropdown > i::before{
    transform: rotate(180deg);
}
.mobile-menu .menu-item-has-children.show-dropdown > a{
    color: var(--about-blue-text);
}
.mobile-menu .menu-item-has-children.show-dropdown li:hover > a{
    background-color: var(--dark-bg-color);
}
.breadcrumbs{
    display: flex;
    background-color: #f7f7f7;
}
.breadcrumbs > div{
    display: flex;
    align-items: center;
    position: relative;
}
.breadcrumbs > div:not(:last-child){
    background-color: var(--dark-bg-color);
}
.breadcrumbs > div:not(:first-child){
    padding-left: 30px;
}
.breadcrumbs > div:not(:last-child)::after,
.breadcrumbs > div:not(:last-child)::before{
    border-bottom: 25px solid transparent;
    border-left: 15px solid var(--dark-bg-color);
    border-top: 25px solid transparent;
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
}
.breadcrumbs > div > a{
    color: var(--about-white-text);
}
.breadcrumbs > div:last-child > a{
    color: var(--about-default-text);
}
.breadcrumbs > div > a:hover{
    color: var(--about-blue-text);
}
.breadcrumbs > div > a,
.breadcrumbs > div > span{
    display: inline-block;
    line-height:50px;
    min-width: 50px;
    text-align: center;
}
/* HEADER END */

/* MAIN START */
.special-site-description{
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 10;
    font-size: 1rem;
    opacity: 0.5;
	color: #999;
}
.special-site-description a{
    padding: 0.25rem;
    color: var(--about-white-text);
    background-color: rgba(0,0,0,0.25);
    transition: all 0.25s;
}
.special-site-description a:hover{
    background-color: rgba(0,0,0,0.75);
}
.fullWidthSlider .slide-container{
    background-color: var(--dark-transparent-bg-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.fullWidthSlider .slide-container > .row{
    min-height: 100vh;
}
.aboutnet-transparent-button{
    background-color: var(--transparent-bg-color);
    border: 2px solid var(--about-white-text);
}
.aboutnet-transparent-button:hover{
    color: var(--about-default-text)!important;
    background-color: var(--white-bg-color);
}
.text-with-left-line p{
    text-align: justify;
    margin-bottom: 0;
}
.card-container {
    display: grid;
    perspective: 700px;
}
.card-flip {
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.5s ease;
}
.front {
    grid-area: frontAndBack;
}
.back {
    grid-area: frontAndBack;
    opacity: 0;
    transition: all 0.5s;
    transform: rotateY(-180deg);
}
.card-container:hover .card-flip {
    transform: rotateY(180deg);
}
.card-container:hover .back{
    opacity: 1;
}
.aboutNewsSlider .swiper-slide{
    height: auto;
}
ul.service-info{
    list-style: none;
    margin-bottom: 0;
}
ul.service-info li {
    position:relative; /* so that pseudoelements are positioned relatively to their "li"s*/
    /* use padding-bottom instead of margin-bottom.*/
    margin-bottom: 0; /* This overrides previously specified margin-bottom */
    padding-bottom: 1.5rem;
}

ul.service-info li:after {
    /* bullets */
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f192";
    color: var(--about-blue-text);
    background-color: var(--about-white-text);
    line-height: 1;
    position: absolute;
    left: -26px; /*adjust manually*/
    top: 5px;
}

ul.service-info li:before {
    /* lines */
    content:"";
    position: absolute;
    left: -19px; /* adjust manually */
    border-left: 2px solid var(--about-blue-text);
    height: 100%;
    width: 1px;
}

ul.service-info li:first-child:before {
    /* first li's line */
    top: 6px; /* moves the line down so that it disappears under the bullet. Adjust manually */
}

ul.service-info li:last-child:before {
    /* last li's line */
    height: 6px; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */
}
.about-news-grid{
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 0.5rem auto 0.5rem auto 0.5rem auto;
    grid-template:  "c0 c1 c2 c3"
    "c0 c5 c2 c7"
    "c4 c5 c6 c7";
    gap: 0.5rem;
}
.about-news-grid img{
    width:100%;
    object-fit:cover;
}
.single-grid-image{
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
}
.about-videos .title-container{
    width: 50%;
    height: 50%;
    left: 0;
    top: -2rem;
}
.about-videos .swiper-slide:not(.swiper-slide-active) > :not(a:first-child){
    opacity: 0;
}
.about-videos .swiper-slide:not(.swiper-slide-active) img{
    filter: brightness(0.5);
}
.youtube-iframe-all-container{
    position: fixed;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: var(--dark-transparent-bg-color);
    z-index: 1070;
}
.close-button,
.youtube-close-button{
    cursor: pointer;
}
.youtube-iframe-container iframe{
    max-width: 100vw;
    max-height: 100vh;
}
.outer-container .row-to-stretch{
    /* min-height: 400px; */
}
.text-with-side-image p{
    font-weight: normal;
}
.outer-container.text-with-side-image .row-to-stretch{
    min-height: 300px;
}
.text-with-side-image
.small-content-text p{
    text-align: justify;
}
.single-service-container .background-image,
.text-with-side-image .background-image{
    width: 50%;
}
.about-clients-area img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
}
.swiper-previous i,
.swiper-next i{
    transition: all 0.25s;
}
.swiper-previous i:hover,
.swiper-next i:hover{
    color: var(--about-blue-text);
}
.about-news a:hover,
.about-blog a:hover,
.about-videos a:hover{
    color: var(--about-default-text);
}

/* Rate My Post */
.rmp-btn{
    background-color: var(--blue-bg-color);
    border: 2px solid var(--blue-bg-color);
    transition: all 0.25s;
}
.rmp-btn:hover{
    color: var(--about-blue-text);
    background-color: var(--white-bg-color);
    border: 2px solid var(--blue-bg-color);
}
.rmp-rating-widget .rmp-icon--hovered{
    color: var(--about-blue-text);
    opacity: 0.65;
}
.rmp-rating-widget .rmp-icon--full-highlight,
.rmp-rating-widget .rmp-icon--processing-rating{
    color: var(--about-blue-text);
}
.pagination .page-numbers{
    display: inline-block;
    padding: 6px 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 0.25s;
}
.pagination a.page-numbers:hover{
    background-color: rgba(99, 99, 99, 0.05);
}
/* MAIN END */

/* FOOTER START */
.prefooter p{
    text-align: justify;
    margin-bottom: 0;
}
.prefooter a{
    color: var(--about-default-text);
    transition: all 0.025s;
}
.prefooter a:hover{
    color: var(--about-blue-text);
}
.footer-menu a,
.footer-menu a:visited,
.footer-menu a:active{
    color: var(--about-default-text);
}
.footer-menu a:hover{
    color:  var(--about-blue-text);
}
.footer-menu li{
    line-height: 1;
    margin: 0.5rem 0;
}
.footer-menu li+li{
    padding-left: 0.5rem;
    border-left: 2px solid var(--about-default-text);
    margin-left: 0.5rem;
}
.form-submit-popup{
    top: calc(100% + 1rem);
    left: 0;
}
.contact-actions{
    z-index: 1080;
}
.contact-actions a > div{
    color: var(--about-default-text);
    transition: all 0.25s;
}
.contact-actions a:hover > div{
    color: var(--about-white-text);
    background-color: var(--blue-bg-color);
}
.top-scroll{
    display: none;
}
.top-scroll a > i{
    color: var(--about-default-text);
    background-color: var(--white-bg-color);
}
.top-scroll a:hover > i{
    color: var(--about-white-text);
    background-color: var(--dark-bg-color);
}
.contact-pop-up-container{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* min-height: 100vh; */
    z-index: -1;
    opacity: 0;
    transition: all 0.25s;
    backdrop-filter: blur(10px);
    display: grid;
    gap: 15px;
    justify-items: center;
    align-items: center;
}
.contact-pop-up-info{
    display: grid;
    grid-template-columns: repeat(2,auto);
    align-items: center;
}
/* FOOTER END */

/* ESHOP PAGE */
.post-16760 {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px){
.post-16760 {
    max-width: 1320px;
}
}


/* RESPONSIVE */
@media only screen and (max-width: 991px) {
    .about-news-grid{
        grid-template:  "c0 c1"
        "c0 c2"
        "c3 c2"
        "c5 c4"
        "c5 c7"
        "c6 c7";
    }
}
@media only screen and (max-width: 991px) {
    .single-service-container .background-image,
    .text-with-side-image .background-image{
        width: 100%;
        opacity: 0.15;
        filter: blur(4px);
        z-index: -1;
    }
        
    .espa_banner img  { 
        width: 350px !important;
    }
    
    }
    
}
@media only screen and (max-width: 575px) {
    .about-news-grid{
        grid-template:  "c0"
        "c1"
        "c2"
        "c3"
        "c4"
        "c5"
        "c6"
        "c7";
    }
    .about-videos .title-container{
        width: 100%;
        top: -1.5rem;
    }
    
        .espa_banner img  { 
        width: 300px !important;
        top: inherit !important;
        bottom: 0px !important;
    }
}
@media only screen and (max-width: 425px) {
        .award__img img{
        width:90px;
    }
}

.grecaptcha-badge { 
    visibility: hidden;
}

.espa_banner img  {
    width: 450px;
	position: absolute;
	top: 600px;
	z-index: 9;
	right: 24px;
}

.termsfeed-com---palette-light .cc-cp-foot-save,
.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-nb-reject {
    background-color: #53b8e9 !important;
}

.widget_aboutnet-socials {
    padding-top:10px; 
}

.widget_aboutnet-text {
    padding-top:10px;
    padding-bottom:10px;
}


/*Wave*/
.special-site-description{
        opacity: 1!important;
    color: #fff!important;
}
 
 
/*footer*/
.widget-title{
    color:#fff!important;
}

.main-footer,
.main-footer *,
.main-footer .about-gray-text,
.main-footer .about-blue-text,
.main-footer .widget-title,
.main-footer .textwidget,
.main-footer li,
.main-footer label,
.main-footer input,
.main-footer button,
.main-footer i {
    color: #fff !important;
}

.main-footer a,
.main-footer a.about-gray-text,
.main-footer a.about-blue-text {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.main-footer a:hover,
.main-footer a:focus {
    color: #fff !important;
    text-decoration: underline !important;
}

.main-footer .title-line {
    background-color: #fff !important;
    border-color: #fff !important;
}

.main-footer input.form-control {
    color: #fff !important;
    border-color: #fff !important;
}

.main-footer input.form-control::placeholder {
    color: #fff !important;
    opacity: 1;
}

.main-footer input.form-control:focus {
    color: #fff !important;
    border-color: #fff !important;
    box-shadow: none !important;
}

.main-footer button[type="submit"],
.main-footer button[type="submit"] i {
    color: #fff !important;
}

/* header */
/* Header black background */
#masthead,
.site-header,
.mobile-menu {
    background-color: #000 !important;
}

/* All header text / links white */
#masthead,
#masthead a,
#masthead .custom-logo-link,
#masthead .site-branding,
#masthead .menu-container a,
#masthead .primary-menu a,
#masthead .mobile-menu a,
#masthead .mobile-menu i {
    color: #fff !important;
}

/* Logo SVG letters/icons white */
#masthead .svg-logo path,
#masthead .svg-logo .cls-1,
#masthead .svg-logo .cls-2 {
    fill: #fff !important;
}

/* Mobile hamburger / close icon white */
#masthead #menu-open,
#masthead #menu-close {
    color: #fff !important;
}

/* Submenu background black + text white */
#masthead .sub-menu {
    background-color: #000 !important;
}

#masthead .sub-menu a {
    color: #fff !important;
}

/* Hover / active states stay white */
#masthead a:hover,
#masthead a:focus,
#masthead .current-menu-item > a,
#masthead .current-menu-ancestor > a {
    color: #fff !important;
}


/*chatbot close*/
.chatbot-welcome-close{
    color:#000!important;
}

/* footer links */
#footer-menu a,
#cookie-menu a,
.col-12.small.about-gray-text.text-center a {
    color: #000 !important;
}

/* more wave */
.pagination .page-numbers:hover, .pagination .page-numbers.current{
    background-color:#0d5e87!important;
}

/*title*/
header.page-header.background-image.darken-bg-image {
    position: relative !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
    background-blend-mode: multiply !important;
}

header.page-header.background-image.darken-bg-image .container {
    position: relative !important;
    z-index: 2 !important;
}

header.page-header.background-image.darken-bg-image h2.text-center.text-white.fs-1.fw-bold {
    color: #ffffff !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.95) !important;
}

/*galazio xrwma change se keimeno*/
.col-md-5.col-12 h4[style*="#53B8EA"],
.col-md-5.col-12 h4[style*="#53b8ea"],
.col-md-5.col-12 h4[style*="rgb(83, 184, 234)"] {
    color: #0d5e87 !important;
}

/*contact form submit*/
.wpcf7-submit{
    background-color:#0d5e87!important;
}

/*ebay selida*/
/* Replace inline light blue text colors */
main#primary [style*="#53b8ea" i],
main#primary [style*="rgb(83, 184, 234)" i] {
    color: #0d5e87 !important;
}

/* Aboutnet blue text/icons */
main#primary .about-blue-text {
    color: #0d5e87 !important;
}

/* FontAwesome blue icons */
main#primary i.about-blue-text,
main#primary .fa-plus.about-blue-text,
main#primary .fa-hand-point-right.about-blue-text {
    color: #0d5e87 !important;
}

/* Blue buttons / backgrounds */
main#primary .about-bg-blue,
main#primary .btn.about-bg-blue,
main#primary button.about-bg-blue,
main#primary a.about-bg-blue {
    background-color: #0d5e87 !important;
    border-color: #0d5e87 !important;
    color: #ffffff !important;
}

/* Button text */
main#primary .about-bg-blue *,
main#primary .btn.about-bg-blue *,
main#primary button.about-bg-blue *,
main#primary a.about-bg-blue * {
    color: #ffffff !important;
}

/* Hover / focus */
main#primary .about-bg-blue:hover,
main#primary .about-bg-blue:focus,
main#primary .btn.about-bg-blue:hover,
main#primary .btn.about-bg-blue:focus,
main#primary button.about-bg-blue:hover,
main#primary button.about-bg-blue:focus,
main#primary a.about-bg-blue:hover,
main#primary a.about-bg-blue:focus {
    background-color: #0a4b6c !important;
    border-color: #0a4b6c !important;
    color: #ffffff !important;
}