@charset "utf-8";

/* ----------------------------------
Name: style-custom.css
Version: 1.0
Updates and runovers
-------------------------------------
*/

/* 
!!! !!! FYI: !!! !!!
** SOME CLASS NAMES ARE TO BE INSERTED FOR UPDATE ON ALL PLACES - MIXIN STYLE, i.e: '.portfolio-radius'
*/

@media (min-width: 1024px) and (max-width:1400px) {}
@media (min-width: 1024px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

body {
    font-size: 16px;
    line-height: 1.5em;
}
/* Color update */
.text-medium-gray, .btn.text-medium-gray {color:#757575}
span.bold-text {
    font-weight: bold;
}
.ital-text {
    font-style: italic;
}
@media (max-width: 767px) {
    header + section.wow.fadeIn {
        padding-top: 6rem;
    }
    /*.extra-small-screen {
        height: auto;
    }*/
}
@media (max-width: 767px) {
    .extra-small-screen {
        height: auto;
    }
}


/* COLOR UPDATE */
:root {
    /*--main-color: #E82665;*/ /* rgba(232, 38, 101, 1.00) */
    --main-color: #E6185B; /* rgba(230, 24, 91, 1.00) */
}

.text-deep-pink, .btn.text-deep-pink { color: var(--main-color); }
a.text-link-deep-pink, a.text-link-deep-pink i {color: var(--main-color)}
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color: var(--main-color) !important; }
.text-middle-line-deep-pink:before {border-bottom: 1px solid var(--main-color); }
.text-decoration-line-through-deep-pink:before {background: var(--main-color); }
.bg-deep-pink {background-color: var(--main-color); }
.new-demo {background: var(--main-color); }
.bg-deep-pink {background-color: var(--main-color); }
.bg-deep-pink-opacity {background-color: rgba(232, 38, 101, 0.85); }
.btn.btn-deep-pink {background: var(--main-color); border-color: var(--main-color); }
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus { border-color: var(--main-color); color: var(--main-color); }
.btn.btn-transparent-deep-pink { border-color: var(--main-color); color: var(--main-color); }
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: var(--main-color); border-color: var(--main-color); }
.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: var(--main-color); }
.border-color-deep-pink {border-color: var(--main-color) !important; }
.overline-icon-box.overline-deep-pink{border-top-color: var(--main-color) !important; }
.social-icon-style-5 a:hover { background-color: var(--main-color); } 
.social-icon-style-5-light a:hover { background-color: var(--main-color); } 
.social-icon-style-6 a:hover {border-color: var(--main-color); color: var(--main-color); }
.social-icon-style-8 a:hover { color: var(--main-color); }
.full-width-pull-menu .link-style-2 ul li.show > a:after  {background: var(--main-color)}
.big-menu-links li a:after { background: var(--main-color); }
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { border-bottom: 1px solid var(--main-color); }
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color: var(--main-color)}
header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a { color: var(--main-color); }
.menu-new a:after {background: var(--main-color) none repeat scroll 0 0; }
.swiper-bottom-scrollbar-full .swiper-scrollbar-drag { background: var(--main-color)}
.swiper-auto-slide .swiper-scrollbar-drag:before{ background: var(--main-color); }
.swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 { background-color: var(--main-color); }
.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background-image: none; background: var(--main-color);  }
.list-style-2 li:before { background-color: var(--main-color); }
.list-style-3 li:before { background-color: var(--main-color); }
.list-style-4.list-style-color li:before { color: var(--main-color); }
.list-style-5.list-style-color li:before { color: var(--main-color); }
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{ background-color: var(--main-color); }
.feature-box.feature-box-7 .box:hover .content { border-bottom-color: var(--main-color); }
.feature-box.feature-box-7 .box:hover i { color: var(--main-color) }
.feature-box-8:hover .icon-round-small{ color: var(--main-color) !important; }
.feature-box-9:hover p { color: var(--main-color); }
.feature-box-10:hover .number { background: var(--main-color); }
.feature-box-13:before { background: var(--main-color); }
.feature-box.feature-box-17 .box:hover .content { border-bottom-color: var(--main-color); }
.feature-box.feature-box-17 .box:hover { background-color: var(--main-color); }
.counter-feature-box-1:hover { background: var(--main-color); border-color: var(--main-color); }

.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li .active i{ color: var(--main-color); }
.tab-style5 .nav-tabs li a:hover { color: var(--main-color); }
.tab-style5 .nav-tabs .nav-link.active { color: var(--main-color) !important; border-bottom: 2px solid var(--main-color) !important; }
.scroll-top-arrow:hover { border-color: var(--main-color); }
.newsletter .btn.border-color-deep-pink {border-color: var(--main-color); }
.instafeed-style1 .insta-counts span.count-number { background: var(--main-color); }
.text-bold-underline:before {background-color: var(--main-color); }
.buy-theme:hover, .all-demo:hover { background: var(--main-color); }

.skillbar-bar-style3 .skillbar-bar { 
    background: var(--main-color); 
    background: -moz-linear-gradient(left, var(--main-color) 0%, #ffffff 100%); 
    background: -webkit-linear-gradient(left, var(--main-color) 0%,#ffffff 100%); 
    background: linear-gradient(to right, var(--main-color) 0%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E82665', endColorstr='#ffffff',GradientType=1 );
}

/* HEADER */
header a.logo {
    display: flex;
}
header a.logo img {
    max-height: 44px;
}

/*.footer-logo { max-height: 36px; }*/
.nav.navbar.navbar-default ul.nav > li > a {
    padding-bottom: 1rem;
}
nav.navbar.bootsnav li.dropdown ul li {
    padding-left: .75rem;
}

@media (max-width: 1199px) {
    header.inner-header {
        min-height: 5rem;
    }

    /* When projects is on Homepage */
    header nav .navbar-nav > li > a {
        margin: 0 10px;
    }
}

@media (max-width: 991px) {
    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 100vh;
    }
}

@media (min-width: 768px){
    header.home-header nav.navbar.white-link .navbar-nav > li > a.active, 
    header.home-header nav.navbar.bootsnav.white-link ul.nav > li > a.active, 
    header.home-header nav.navbar.bootsnav ul.nav.white-link > li > a.active, 
    header.home-header.header-appear nav.header-dark-transparent .navbar-nav > li > a.active, 
    header.home-header.header-appear nav.header-dark .navbar-nav > li > a.active, 
    header.home-header.sticky nav.header-dark .navbar-nav > li > a.active, 
    header.home-header.sticky nav.header-dark-transparent .navbar-nav > li > a.active {
        border-bottom: 2px solid #ffffff;
        color: rgba(255,255,255,1);
    }
}

header.home-header nav.navbar.white-link .navbar-nav > li a:hover {
    /*background: rgb(0,0,0,.1);*/
    border-bottom: 1px solid rgba(255,255,255,.6);
    color: rgba(255,255,255,1);/* !important;*/
}
header.home-header nav.navbar.white-link .navbar-nav > li.dropdown a:hover {
    border-bottom: 0px solid rgba(255,255,255,.6);
}
header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active {
    color: var(--main-color);
}
/* HEADER INNER */
@media (min-width: 992px) {
    nav.navbar.bootsnav li.dropdown .mega-menu-full {
        width: 50%;
        margin: 0 auto;
        left: 20%;
    }
    nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
        width: 100%;
    }
    header.home-header nav.navbar.bootsnav li.dropdown .mega-menu-full {
        width: 50%;
        margin: 0 auto;
        left: auto;
        right: 0%;
    }
}

/* MAIN SECTION */
@media (max-width: 767px) {
    .mobile-height .full-screen, .swiper-full-screen .full-screen {
        height: 540px !important;
        min-height: 540px !important;
    }
}
.bg-magenta {
    background: rgb(232, 38, 101);
    background: linear-gradient(0deg, rgba(150,0,118,1) 0%, rgba(232, 38, 101) 100%);
}
.hero-item h1 + p span {
    font-size: 1.25rem;
}
.hero-item h1 {
    border-bottom: 1px solid white;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
/* NUTSHELL */
.features i[class^='icon'] {
    color: var(--main-color);
}
.icon-small {font-size: 2rem}
.inner-link.text-white-2 {
    border-color: transparent;
}

.inner-link.text-white-2:hover {
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,.6);
}
.item-nutshell {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
/* PORTFOLIO */
/*
.portfolio-grid .grid-item figure { border-radius: 1rem; }
.portfolio-grid .grid-item figure img { border-radius: 1rem; }
*/
.portfolio-radius figure, 
.portfolio-radius figure img, 
.portfolio-radius img {
    border-radius: 1rem;
}
.portfolio-radius-top img {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.portfolio-radius-bottom img {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.box-radius {
    border-radius: 1rem;
}

/* LINKS NAMES */
.link-graphic { color: inherit; }
.link-logo { color: inherit; }
.link-academy { color: inherit; }

.link-ux { color: inherit; }
.link-plus { color: inherit; }
.link-web { color: inherit; }

.link-proj-final {}
.link-proj-posters {}
.link-proj-add {}

/* WORK */
.accordion-style2 .panel-title {
    display: flex;
}
.accordion-style2 .panel-title .tab-tag {
    /*flex:1 0 25%;*/
    flex:0 1 18%;
}
.accordion-style2 .panel-title .tab-tag + .d-inline-block {
    flex-grow: 1;
}
.accordion-style2 .panel-heading i {
    text-align: right;
    width: 6%;
}
.accordion-style2 .panel-body li {
    margin-bottom: .5rem;
}
#random{
    /* BOX MODEL */
    width: auto;
    height: auto;
    border: 0 solid black;
    
    /* ENHANCEMENT */
    background-image: url('../images/main/design-plus-home-2.jpg');
    background-position: center center;
    background-size: cover;

    background-repeat: no-repeat;
    background-position: left 25% center !important;
}
/* ABOUT */

/* CONTACT */

/* PROJECTS */
h1 .main-title-small {
    font-size: 2rem;
}
@media (max-width: 991px) {
    .solo-item div:first-child, .solo-item div:last-child {
        display: none;
    }
    .row.solo-item {
        justify-content: center;
    }
}