/* 11 - all home pages - start ==================================================================================================== */ /* 11.01 - home page v.1 - start ================================================== */ /* slider section - start */ .slider-section { .main-carousel { .item { z-index: 1; min-height: 100vh; position: relative; padding-top: 200px; padding-bottom: 100px; &:before { top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; content: ''; position: absolute; background-image: linear-gradient(45deg, #ffffff, transparent); } .slider-content { .title-text { color: #222222; font-size: 60px; line-height: 1.2; margin-bottom: 40px; } p { font-size: 18px; font-weight: 500; max-width: 530px; margin-bottom: 50px; } } } .owl-item.active { .item { .slider-content { .title-text { transition-delay: 3s; transition: all .4s ease; animation: lightSpeedIn 1s linear; } p { transition-delay: 2s; transition: all .4s ease; animation: lightSpeedIn 1s linear; } .btn { transition-delay: 10s; transition: all 1s ease; animation: lightSpeedIn 1s linear; } } } } } } /* slider section - end */ /* blog section - start */ .home-1 { .small-blog { .item-image { width: 170px; } } } /* blog section - end */ /* 11.01 - home page v.1 - end ================================================== */ /* 11.02 - home page v.2 - start ================================================== */ /* home v2 global - start */ .home-2 { .btn { height: 55px; min-width: 170px; line-height: 55px; } .pricing-item { .btn { height: 50px; min-width: 160px; line-height: 50px; } } .owl-theme { .owl-nav { .owl-next, .owl-prev { &:hover { background: $default-pink; border-color: $default-pink !important; &:before { color: #ffffff; } } } } } ::selection { background-color: $default-pink; } ::-moz-selection { background-color: $default-pink; } .form-item { input,textarea { &:focus { outline: none; box-shadow: none; border-color: $default-pink; } } } } /* home v2 global - end */ /* header section - start */ .home-2 { .header-section { background-color: $default-pink; .main-menu { >ul { .menu-item-has-child { .sub-menu { li { &:hover, &.active { >a { color: $default-pink; border-color: $default-pink; } } } } } } } &.stuck { .main-menu { >ul { >li { &:before { background-color: $default-pink; } &:hover, &.active { &:before { opacity: 1; width: 150%; } >a { color: $default-pink; } } } } } } } .sidebar-menu-wrapper { .sidebar-menu { .social-links { >ul { >li { >a { &:hover { border-color: $default-pink; background-color: $default-pink; box-shadow: 0px 5px 10px 1px rgba(216, 61, 105, 0.3); } } } } } } } } /* header section - end */ /* banner section - start */ .banner-section { z-index: 1; position: relative; .overlay-pink { top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; position: absolute; } .overlay-pink { background-color: rgba(214, 53, 99, 0.851); } .parallax-window { min-height: 950px; } .banner-image { width: 775px; float: right; margin-bottom: -242px; } .title-text { font-size: 50px; line-height: 1.44; } p { font-size: 20px; line-height: 1.667; } } /* banner section - end */ /* 11.02 - home page v.2 - end ================================================== */ /* 11.03 - home page v.3 - start ================================================== */ /* home v3 global - start */ .home-3 { .owl-theme { .owl-nav { .owl-next, .owl-prev { &:hover { background: $default-orange; border-color: $default-orange !important; &:before { color: #ffffff; } } } } } .section-title { .sub-title { color: $default-orange; } .title-text { color: #212121; } } .btn { height: 55px; line-height: 55px; } ::selection { background-color: $default-orange; } ::-moz-selection { background-color: $default-orange; } .form-item { input,textarea { &:focus { outline: none; box-shadow: none; border-color: $default-orange; } } } } /* home v3 global - end */ /* header section - start */ .home-3 { .header-section { box-shadow: none; background-color: transparent; &.sticky-header.stuck { box-shadow: 0px 10px 61px 0px rgba(62, 66, 87, 0.14); } .main-menu { >ul { >li { &:before { display: none; } &:hover, &.active { >a { color: $default-yellow; } } } } } &.sticky-header.stuck { .main-menu { >ul { >li { &:hover, &.active { >a { color: $default-yellow; } } } } } } .main-menu { >ul { .menu-item-has-child { .sub-menu { li { &:hover, &.active { >a { color: $default-yellow; border-color: $default-yellow; } } } } } } } } .sidebar-menu-wrapper { .sidebar-menu { .social-links { >ul { >li { >a { &:hover { border-color: $default-orange; background-color: $default-orange; box-shadow: 0px 5px 10px 1px rgba(252, 100, 43, 0.3); } } } } } } } } /* header section - end */ /* slider section - start */ .home-3 { .slider-section { .main-carousel { .item { &:before { background: rgba(26, 27, 28, 0.922); } .slider-content { .title-text { font-size: 79px; line-height: 1.3; margin-bottom: 50px; color: rgb(251, 251, 253); } p { max-width: 100%; font-size: 26px; margin-bottom: 30px; letter-spacing: 1px; color: rgb(241, 194, 46); text-transform: uppercase; } } } &.owl-theme { .owl-nav { .owl-next, .owl-prev { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3) !important; &:before { color: rgba(255, 255, 255, 0.4); } &:hover { background: $default-orange; border-color: $default-orange !important; &:before { color: #ffffff; } } } } } } } } /* slider section - end */ /* call to action section - start */ .calltoaction-section { .section-title { .sub-title { color: $default-yellow; } } } /* call to action section - end */ /* pricing section - start */ .home-3 { .pricing-item { .item-title { font-size: 22px; margin-bottom: 50px; } .pricing-list { margin-bottom: 50px; } } } /* pricing section - end */ /* faq section - start */ .home-3 { .faq-section { .section-title { margin-right: -32px; } } } /* faq section - end */ /* footer section - start */ .home-3 { .footer-section { .newsletter-area { .sub-title { color: $default-orange; } } .useful-links { >ul { >li { >a { &:hover { color: $default-orange; } } } } } .social-links { >ul { >li { >a { &:hover { color: $default-orange; } } } } } .copyright-text { > p { > a { color: $default-yellow; } } } } } /* footer section - end */ /* 11.03 - home page v.3 - end ================================================== */ /* 11 - all home pages - end ==================================================================================================== */