/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* GAP ANALYSIS LANDING PAGE */


.ga-usp img {
    object-fit: fill;
    width: 75px !important;
    height: 65px !important;
}

.ga-usp .elementor-swiper-button.elementor-swiper-button-prev {
    top: 140px !important;
    left: -360px !important;
}

.ga-usp .elementor-swiper-button.elementor-swiper-button-next {
    top: 170px !important;
    left: -340px !important;
    right: auto !important;
}

.ga-usp .elementor-swiper-button.elementor-swiper-button-prev {
    top: 170px !important;
    left: -360px !important;
}

.ga-partners img.swiper-lazy.swiper-lazy-loaded {
    border-radius: 0px;
    object-fit: contain;
}

.ga-partners .elementor-testimonial {
    align-items: center !important;
}

.ga-partners .elementor-testimonial__footer {
    border-right: 1px solid #D0AC6A;
    margin-right: 40px;
}

.ga-partners .elementor-testimonial__text {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    padding-right: 55px;
}

.ga-partners span.elementor-testimonial__name {
    font-weight: 600;
    color: #D0AC6A;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
}

.ga-partners .elementor-swiper-button.elementor-swiper-button-next {
    content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-right.svg);
    border: 1px solid #000;
    border-radius: 50px;
    padding: 7px;
    top: 400px !important;
}

.ga-partners .elementor-swiper-button.elementor-swiper-button-prev {
    content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-left.svg);
    border: 1px solid #000;
    border-radius: 50px;
    padding: 7px;
    top: 400px !important;
    left: 1000px !important;
}

#gform_3 input, #gform_3 select, #gform_3 textarea {
    border: none;
    color: #b2b0b0 !important;
    font-family: 'Calibri' !important;
    font-size: 14px;
}

#gform_3 input::placeholder, #gform_3 select::placeholder, #gform_3 textarea::placeholder {
    color: #b2b0b0 !important;
}

fieldset#field_3_7 {
    background-color: #fff;
    padding: 10px 10px;
    color: #b2b0b0;
    font-family: 'Calibri';
}

legend.gfield_label.gform-field-label.gfield_label_before_complex {
    display: contents;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0;
}

#gform_3 .ginput_container.ginput_container_checkbox {
    margin-top: 10px;
}

input#gform_submit_button_3 {
    background-color: #fff;
    color: #cba052 !important;
    font-family: 'Calibri' !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 40px;
}

input#gform_submit_button_3:hover {
    background-color: #000;
    color: #fff !important;
    font-family: 'Calibri' !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 40px;
}


/* PERFECT FIT */

.slider-text {
    display: flex;
    font-size: 18px;
	align-items: center;
}

.slider-text img {
    width: 25%;
}



/* END */


h2.wp-block-heading {
    font-size: 26px;
}

body p, body a {
    line-height: 1.5em !important;
}

h1 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.3em !important;
}

.steps-heading h2 {
    font-size: 38px;
    line-height: 48px;
}

h2 {
    font-weight: 300 !important;
    color: 1c1b1f !important;
    line-height: 1.3em !important;
}

h3 {
    font-weight: normal;

    color: 1c1b1f !important;
    line-height: 1.3em !important;
}

span.link-underline {
    text-decoration: underline;
}

.subheading span, span.icon-small-heading {
    color: #d0ac6a !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400 !important;
    margin-bottom: 10px;
}

.subheading {
    margin-bottom: 0px !important;
}

h3.elementor-icon-box-title {
    margin-top: -7px;
}


/* READ MORE TOGGLE BUTTONS */

.readmorebtn .elementor-tab-title a {
    display: block;
    text-align-last: left;
    font-weight: 500 !important;
    text-align: center;
    transition: all 0.25s ease;
    color: #d0ac6a !important;
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: underline;
}


.readmorebtn .elementor-tab-title a:hover {
    color: #1c1b1f !important;
}

.readmorebtn .elementor-tab-title.elementor-active::before {
    content: 'Read Less';
    font-size: 14px;
    font-weight: 500 !important;
    display: block;
    text-align-last: left;
    color: #1c1b1f;
    text-transform: uppercase;
    text-decoration: underline;
}

.readmorebtn .elementor-tab-title.elementor-active:hover::before {
    content: 'Read Less';
    font-size: 14px;
    font-weight: 500 !important;
    display: block;
    text-align-last: left;
    color: #d0ac6a;
    text-transform: uppercase;
    text-decoration: underline;
}


.readmorebtn .elementor-toggle-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
}
.readmorebtn .elementor-tab-title.elementor-active a {
    display:none;
} 
.readmorebtn .elementor-toggle .elementor-tab-title {
    display: flex;
    justify-content: left;
}
.elementor-tab-content {
    text-align: -webkit-left;
}




/* APPROACH SLIDER */

/*.approach-slide div#swiper-wrapper-83c65bb119f46ab2, .approach-slide div#swiper-wrapper-3b4207b6c52ad2eb {
    transform: translate3d(-100px, 0px, 0px) !important;
}*/

.approach-slide .swiper-slide {
    width: 377px !important;
}

.approach-slide .swiper-slide-inner {
    width: 300px;
    margin: 0px !important;
    display: inline !important;
    padding: 0px !important;
    position: absolute !important;
}

.approach-slide .elementor-swiper-button.elementor-swiper-button-prev {
    left: -370px !important;
    right: 60px !important;
    top: 350px !important;
}

.approach-slide .elementor-swiper-button.elementor-swiper-button-next {
    left: -330px;
    top: 350px !important;
}

.approach-slide i.eicon-chevron-left, .approach-slide i.eicon-chevron-right {
    font-size: 16px;
    border: 1px solid;
    border-radius: 50%;
    padding: 5px;
}

.approach-slide i.eicon-chevron-left:hover, .approach-slide i.eicon-chevron-right:hover {
    background-color: #D0AC6A;
    transition: background-color 1s;
}

@media only screen and (max-width: 600px) {
.approach-slide i.eicon-chevron-left, .approach-slide i.eicon-chevron-right, .vl, .hl {
    display: none;
}
    .approach-slide .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom:-45px !important;
    }
}

.flip-box-front h2 {
    font-family: "Roboto", Sans-serif;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 30px;
}

p.step-description {
    margin-top: 30px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 1.3em;
}


/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: #000;
  width: 300px;
  height: 400px;
    perspective: 1000px; /*  perspective: 1000px; /* Remove this if you don't want the 3D effect */*/
  box-shadow: 0 4px 14px 3px rgba(0, 0, 0, 0.08);
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;/*  transform-style: preserve-3d;*/
  border: none !important;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
    background-color: #000;
    color: #eee;
    align-content: center;
    display: grid;
    padding: 20px 40px;
}

/* Style the back side */
.flip-box-back {
    background-color: #000;
    color: #eee;
    align-content: center;
    display: grid;
    transform: rotateY(180deg);
    padding: 20px 20px;

}

.flip-box-back p {
    font-size: 14px !important;
}




/* OTHER */

a.refer-link {
    text-transform: none;
}

a.refer-link:hover {
    text-transform: none;
    color: #fff !important;
}


.small-btn-posts a {
    background-color: #fff !important;
    border: 1px solid #d0ac6a !important;
    color: #1c1b1f !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 0px;
    margin-left: 5px;
}

.small-btn-posts a:hover {
    background-color: #d0ac6a !important;
}

.widget-title.wpc-filter-title {
    display: none;
}

.small-btn a {
    color: #d0ac6a !important;
    text-transform: uppercase;
    background-color: #fff !important;
    padding: 0px;
    text-decoration: underline;
    font-size: 14px;
}

.small-btn a:hover {
    color: #000 !important;
    text-transform: uppercase;
    background-color: #fff !important;
    padding: 0px;
    text-decoration: underline;
    font-size: 14px;
}

.solutions-list li {
    width: 50% !important;
    display: block;
}

.solutions-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    FONT-WEIGHT: 300;
}

.subtext p {
    font-size: 22px !important;
    line-height: 1.4em;
}

.case-study-date ul.elementor-icon-list-items li a span {
    font-size: 16px !important;
}

.close-popup .elementor-icon-box-icon {
    margin-top: -8px;
}

span.sub-arrow::before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/10/menu-plus.svg);
    float: right;
    clear: both;
    display: inline !important;
}

a.has-submenu {
    justify-content: space-between !important;
}

a.elementor-sub-item {
    margin-left: 20px;
}


.elementor-location-popup li.menu-item {
    border-bottom: 1px solid #fff !important;
}

a.tel-number {
    text-decoration: underline;
    font-weight: 300 !important;
}


/* HOME */

.stepsslide i.eicon-chevron-left:hover, .stepsslide i.eicon-chevron-right:hover {
    background-color: #D0AC6A;
    transition: background-color 1s;
    color: #000 !important;
}

.home .challenge {
    display: none !important;
}

.home .elementor-accordion-item:nth-child(1) {
    border-top: none !important;
    padding-top: 0px;
}

.home .elementor-accordion-item {
    margin-bottom: 30px;
    border-top: 1px solid #000 !important;
    padding-top: 30px;
}

.elementor-accordion-item .elementor-accordion-title, .elementor-accordion-item .elementor-accordion-icon .elementor-accordion-icon-right {
    vertical-align: middle !important;
    align-items: center;
    display: flex !important;
}

.home #elementor-tab-title-6291 a:before, .approach #elementor-tab-title-6291 a:before, .approach #elementor-tab-title-2211 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/New-client-aquisition.svg);
    padding-right: 8px;
}

.home #elementor-tab-title-6292 a:before, .approach #elementor-tab-title-1501 a:before, .approach #elementor-tab-title-2215 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Database-growth-_-nurturing.svg);
    padding-right: 8px;
}

.home #elementor-tab-title-6293 a:before, .approach #elementor-tab-title-1502 a:before, .approach #elementor-tab-title-2216 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Client-Upselling-_-Retention.svg);
    padding-right: 8px;
}

.home #elementor-tab-title-6294 a:before, .approach #elementor-tab-title-1503 a:before, .approach #elementor-tab-title-2217 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Data-Analysis-_-Reporting.svg);
    padding-right: 8px;
}


/* APPROACH */

i.eicon-play:hover {
    background-color: #000 !important;
}

.approach #elementor-tab-title-2271 a:before, .approach #elementor-tab-title-1201 a:before  {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Google-Ads.svg);
    padding-right: 20px;
}
.approach #elementor-tab-title-2272 a:before, .approach #elementor-tab-title-1202 a:before  {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Social-Ads.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-2273 a:before, .approach #elementor-tab-title-1203 a:before  {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Email-Marketing.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-2274 a:before, .approach #elementor-tab-title-1204 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Product-feed-optimization.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-1951 a:before, .approach #elementor-tab-title-1205 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Tracking-and-Integrations.svg);
    padding-right: 20px;
}


.approach #elementor-tab-title-1952 a:before, .approach #elementor-tab-title-1206 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/SEO.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-1953 a:before, .approach #elementor-tab-title-1207 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Website-conversion-optimization.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-1954 a:before, .approach #elementor-tab-title-1208 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Data-Analysis-and-Reporting.svg);
    padding-right: 20px;
}

.approach #elementor-tab-title-6293 a:before, .approach #elementor-tab-title-1205 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Tracking-and-Integrations.svg);
    padding-right: 35px;
}

.approach #elementor-tab-title-6294 a:before, .approach #elementor-tab-title-1202 a:before {
    content: url(https://metisonline.bigbeardbeta.co.za/wp-content/uploads/2023/12/Social-Ads.svg);
    padding-right: 35px;
}


.approach .elementor-accordion-item {
    border-left: none !important;
    border-right: none !important;
    border-width: 1px !important;
}


/* OUR PURPOSE */

.readmorebtn ul {
    padding-left: 20px !important;
    font-weight: 300;
    padding-bottom: 20px;
}




/* ARTICLES */

.wpc-filter-content select {
    width: 100%!important;
    border: none;
    margin-right: 16px;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.wpc-edit-filter-set {
    display: none;
}

.wpc-filter-content select {
    width: 100%!important;
    margin-bottom: 1em;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-style: solid;
    border-radius: 0px !important;
    background-color: #fff !important;
    border: 1px solid #d0ac6a !important;
    color: #1c1b1f !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 0px;
    margin-left: 5px;

}

.wpc-filter-content select:hover {
    width: 100%!important;
    margin-bottom: 1em;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-style: solid;
    border-radius: 0px !important;
    background-color: #D0AC6A !important;
    border: 1px solid #d0ac6a !important;
    color: #1c1b1f !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 0px;
    margin-left: 5px;

}


.probox {
    height: 40px !important;
    border-radius: 0px !important;
    padding: 0px !important;

}

button.promagnifier {
    height: 40px !important;
    width: 45px !important;
}

form {
    padding-top: 6px !important;
}


span.elementor-post-date {
    float: right;
    color: #d0ac6a;
    font-weight: 500;
    font-size: 14px;
}

span.page-numbers.current {
    border: 1px solid #000;
    padding: 7px 14px;
    background-color: #000;
}

a.page-numbers:hover {
    color: #fff;
    background: #000;
    font-weight: 300;
}

.page-numbers {
    border: 1px solid #000;
    padding: 7px 14px;
}

.archive-form input#gform_submit_button_2 {
    background-color: #d0ac6a;
    color: #fff !important;
    font-weight: normal !important;
}

.archive-form input#input_2_1::placeholder {
    color: #1c1b1f !important;
}

.archive-form input#input_2_1 {
    border: none;
    padding: 23px 0px 0px 0px !important;
    color: #1c1b1f !important;
}


span.elementor-post-info__item-prefix {
    color: #d0ac6a !important;
}

span.rt-label.rt-prefix {
    color: #d0ac6a;
    font-weight: 300;
    text-transform: uppercase;
}

span.rt-time, span.rt-postfix {
    font-weight: 300;
}


nav.wp-post-nav-shortcode {
    width: 100% !important;
    grid-column-gap: 39%;
}


.wpc-filter-content select {
    width: 100%!important;
    border: none;
    margin-right: 10px;
    margin-bottom: 0px !important;
}



/*  CONTACT */

#gform_1 input, #gform_1 select, #gform_1 textarea {
    background-color: #fcfcfc !important;
}

select#input_1_11 {
    padding: 12px 10px !important;
}



/* FOOTER */

.footer-heading {
    margin-bottom: 6px !important;
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: normal;
}

.footer-text p {
    margin-bottom: 0px !important;
    font-size: 14px;
    font-weight: normal;
}

.footer-links a {
    color: #e2e2e2 !important;
    font-weight: 300;
    font-size: 14px;
}

.footer-menu a {
    font-weight: normal;
}

.footer-links a:hover {
    color: #D0AC6A !important;
}

p, .elementor-icon-list-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
}

div#gform_confirmation_message_2 {
    color: #fff !important;
    font-size: 13px !important;
    border-bottom: 1px solid #D0AC6A !important;
    padding-bottom: 10px !important;
}

div#gform_fields_2 {
    border-bottom: 1px solid #D0AC6A;
    padding-bottom: 20px;
    grid-column-gap: 11.5% !important;
}

input#gform_submit_button_2 {
    border: 1px solid #D0AC6A ;
    color: #D0AC6A !important;
}

input#gform_submit_button_2:hover {
    border: 1px solid #D0AC6A ;
    color: #000 !important;
    background-color: #D0AC6A;
}

input#input_2_1 {
    background-color: inherit;
    color: #e2e2e2 !important;
    outline: none !important;
    outline-color: none !important;
    border: none !important;
}

input#input_2_1::placeholder {
    color: #e2e2e2;
}

label.gfield_label.gform-field-label {
    display: none !important;
}

.gform_heading {
    display: none;
}

label.gfield_label.gform-field-label {
    font-size: 15px !important;
    font-weight: normal !important;
}

.gfield input, .gfield textarea, .gfield select {
    border: solid 1px #000;
    padding: 10px 15px !important;
	border-radius: 0px;
	font-weight: 300 !important;
	color: #000 !important;
    outline: none;
}

.gfield input, .gfield textarea, .gfield_select {
    color: #000;
    font-weight:  300 !important;
}

input#gform_submit_button_1:hover {
    background-color: #d0ac6a;
    color: #000;
    font-weight: normal;
}

input#gform_submit_button_1 {
    border: 2px solid #d0ac6a;
    border-radius: 0px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
}



/* MEDIA QUERIES FOR TABLET */

@media only screen and (max-width: 850px) {
	.ga-usp .elementor-swiper-button.elementor-swiper-button-prev {
    top: 140px !important;
    left: -320px !important;
}
	
	.ga-usp .elementor-swiper-button.elementor-swiper-button-next {
    top: 140px !important;
    left: auto !important;
}
	
	.ga-partners .elementor-swiper-button.elementor-swiper-button-next {
    content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-right.svg);
    border: 1px solid #000;
    border-radius: 50px;
    padding: 7px;
    top: 250px !important;
}
	
	.ga-partners .elementor-swiper-button.elementor-swiper-button-prev {
    content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-left.svg);
    border: 1px solid #000;
    border-radius: 50px;
    padding: 7px;
    top: 250px !important;
    left: 660px !important;
}
	
	.ga-partners .elementor-testimonial {
    display: block !important;
}
	
}

@media (max-width: 767px) {
    .elementor-testimonial--mobile-align-left .elementor-testimonial {
        text-align: left;
        display: block !important;
    }
	
	  .ga-usp .elementor-swiper-button.elementor-swiper-button-next {
        top: -15px !important;
        left: auto !important;
    }
	
	.ga-usp .elementor-swiper-button.elementor-swiper-button-prev {
        top: -15px !important;
        left: 10px !important;
    }
	
	.ga-partners .elementor-testimonial__footer {
    border-top: 1px solid #D0AC6A;
    margin-top: 40px;
    border-right: 0px;
    margin-right: 0px;
}
	
	    .ga-partners .elementor-swiper-button.elementor-swiper-button-next {
        content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-right.svg);
        border: 1px solid #000;
        border-radius: 50px;
        padding: 7px;
        top: 470px !important;
    }
	
	.ga-partners .elementor-swiper-button.elementor-swiper-button-prev {
        content: url(https://metis.agency/wp-content/uploads/2023/11/slider-arrow-left.svg);
        border: 1px solid #000;
        border-radius: 50px;
        padding: 7px;
        top: 470px !important;
        left: 260px !important;
    }
}



/* MEDIA QUERIES FOR MOBILE */

@media only screen and (max-width: 420px) {
    a.has-submenu {
    justify-content: center !important;
}

a.elementor-sub-item {
    margin-left: 0px !important;
}

li.menu-item a {
    text-align: center !important;
    justify-content: center;
}

li .menu-item-home a:nth-child(1) {
    padding-top: 0px !important;
}

div#gform_fields_2 {
    border-bottom: 1px solid #D0AC6A;
    padding-bottom: 20px;
    display: inline-flex !important;
    grid-column-gap: 14.5% !important;
}

.archive-form div#gform_fields_2 {
    display: inline-flex !important;
    grid-column-gap: 20% !important;
}
	
	    .ga-usp .elementor-swiper-button.elementor-swiper-button-next {
        top: -15px !important;
        left: auto !important;
    }
	
	.ga-usp .elementor-swiper-button.elementor-swiper-button-prev {
        top: -15px !important;
        left: 10px !important;
    }
	

	.ga-partners .elementor-testimonial {
    display: block !important;
}

}

body ul {
    margin-bottom: 15px !important;
}