/*
Theme Name: StartWeb
Theme URI: https://www.nayrathemes.com/startweb-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: StartWeb is a unique, clean and professional-looking WordPress theme, perfect for all online digital business. A great variety of layouts and styles allows the creation of different structures and satisfies any specific requirement. The frontend and backend features are focused ease of use so that visitors can get the best user experience. View the demo of StartWeb Pro https://www.nayrathemes.com/demo/pro/?theme=startwebs
Template: startkit
Version: 1.2
Tested up to: 6.1
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: startweb
Slug: startweb
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, portfolio, editor-style, grid-layout

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.

*/

/*
==========================================
    Navigation
==========================================
*/

.startweb .normal-h{
	background-color: #00000050;
}

.startweb #header-top .widget_info i {
    background: #fff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}



.startweb .sticky-wrapper:not(.is-sticky) .main-menu > ul > li > a {
    color: #fff;
}

.startweb .sticky-wrapper.is-sticky a.book-now {
    color: #242424;
}

.startweb .startweb-slider #carousel-custom-indicator {
    position: absolute;
    bottom: 7px;
    text-align: center;
    z-index: 1;
}



.startweb .header-slider .owl-next, .startweb .header-slider .owl-prev,
.startweb .header-slider .owl-next:hover, .startweb .header-slider .owl-prev:hover {
    background-color: transparent;
	outline: none !important;
}


.header-slider .owl-next, .header-slider .owl-prev {
    font-size: 28px;
}

.startweb .header-slider .owl-prev {
    background: url(./images/left.png) no-repeat;
	border-radius:0;
}

.startweb .header-slider .owl-next {
    background: url(./images/right.png) no-repeat;
	border-radius:0;
	padding-right: 59px;
}

.startweb .startkit.slide-content h1 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    text-transform: uppercase;
    font-size: 90px;
}

.startweb .slide-content h4 {
    font-size: 70px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
}

.startweb .slide-content p {
    font-size: 16px;
    font-weight: 500;
}


.startweb .startweb-slider #carousel-custom-indicator button {
    background: #fefefd;
    border-radius: 4px 4px 0 0;
}


.startweb .slide-left .slide-content .boxed-btn {
    padding-left: 0;
}


.startweb #breadcrumb-area {
    padding: 120px 0 10px;
}


.blog-post ul:not(.meta-info) li a,
.blog-post ol:not(.meta-info) li a,
.blog-post table a, strong a, blockquote a,
code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a {
    color: #ffd200;
}

.header-section {
    position: relative;
    z-index: 9999;
}

#breadcrumb-area:after {
    background: #ffd200;
}

.section-header .subtitle {
    background-color: #ffd200;
    border-color: #ffd200;
}

.section-header span {
    color: #ffd200;
}

.section-header .liner:after {
    filter: hue-rotate(150deg);
}

.footer-sidebar .widget ul li a:before,
.header-social li a i,
.post-content a.more-link:hover:after,
#recent-blog a.more-link:hover:after,
.post-content a.more-link:focus:after,
#recent-blog a.more-link:focus:after,
.post-content a.read-more-link:hover:after,
#recent-blog a.read-more-link:hover:after,
.post-content a.read-more-link:focus:after,
#recent-blog a.read-more-link:focus:after,
.scrollup:hover i, .scrollup:focus i,
.image-qouts .rating,
.post-footer a:hover,
.post-footer a:focus,
.post-footer i,
li#searchss .search-toggle,
li#searchss .search-toggle:hover,
li#searchss .search-toggle:focus,
a.boxed-btn i, .boxed-btn i,
.navbar-area .main-menu > ul > li.active > a,
.navbar-area .main-menu > ul > li:hover > a,
.navbar-area .main-menu > ul > li.focus > a {
    color: #ffd200;
}

.animate-border,
a.book-now i, #header-top,
.blog-post .more-link:hover,
.blog-post .more-link:focus,
.blog-post .read-more-link:hover,
.blog-post .read-more-link:focus,
.blog-post.blog-style-2 .post-thumbnail .tags-cat a,
.image-qouts:before,
.post-content .post-date,
.header-slider .owl-next:hover,
.header-slider .owl-prev:hover {
    background-color: #ffd200;
}

/* Aerowana Info Box */
.featured-box {
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    padding: 0;
    position: relative;
    background-color: #ffd200;
}

.col-lg-3:nth-child(odd) .featured-box {
    background-color: #e24f15;
}

.featured-box:hover,
.featured-box:focus-within {
    margin-top: -50px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 4px 33px rgb(0 9 37 / 18%);
    box-shadow: 0 4px 33px rgb(0 9 37 / 18%);
}

.featured-box .title {
    color: #fff;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    padding: 20px 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    margin: 0 25px;
}

.featured-box .title i {
    font-size: 30px;
    margin-right: 10px;
}

.featured-box p {
    padding: 20px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 16px;
}

.featured-box .view-more {
    display: block;
    background: #212529;
    text-transform: uppercase;
    padding: 13px 65px 13px 15px;
    color: #ffffff;
    transition: all .8s;
    -webkit-transition: all .8s;
    text-decoration: none;
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.featured-box .view-more:after {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #212529;
    background: #ffffff;
    top: 0;
}

.featured-box:focus-within .view-more:after,
.featured-box:hover .view-more:after,
.featured-box .view-more:hover:after,
.featured-box .view-more:focus:after {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

.featured-box:focus-within .view-more,
.featured-box:hover .view-more {
    bottom: 0;
    color: #ffffff;
}

/*
===================================================================================
    Service
===================================================================================
*/
/* StartWeb Featured box */
.features-arowana {
    position: relative;
    padding: 36px 30px 16px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    transition: .5s;
    align-items: center;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
}
.features-arowana .icon {
    position: relative;
    font-size: 40px;
    margin-right: 30px;
    transition: .5s;
    line-height: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #ffd200;
}
.features-arowana .icon:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #e9e5df;
    background-color: #fff;
    top: -30px;
    left: -20px;
    transition: .5s;
}
.features-arowana .icon:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #e9e5df;
    background-color: #fff;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: .5s;
}
.features-arowana:hover .icon:after {
    background-color: #ffd200;
    border-color: #ffd200;
}
.features-arowana .count {
    position: absolute;
    top: -38px;
    left: -27px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    background: #fff;
    padding: 2px 6px;
    color: #ffd200;
}
.features-arowana .icon i {
    position: relative;
    z-index: 9;
}
.features-arowana:hover .icon i {
    color: #ffffff;
}
.features-arowana .content {
    max-width: 330px;
    text-align: left;
}
.features-arowana h5 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    transition: .5s;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.features-arowana h5 a {
    font-size: inherit;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
    transition: all .35s cubic-bezier(.645,.045,.355,1);
}
.features-arowana h5 a:hover {
    text-decoration: none;
}
.features-arowana h5:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    border-bottom: 2px dashed #ffd200;
}
.features-arowana .text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: #797979;
    margin-bottom: 20px;
}

/*
===================================================================================
    Blog
===================================================================================
*/

.startweb-btn .boxed-btn, .startweb-btn a.book-now {
    background: none;
    text-decoration: underline;
	border: none;
}



.startweb-btn .boxed-btn:hover i, .startweb-btn .boxed-btn:focus i, 
.startweb-btn a.book-now:hover i, .startweb-btn a.book-now:focus i {
   transform: rotate(0);
}
.startweb-btn a.boxed-btn i, .startweb-btn .boxed-btn i,  .startweb-btn a.book-now i{
    transform: rotate(321deg);
	border-radius: 100%;
	width: 25px;
    height: 25px;
    line-height: 25px;
	transition: all 0.4s ease;
}

/* Scroll Up */

.scrollup {
	z-index: 888;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}
.scrollup:hover i {
	-webkit-animation: slideUp 1s ease-in-out infinite;
	animation: slideUp 1s ease-in-out infinite;
}
.scrollup i {
    color: #fff;
}
@-webkit-keyframes slideUp {
  0%,
  100% {
	-webkit-transform: translate(0, 10px);
			transform: translate(0, 10px);
  }

  50% {
	-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
  }
}

@keyframes slideUp {
  0%,
  100% {
	-webkit-transform: translate(0, 10px);
			transform: translate(0, 10px);
  }

  50% {
	-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
  }
}

/* StartWeb */

/* .startweb .navbar-area nav.main-menu { */
    /* margin-top: 0; */
    /* margin-bottom: 0; */
/* } */

/* .startweb .main-menu > ul { */
    /* white-space: nowrap; */
/* } */

/* .startweb .main-menu > ul > li:after { */
    /* content: ""; */
    /* position: absolute; */
    /* top: -120%; */
    /* right: 0; */
    /* width: 1px; */
    /* height: 81px; */
    /* background: #ececec; */
/* } */

/* .startweb .main-menu > ul > li:last-child:after { */
    /* display: none; */
/* } */

.startweb #recent-blog .blog-post.blog-style-1 .post-thumbnail:after,
.startweb .search-submit {
    background: #ffd200;
}

#header-top .widget_search input[type="submit"].search-submit:hover, #header-top .widget_tag_cloud a:hover, #header-top .widget_search input[type="submit"].search-submit:focus, #header-top .widget_tag_cloud a:focus {
    color: #ffd200;
}


.wp-block-tag-cloud a {
    display: -webkit-inline-box;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 16px!important;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%);
    padding: 5px 10px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #ffffff;
    background: #ffd200;
}

.wp-block-table figcaption {
    text-align: center;
	font-weight: 600;
}

.wp-block-site-title a {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 0.65;
}


.wp-block-table table td {
    text-align: center;
}

.wp-block-image figcaption {
    text-align: center;
}

.sidebar .widget_block:not(.widget_calendar) {
    padding: 18px 20px 10px;
}

ul.wp-block-social-links li a {
    font-size: 24px;
}

ol.wp-block-latest-comments {
    padding: 0;
}

.footer-sidebar .widget.widget_calendar table th {
    color: #fff;
}

.footer-sidebar .wp-block-calendar tbody td, 
.footer-sidebar .wp-block-calendar th {
    padding: 8px 10px;
}

#header-top .widget_product_search button {
    padding: 0 12px;
    line-height: 50px;
}

.post-content .wp-block-calendar thead th {
    text-align: center;
}

.footer-widgets .wp-block-table {
    word-break: break-all;
}

.sidebar .wp-block-latest-comments {
    padding: 18px 20px 22px;
}

.sidebar .wp-block-social-links {
    padding: 10px 12px;
}

.site-content .wp-block-site-logo {
    padding: 15px 0;
}

.wp-block-buttons {
    margin: 15px 0;
}

.wp-block-categories {
    list-style: none;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.post-content p {
    word-break: break-word;
}

form.post-password-form input[type="submit"] {
    line-height: 1.2;
    vertical-align: super;
}

.comment-respond {
    width: 100%;
}

.post-content .gallery-item img {
    width: 100%;
}

#blog-content .post-title a,
.post-content p a {
    word-break: break-word !important;
}

.wp-block-embed figcaption {
    text-align: center;
}

.wp-block-code code img {
    display: inline-block;
    margin-left: 20px;
}

.wp-block-pullquote.has-background blockquote {
    background: inherit;
}

.site-content .wp-block-loginout,
.site-content .wp-block-search {
    padding: 20px 0;
}

pre.has-background code {
    background-color: inherit !important;
}

p.has-text-color em {
    color: inherit;
  }
  
.site-content .wp-block-group.has-background {
	padding: 0 20px;
}

.wp-block-group em {
    color: inherit;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
    border-color: inherit;
}

.has-text-color em,
.has-text-color h2  {
    color: inherit;
}

a.wp-block-file__button,
a.wp-block-file__button:hover,
a.wp-block-file__button:focus {
    color: #fff;
}

.has-text-color * {
    color: inherit;
}

.has-text-color a:hover, 
.has-text-color a:focus {
    color: inherit;
}