/*
Theme Name: Vidassa
Theme URI: https://www.purple-valley.com
Author: the Purple Valley team
Author URI: https://www.purple-valley.com
Description: Vidassa Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: vidassa

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

/******************************************************************imports************************************************************************/
@import 'css/fonts/fonts.css';
@import 'css/bootstrap.min.css';
@import 'css/classes.css?v=1.0.0';
@import 'css/slick.css';
/*************************************************************************************************************************************************/

/*****************************************************************rewrited styles*****************************************************************/
body {
    font-family: 'filsonpro';
    line-height: normal;
}

figure {
    margin-bottom: 0 !important;
}

a:hover {
    text-decoration: none;
    color: inherit !important;
}

p:empty {
    display: none;
}

input::-webkit-input-placeholder {
    opacity: 1 !important;
}

input::-moz-placeholder {
    opacity: 1 !important;
}

input:-ms-input-placeholder {
    opacity: 1 !important;
}

input::-ms-input-placeholder {
    opacity: 1 !important;
}

input::placeholder {
    opacity: 1 !important;
}

button {
    outline: 0 !important;
}

.navbar-brand {
    margin-right: 120px;
}

main {
    padding-top: 75px;
}

.slick-prev, .slick-next {
    z-index: 10;
}
/*************************************************************************************************************************************************/

/********************************************************************custom classes***************************************************************/
.filsonsoft {
    font-family: 'filson_soft';
}

.visby {
    font-family: 'visby_cf';
}

.text-xxxl {
    font-size: 40px;
}

.title-md {
    font-size: 30px;
}

.title-xxs {
    font-size: 16px;
}

.title-xxxs {
    font-size: 12px;
}

.text-lg {
    font-size: 20px;
}

.title-xs {
    font-size: 22px;
}

.text-lightyellow {
    color: #fffcd4;
} 

.text-orange {
    color: #ff9220;
}

.text-lightorange {
    color: #fbae17;
}

.text-lightyellow strong {
    background-color: #fbae17;
    border-radius: 50rem !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.bg-orange {
    background-color: #ff9220;
}

.bg-darkorange {
	background-color: #f97e19;
}

.bg-lightyellow {
    background-color: #fffcd4;
}

.bg-green {
    background-color: #527d44;
}

.bg-lightorange {
    background-color: #ffaa00;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.rounded-22 {
    border-radius: 22px;
}

.navbar-orange .navbar-nav .nav-link,
.navbar-orange .navbar-text,
.navbar-orange .navbar-text a {
    color: #fff;
    background-color: transparent;
    font-weight: 500;
}

.navbar-orange .navbar-nav .nav-link:hover,
.navbar-orange .navbar-nav .nav-link:focus,
.navbar-orange .navbar-nav .show > .nav-link,
.navbar-orange .navbar-nav .active > .nav-link,
.navbar-orange .navbar-nav .nav-link.show,
.navbar-orange .navbar-nav .nav-link.active,
.navbar-orange .navbar-text a:hover,
.navbar-orange .navbar-text a:focus {
    color: #ff9220;
    background-color: #fffcd4;
    font-weight: 800;
}

.navbar-orange .navbar-nav .nav-link.disabled {
    color: rgba(255, 146, 32, 0.25);
}

.navbar-orange .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.navbar-orange .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.product .position-absolute {
    opacity: 0;
}

.product:hover .position-absolute {
    opacity: 1;
}

.position-md-absolute {
    position: static;
}

.vidassa-bullets ul,
.vidassa-list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.vidassa-bullets ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.vidassa-bullets ul li::before {
    content: '';
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
    height: 30px;
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 18px;
}

.vidassa-list ul li {
    background-color: #fbae17;
    border-radius: 50rem !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 4px;
    display: inline-block;
}

.vidassa-accordion {
    border: 1px solid #ff9220;
}

.vidassa-accordion .card-header {
    border-bottom: 1px solid #ff9220;
}

.vidassa-accordion {
    border-radius: 10px;
}

.vidassa-accordion h3 button::before {
    content: '';
    display: block;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    max-width: 12px;
    height: 13px;
    background-image: url(images/combo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin-right: 8px;
}

.vidassa-accordion h3 button.collapsed::before {
    background-image: url(images/plus.png);
}

.product-category-link:hover,
.product-category-link.active {
    background-color: #ffaa00;
}

.border-left2 {
  border-left: 2px solid #dee2e6 !important;
}

.border-lightyellow {
    border-color: #fffcd4 !important;
}

.border-lightorange {
    border-color: #fbae17 !important;
}

.custom-form-control {
    border-radius: 8px !important;
}

.presentation {
    min-width: 66px;
}

.line-height-30 {
	line-height: 30px;
}
/*************************************************************************************************************************************************/

/******************************************************************specifyc styles****************************************************************/
#home {
    height: -webkit-calc(100vh - 30px);
    height: -moz-calc(100vh - 30px);
    height: -ms-calc(100vh - 30px);
    height: -o-calc(100vh - 30px);
    height: calc(100vh - 30px);
}

#home_ribbon {
    height: 90px;
}

#home_ribbon1 {
	height: 30px;
}

#home_ribbon1 img {
	width: 30px;
}

#paginator li .paginator-item {
    background-color: #fbae17;
    font-size: 13px;
    width: 32px;
    height: 32px;
}

#paginator li .paginator-item:hover,
#paginator li .paginator-item.active {
    background-color: #f97e19;
    font-weight: 800;
    font-size: 22px;
    width: 42px;
    height: 42px;
}
/*************************************************************************************************************************************************/

/******************************************************************responsive breakpoints*********************************************************/
@media (min-width: 768px) {
    .title-xxxl {
        font-size: 121px;
    }

    .title-xxl {
        font-size: 90px;
    }

    .title-xl {
        font-size: 64px;
    }

    .title-lg {
        font-size: 58px;
    }

    .title-md {
        font-size: 48px;
    }

    .title-rg {
        font-size: 36px;
    }

    .title-sm {
        font-size: 28px;
    }

    .text-xxxl {
        font-size: 51px;
    }

    .text-xxl {
        font-size: 28px;
    }

    .text-xl {
        font-size: 22px;
    }

    .text-md {
        font-size: 18px;
    }

    .text-rg {
        font-size: 16px;
    }

    .text-sm {
        font-size: 14px;
    }

    .text-xs {
        font-size: 12px;
    }

    .text-xxs {
        font-size: 10px;
    }

    .text-xxxs {
        font-size: 8px;
    }

    main {
        padding-top: 83px;
    }

    #home {
        height: -webkit-calc(100vh - 38px);
        height: -moz-calc(100vh - 38px);
        height: -ms-calc(100vh - 38px);
        height: -o-calc(100vh - 38px);
        height: calc(100vh - 38px);
    }

    .position-md-absolute {
        position: absolute;
    }

    #video {
        margin-top: -150px;
    }

    .vidassa-bullets ul li {
        padding-top: 15px;
        padding-bottom: 15px;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .vidassa-bullets ul li::before {
        margin-top: 5px;
    }

    .vidassa-list ul li {
        padding-left: 40px;
        padding-right: 40px;
    }
}
/*************************************************************************************************************************************************/