/*
 Theme Name:   picostrap5 Child Base
 Theme URI:    https://picostrap.com
 Description:  Child theme for Picostrap5. Experience the power of SASS, merged with the WordPress Customizer. Implementing Bootstrap 5.3.6. Please refer to the <a target="_blank" href="https://picostrap.com/documentation/">documentation</a> to get started. 
 Author:       The LiveCanvas Team
 Author URI:   https://livecanvas.com
 Version:      4.0.0
 Template: picostrap5 
 Text Domain:  picostrap5
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/
.btn{border-radius: 40px;}
.btn-custom-secondary { position: relative; border-radius: 70px; background: white; padding-left: 20px; padding-right: 15px; border: 0!important; color: var(--bs-primary); font-weight: bold;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;}
.btn-custom-secondary::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; background: linear-gradient(45deg, #A11E5B 0%, #DB488C 100%); border-radius: 73px; z-index: -1; }
.btn-custom-secondary:hover {background: linear-gradient(45deg, #A11E5B 0%, #DB488C 100%); color: #FFF;}
.btn-custom-secondary i{background-color: #DB4B8C; padding: 12px; border-radius: 50%; position: relative; left: 7px; top: 1px; display: inline-block; color:#FFF;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.btn-custom-secondary:hover i{background-color: #FFF; color:#DB4B8C; transform: rotate(180deg);}
.btn-custom-white { position: relative; border-radius: 70px; background: transparent; padding-left: 20px; padding-right: 15px; border: 0!important; color: #FFF; font-weight: bold; border: 3px solid #FFF!important;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;}
.btn-custom-white:hover {background: #FFF; color: var(--bs-primary);}
.btn-custom-white i{background-color: #FFF; padding: 12px; border-radius: 50%; position: relative; left: 7px; top: 1px; display: inline-block; color: var(--bs-primary);
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.btn-custom-white:hover i{background-color: var(--bs-primary); color:#FFF; transform: rotate(180deg);}
.bg-secondary-light{background-color: #DB4B8C!important;}
.border-secondary-light{border-color: #DB4B8C!important;}
.text-secondary-light{color: #DB4B8C!important;}
.bg-secondary-dark{background-color: #8A0844 !important;}
.text-secondary-dark{color: #8A0844 !important;}
.bg-gradient{background: linear-gradient(180deg, #A11E5B 0%, #DB488C 100%)!important;}
.title_line span{position: relative;}
.title_line span:not(.text-secondary):after{
content: ''; position: absolute; bottom: -10px; left: -0.5rem; right: -0.5rem; height: 24px; z-index: -1;
background-image: url('/wp-content/uploads/underline.svg'); background-repeat: no-repeat; background-size: cover;
}
.title_line.main_title_line span:not(.text-secondary):after{ bottom: 5px; }
.title_line.bg_line span:not(.text-secondary):after{z-index: 0;}
.card{border-radius: 18px;}
.card p{line-height: 1.6;}
.text-grey{color: #7E7C7C!important;}
.svg-bull{display: inline-block; width: fit-content; border-radius: 50%;}
.svg-bull svg{height: 45px; width: 45px;}
.border-decoration{border: 2px solid #DB4B8C; border-radius: 50%; padding: 1px;}
.bull-decoration{position: absolute; border-radius: 50%;}
.bull-decoration .position-relative{width: 100%; height: 100%;}
.bull-decoration .white-dot{position: absolute; border: 10px dotted #FFF; border-radius: 50%;}
.bull-decoration .primary-dot{position: absolute; border: 10px dotted #39355f; border-radius: 50%;}
.img-desaturate{filter: grayscale(100%);}
.hr-dotted{border-top: 4px dotted #39355f !important; opacity: 1;}
.category-span a{color: #a11e5b; text-decoration: none;}
.fs-15{font-size: 15px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}
.card-doted{border: 4px dotted #A11E5B;}
.rank-math-breadcrumb a{color: #A11E5B; text-decoration: none;}
.rank-math-breadcrumb .last{font-weight: bold;}
.rank-math-breadcrumb .separator{margin-right: .5rem !important; margin-left: .5rem !important;}
.img-doted{border-radius: 18px; border: 3px dotted #db4b8c; padding: 9px;}
.img-doted img{border-radius: 9px;}
.bull-title{position:relative; margin: 50px 0 50px 30px; z-index: 1;}
.bull-title:before{content: ''; width: 96px; height: 96px; position: absolute; left: -30px; top: -39px; background-color: #F8C0CE; border-radius: 50%; z-index: -1;}
.bull-title.bull-title-secondary:before{background-color: #A11E5B;}
footer{z-index: 1;}
footer:after{content:''; position: absolute; border-radius:50%; width: 200px; height: 200px; border: 8px dotted #FFF; bottom: -50px; right: -120px;}
footer:before{content:''; position: absolute; border-radius:50%; width: 200px; height: 200px; border: 8px dotted #FFF; top: -100px; left: -100px;}
.circle-decoration{border-width: 8px; border-style: dotted; position: absolute; width: 300px; height: 300px; border-radius:50%;}
.main-nav ul.navbar-nav li.nav-item a.nav-link{font-size: 14px;}
.main-nav ul.navbar-nav li.nav-item a.dropdown-item{font-size: 14px;}
.main-nav ul.navbar-nav li.nav-item a.dropdown-item:hover{background-color: #FFF;}
.offcanvas{transition-delay: 400ms;}
.offcanvas-backdrop.show{opacity: 0.3;}
.offcanvas-backdrop.fade{transition-delay: 400ms;}
#navbar-toggler { width: 40px; height: 28px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#navbar-toggler span { display: block; position: absolute; height: 3px; width: 50%; background: #39355f; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#navbar-toggler span:nth-child(even) { left: 50%; border-radius: 0 20px 20px 0; }
#navbar-toggler span:nth-child(odd) { left:0px; border-radius: 20px 0 0 20px; }
#navbar-toggler span:nth-child(1), #navbar-toggler span:nth-child(2) { top: 0px; }
#navbar-toggler span:nth-child(3), #navbar-toggler span:nth-child(4) { top: 12px; }
#navbar-toggler span:nth-child(5), #navbar-toggler span:nth-child(6) { top: 24px; }
#navbar-toggler.open span:nth-child(1),#navbar-toggler.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navbar-toggler.open span:nth-child(2),#navbar-toggler.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navbar-toggler.open span:nth-child(1) { left: 4px; top: 12px; }
#navbar-toggler.open span:nth-child(2) { left: calc(50% - 4px); top: 12px; }
#navbar-toggler.open span:nth-child(3) { left: -50%; opacity: 0; }
#navbar-toggler.open span:nth-child(4) { left: 100%; opacity: 0; }
#navbar-toggler.open span:nth-child(5) { left: 4px; top: 24px; }
#navbar-toggler.open span:nth-child(6) { left: calc(50% - 4px); top: 24px; }
.offcanvas.offcanvas-start{width: 100%; top: 116px;}
.btn-close{width: 10px; height: 10px; background-size: cover; margin-right: 15px!important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2339355f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); opacity: 1;}
body{padding-right: 0!important; padding-top: 73px;}
.link-indent { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-indent: -99999px; }
.offcanvas-backdrop.fade.show{display: none;}
#main-nav-header{position: fixed; left: 0; right: 0; top: 0; background-color: #FFF; z-index: 9999;}
.navbar-nav .dropdown-menu{border: none; border-top: 1px solid rgba(119, 119, 119, .15) !important; border-radius: 0px;}
.nav-link{position: relative;}
.nav-link:before{content: ''; position: absolute; bottom: 3px; left: 0; width: 0; background-color: #A11E5B; height: 1px; -webkit-transition: width 600ms ease-in-out; -moz-transition: width 600ms ease-in-out; -ms-transition: width 600ms ease-in-out; -o-transition: width 600ms ease-in-out; transition: width 400ms ease-in-out;}
.nav-link:hover:before{width: 100%;}
.dropdown-item.active, .dropdown-item:active{color: #212529;}
.dropdown-menu li:hover, .dropdown-menu li:hover a{background-color: #fdf2f5!important;}
.dropdown-toggle::after { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); width: 16px; height: 16px; border: none; top: 12px; background-size: cover; margin-left: 6px;}
.border-custom-radius{ -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.custom-form input, .custom-form textarea{border-radius: 0; border: none; border-bottom: 1px solid #7E7C7C; box-shadow: none !important;}
.custom-form .form-floating>label{top: -7px;}
input.customCk[type="checkbox"] { min-width: 22px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; width: 22px; height: 22px; border: 1px solid #CCC; float: left; margin-right: 10px; margin-top: -2px; float: left; }
input.customCk[type="checkbox"]:checked { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 438.536 438.536'><path d='M433.113 5.424C429.496 1.807 425.215 0 420.267 0H18.276C13.324 0 9.041 1.807 5.425 5.424 1.808 9.04 0 13.322 0 18.271v401.991c0 4.949 1.808 9.233 5.425 12.847 3.619 3.614 7.902 5.428 12.851 5.428h401.991c4.949 0 9.229-1.814 12.847-5.428 3.614-3.614 5.421-7.898 5.421-12.847V18.271c0-4.949-1.807-9.231-5.424-12.847z' fill='%23A11E5B'/></svg>")!important; background-position: center!important; background-repeat: no-repeat!important }
#request-info.was-validated input.customCk[type="checkbox"]:invalid { border-color: var(--bs-form-invalid-border-color) !important; }

@media (max-width: 1199px) {
  #menu-subscription{ position: absolute; bottom: 0; border-radius: 0; left: 0; right: 0; font-size: 22px; }
  .nav-link:before{display: none;}
  .main-nav ul.navbar-nav li.nav-item a.nav-link{font-size: 22px;}
  .main-nav ul.navbar-nav li.nav-item{width: 100%;}
  .dropdown-menu.shadow.show{border-radius: 0; border: 0; box-shadow: none !important;}
  .dropdown-menu.shadow.show .dropdown-item{padding-bottom: 10px; padding-top: 12px; color: #39355f; padding-left: 0; padding-right: 0;}
  .dropdown-menu.shadow.show .dropdown-item:hover{background-color: #fce7ed;}
  .dropdown-menu.shadow.show li{border-bottom: 2px dotted #fce7ed;}
  .main-nav ul.navbar-nav li.nav-item a.dropdown-item:hover{background-color: #FFF;}
  .dropdown-menu li:hover, .dropdown-menu li:hover a{background-color: #FFF!important;}
  .offcanvas-body{padding-left: 30px; padding-right: 30px;}
  #menu-subscription{padding-left: 30px !important; padding-right: 30px !important;}
  .navbar-nav .dropdown-menu{border-top: 0!important;}
  .dropdown-toggle::after {width: 24px; height: 24px; top: 16px; margin-left: 6px;}
  .border-custom-radius{border-radius: 15px;}
}

@media (max-width: 575px) {
footer:after{display: none;}
footer:before{display: none;}
.container, .container-fluid{padding-left:32px!important; padding-right:32px!important;}
}

@media (min-width: 1200px) {
  .container-right-full { width: calc(((100% - 1140px) / 2) + 1140px) !important; margin-right: 0; max-width: 100%; padding-right: 0; overflow: hidden; }
}

@media (min-width: 1320px) {
  .container-right-full { width: calc(((100% - 1320px) / 2) + 1320px) !important; margin-right: 0; max-width: 100%; padding-right: 0; overflow: hidden; }
}

@media (min-width: 2100px) {
  .container-right-full { 
    width: 2100px !important;
    margin-left: calc((100vw - 1320px) / 2);
    margin-right: 0; 
    max-width: 2100px; 
    padding-right: 0; 
    overflow: hidden; 
  }
}







