/*
Theme Name:   VECTOR LABS THEME
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  
Author:       Levy Khokhlov & Will Morrison
Author URI:   wa.me/584140783361
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, elementor, child theme
Text Domain:  hello-elementor-child
*/

/*   CSS Content Pages 29/April/2025   */

.vector_violet {color: #a229ce!important;}
.font-weight-semi {font-weight: 500!important;}
.light-violet {color: #F383FF!important;}
.light-violet-gray-bckgr {color:#FFAEFE!important;}

/* star-point-list-style */
.star-point-list {
    padding-left: 24px;
}
.star-point-list li {
    padding-bottom: 0.65rem;
    list-style: none;
}
.star-point-list li:before {
    content: '';
    position: absolute;
    margin-left: -28px;
    margin-right: 28px;
    margin-top: 5px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("https://vectorlabs.com/wp-content/uploads/2024/10/Star.svg")
}

/* 3d-box-list-style */
.three-dimensional-box-list {
    padding-left: 24px;
}
.three-dimensional-box-list li {
    padding-bottom: 0.65rem;
    list-style: none;
}
.three-dimensional-box-list li:before {
    content: '';
    position: absolute;
    margin-left: -24px;
    margin-right: 12px;
    margin-top: 6px;
    width: 0.9em;
    height: 0.9em;
    background-repeat: no-repeat;
    background-image: url("https://vectorlabs.com/wp-content/uploads/2024/11/Hexagon_-icon.svg")
}

/* about us page */
.o-title {
    font-family: 'Open Sans'!important;
    font-optical-sizing: auto;
}
@media screen and (max-width: 1024px) {
    .about-us-story-pic {
        margin: 5px 0px 15px 40px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
  #about-s-main {
    /*background-size: cover;*/
    background-size: 160%;
  }
}
@media screen and (max-width: 440px) {
  .no-wrap {white-space: normal;}
  .quote-sign {
   		width:15px;
		margin-left: -18px;
		margin-right: 3px;
		margin-bottom: 5px;
		color: #a229ce;
	}
	#about-s-main {
		padding-top:18%;
    	padding-bottom: 18%;
  	}
}
/* community page */
  .community-title {
    background-color: #28014B;
    padding: 0px 20px 10px 20px;
    border-radius: 15px;
}
@media only screen and (min-width: 1930px) {
  .community-page-top-banner {
      min-height: 550px!important;
  }
  .community-title-container .elementor-widget-container {margin-bottom: 3%!important;}
}
@media only screen and (max-width: 410px) {
  .community-title {
        padding: 2px 10px 5px 10px!important;
        border-radius: 10px!important;
    }
}
/* biodesign page custom rules */
.bd-list-items li.elementor-icon-list-item {margin-bottom: 10px;}
.bd-list-items li.elementor-icon-list-item a {display: inline!important;}
/* inline text link custom rules */
.inline-link {
    text-decoration: underline dashed!important;
    text-underline-offset: 5px!important;
}
.inline-link:hover {
    color: #7408e3!important;
}

    /* list links style */
    .section-prod-link {
        color: inherit!important;
        text-decoration: none;
    }
    .focus {
        background-color: #f3e1ff;
        border: 1px solid #ebcaee;
        padding: 2px 8px 4px 8px;
        border-radius: 8px;
        line-height: 1.1em;
        cursor: pointer;
		transition-duration: 400ms;
    }
    .focus:hover {background-color: #e6c6fb;}
    .focus:active {background-color: #e0b4fd;}
    .section-products {margin-bottom: 0; margin-top: 0; margin-left: -40px;}
    .section-products li {
        list-style: none;
        padding-bottom: 20px;
        line-height: 20px;
        display: inline-flex;
        margin-right: 10px;
    }
    .section-products-container {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    @media only screen and (max-width: 1024px) {
        .section-products li {display: inline-flex;}
    }

    @media only screen and (max-width: 570px) {
        .focus {
            line-height: 1.5em!important;
        }
        .section-products li {padding-bottom: 20px; display: inline-flex;}
        .section-products-container {flex-direction: column;}
    }

/* landing pages thin top promo banner */
.promo-thin-top-banner-button {
    float:right;
    font-size:16px;
    background-color: #ffffff;
    border-radius: 8px;
    color: #9b00b1;
    padding: 2px 16px 3px 16px;
    cursor: pointer;
    transition-duration: 300ms;
}
.promo-thin-top-banner-button:hover {background-color: #000000; color:white;}
.promo-thin-top-banner-button:active {background-color: #60006e;}
@media only screen and (max-width: 1024px) {
        .promo-thin-top-banner-button {
            margin-top: 20px;
        }
    }

    @media only screen and (max-width: 570px) {
        .promo-thin-top-banner-button {
            float:left;
            margin-top: 10px;
        }
    }