/**
Theme Name: Stream Design Studio UpWork
Author: Stream Design Studio UpWork
Author URI: https://streamdesignstudio.com/
Description: Stream Design Studio is a leading website development company that has been in business since 2013. In addition to providing top-quality website development services, Stream Design Studio also offers a range of other services including graphic design and social media marketing.

Since its inception, Stream Design Studio has helped countless businesses and organizations to establish a strong online presence through the development of professional, user-friendly websites. Our team of experienced web developers works closely with clients to understand their needs and goals, and to create custom solutions that are tailored to their unique business models and target audiences.

In addition to website development, Stream Design Studio is also a trusted provider of graphic design services. From logo design to marketing materials and beyond, our talented team of graphic designers has the skills and expertise to bring your brand to life through visually stunning designs.

Social media marketing is another area of expertise for Stream Design Studio. Our team is well-versed in the latest social media marketing strategies and tactics, and we can help you to develop and implement a social media marketing plan that is tailored to your business goals. Whether you are looking to increase brand awareness, drive traffic to your website, or generate leads, we have the experience and know-how to help you succeed.

At Stream Design Studio, we are committed to delivering the highest quality services to our clients. We believe in building long-term relationships with our clients, and we strive to exceed their expectations at every turn. Our team is dedicated to delivering results that make a real difference for our clients, and we are constantly working to stay ahead of the curve in an ever-evolving digital landscape.

If you are in need of website development, graphic design, or social media marketing services, we encourage you to get in touch with Stream Design Studio. Our team would be happy to discuss your needs and provide you with a customized quote for our services. We look forward to working with you and helping you to achieve your business goals.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stream-design-studio-upwork
Template: astra
*/

/*AWB CSS */
body a:focus {
    outline: none;
}
.singleInnerAWB {
    display: flex;
    flex-direction: column;
    position: relative;
}
.singleimgAWB img {
    max-width: 300px;
    border-radius: 55px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    border-color: transparent;
}
.category-toggle {
        position: relative;
        display: inline-block;
}
.category-list {
    position: absolute;
    background: white;
    z-index: 9999;
    margin: 10px 0 0 0px;
    width: 200px;
    padding: 20px 20px 20px;
    box-shadow: 0px 0px 4px #d3d3d385;
    border-radius: 12px;
}
.archveTitleInner h1 a {
    color: #6e6a6a;
}
.archveTitleInner h1 {
    font-size: 52px;
    padding-bottom: 10px;
}
.mainSearchAWb .head-cat-tools button {
    background: #003366;
    color: #fff;
    border: 1px solid;
    padding: 24px 16px 24px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 200px;
    text-transform: capitalize;
}
.innerSearchAWb form.search-form input {
    width: 100%;
    border-radius: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: transparent;
    height: 67px;
}
.customBreadcrum .ast-breadcrumbs {
    padding: 15px 0 50px;
}
.innerSearchAWb form.search-form {
    position: relative;
    display: inline-block;
    width: 80%;
}
.mainSearchAWb .innerSearchAWb {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-around;
}
.innerSearchAWb form.search-form .search-icons {
    position: absolute;
    right: 19px;
    bottom: 18px;
}
.innerSearchAWb form.search-form {
    position: relative;
    display: inline-block;
    width: 80%;
}
.singleIntegrate .mainSearchAWb {
    padding: 30px 180px 30px;
}
.singleIntegrate .innerSearchAWb form.search-form {
    width: 70%;
}
.singleIntegrate .mainSearchAWb .head-cat-tools button {
    background: transparent;
}
.singleIntegrate .mainSearchAWb .head-cat-tools button {
    color: #443f3f;
    font-weight: 500;
}
.innerSearchAWb form.search-form input {
    width: 100%;
    border-radius: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: transparent;
    height: 67px;
    border-color: transparent;
    padding: 15px 20px;
}
.singleContentAWB p:nth-child(1), .singleContentAWB p:nth-child(2), .singleContentAWB p:nth-child(3) {
    padding-right: 400px;
}
.singleimgAWB {
    position: absolute;
    right: 10px;
    top: 0px;
    align-items: center;
}
.singleIntegrate article {
    border-radius: 20px;
    background: transparent !important;
    box-shadow: rgb(209 209 213 / 20%) 0px 0px 13px 1px;
    padding: 70px !important;    
}
.singleIntegrate #search-results {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}
.single-integrate .ast-container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}
.single-integrate div#primary {
    margin-top: 0px;
}
.single-integrate .postHeader {
    background: aliceblue;
    padding-top: 50px;
    padding-bottom: 10px;
}
.singleIntegrate .innerSearchAWb form.search-form input {
    background: #fff;
    padding: 15px 17px;
}
.singleIntegrate .mainSearchAWb .head-cat-tools button{
    background: #fff;
}
.singleIntegrate .siteMain {
    margin-top: 80px;
}
.singleIntegrate .mainSearchAWb .head-cat-tools button{
    position: relative;
    top: 1px;
}
.container {
    max-width: 1280px;
    width: 1280px;
    margin: 0px auto;
    padding-right: 15px;
    padding-left: 15px;
}

body.archive .postHeader {
    position: relative;
}
.archveTitleInner {
    text-align: center;
}
.mainSearchAWb {
    display: block;
}
.customBreadcrum ul.trail-items {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

span#search-icon i.fas.fa-search {
    font-size: 20px;
    color: #003366;
}
span#close-icon i.fas.fa-times {
    position: relative;
    left: -5px;
    background: #003366;
    color: #fff;
    padding: 7px 7px 5px 7px;
    border-radius: 50%;
    font-size: 12px;
    top: -3px;
    cursor: pointer;
}
span#search-icon i.fas.fa-search {
    font-size: 20px;
    color: #003366;
    cursor: pointer;
}
div#category-list ul a {
    font-size: 16px;
    text-transform: capitalize;
    color: #003366;
}
.integrationArchvie .item a img, .search-result-item .item a img, .integrationArchvie .post-item a img {
    box-shadow: 2px -2px 13px 3px rgba(0,0,0,0.07);
    border-radius: 30px;
    max-width: 185px;
    width: 185px;
    transition: all 0.2s ease;
    min-height: 185px;
}
.integrationArchvie .item h2, .search-result-item .item h2, .integrationArchvie .post-item h2 {
	display: none;
}
.integrationArchvie .item a img:hover, .integrationArchvie .post-item a img:hover {
    transform: scale(0.9);
}
.integrationArchvie .item:hover h2, .integrationArchvie .post-item:hover h2 {
    bottom: 70px;
    visibility: visible;
}
.integrationArchvie .item, .integrationArchvie .post-item {
    position: relative;
}
.innerIntegrationAWB {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 25px;
}
.integrationArchvie .item, .search-result-item .item, .integrationArchvie .post-item {
    position: relative;
	transition: all 0.5s ease;
}
.mainSearchAWb {
    padding-bottom: 70px;
}
div#category-list ul {
    list-style: none;
    margin: 0px;
}
.search-results {
    display: flex;
    gap: 17px;
    flex-direction: row;
	flex-wrap: wrap;
}
.archiveInnerAWB {
    text-align: center;
}
.nav-links {
    padding: 70px 10px 5px 10px;
}
a.page-numbers{
    border: 1px solid #003366;
    padding: 7px 12px 7px 12px;
    border-radius: 5px;
    background-color: #003366;
    color: white;
}
span.page-numbers.current {
    border: 1px solid #003366;
     padding: 7px 12px 7px 12px;
    border-radius: 4px;
	margin-right: 8px;
}
a.next.page-numbers{
	border: 1px solid transparent;
     padding: 7px 12px 7px 12px;
    border-radius: 4px;
	margin-left: 8px;
	
}
a.page-numbers:hover {
    background: white;
    border: 1px transparent;
    color: #003366;
    border: 1px solid #003366;
}
span.page-numbers.current:hover {
    background-color: #003366;
    color: white;
}
.singleBottomAWB .singleHeading {
    padding: 50px 0 0;
    text-align: center;
    position: relative;
}
.integrateCarousel ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
}
li#premium-nav-menu-item-3158:hover a, li#premium-nav-menu-item-3159:hover a  {
    color: #003366 !important;
}
li#premium-nav-menu-item-3158 a i, li#premium-nav-menu-item-3159 a i {
    background: #003366 !important;
    color: #fff !important;
    padding: 5px 7px !important;
    border-radius: 4px !important;
}
.integrateCarousel ul li a img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 24px;
}
.integrateCarousel {
    padding: 60px 0 0;
}
.singleHeading button a i {
    position: relative;
    top: 3px;
}
.singleHeading button a {
    font-size: 20px;
    color: #000;
}
.singleHeading button {
    position: absolute;
    top: 50px;
    right: 0;
    background: transparent;
}
.singleHeading button:hover {
    background: transparent !important;
}
.singleContentAWB .entry-content p {
    margin-bottom: 15px;
}
.integrateCarousel img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 3px 13px 0px;
    border-radius: 34px !important;
    background: transparent;
}
.integrateCarousel #post-body-content .bx-wrapper {
    max-width: 100% !important;
    padding: 0px 95px;
}
.integrateCarousel .bx-controls-direction a.bx-prev {
    left: 12%;
    /*backgound: url(https://shipflow.io/wp-content/uploads/2023/09/back.png) !important;*/
}

.integrateCarousel .bx-controls-direction a.bx-next {
    right: 12%;
}
.integrateCarousel ul {
    display: none;
}
.singleImg {
  transition: transform 0.3s ease-out;
  animation: moveUp 2s infinite alternate; /* Adjust duration and animation properties */
}

@keyframes moveUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px); /* Adjust the distance to move */
  }
}
.wpforms-field-container .wpforms-field input, .wpforms-field-container select.wpforms-field-large {
    opacity: 1 !important;
}
.wpforms-container .wpforms-validate .wpforms-field {
    position: unset !important;
}
.popupForm {
    padding: 0px 70px 0 !important;
}
.popupForm p {
    padding-bottom: 30px;
}

/*Mobile Screen*/
@media (min-width: 320px) and (max-width: 767px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    .mainSearchAWb .innerSearchAWb {
        align-items: center;
        flex-direction: column;
    }
    .innerSearchAWb form.search-form {
        width: 100% !important;
    }
    .customBreadcrum ul.trail-items {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mainSearchAWb .head-cat-tools button {
		padding: 18px 14px 18px;
		width: 160px;
		margin-top: 20px;
	}
    .innerIntegrationAWB {
        justify-content: center;
        gap: 25px;
    }
    .integrationArchvie .item a img, .integrationArchvie .post-item a img {
        max-width: 280px;
        width: 280px;
    }
    .archveTitleInner h1 {
        font-size: 42px;
        padding-bottom: 0px;
    }
    .innerSearchAWb form.search-form input {
        height: 57px;    
    }
    .innerSearchAWb form.search-form .search-icons {
        bottom: 12px;    
    }
    .customBreadcrum .ast-breadcrumbs {
        padding: 15px 0 30px;
    }
	.mainSearchAWb .head-cat-tools button {
		padding: 18px 14px 18px;
		width: 160px;
		margin-top: 20px;
	}
    .mainSearchAWb {
        padding-bottom: 60px;
    }
    .integrationArchvie {
        padding-top: 50px !important;
    }
    .premium-mobile-menu-container {
        padding-top: 30px;
    }
    .singleIntegrate .mainSearchAWb {
        padding: 30px 0px 30px;
    }
    .singleContentAWB p:nth-child(1), .singleContentAWB p:nth-child(2), .singleContentAWB p:nth-child(3) {
        padding-right: 0px;
    }
    .singleimgAWB img {
        max-width: 100%;
    }
    .singleimgAWB {
        position: unset;
    }
    .singleInnerAWB {
        flex-direction: column-reverse;
    }
    .singleIntegrate article {
        padding: 40px !important;
    }
    .singleBottomAWB .singleHeading {
        display: flex;
    }
    .singleHeading h2 {
        text-align: left;
    }
    .singleHeading button#toggle-categories {
        text-align: left;
        font-size: 16px;
        line-height: 23px;
        padding: 0px !important;
        margin: 0px;
    }
    .singleHeading button {
        position: unset;
    }
    button#toggle-categories {
        padding: 18px 0 18px;
        margin-top: 15px;
    }
    .single-integrate .ast-container {
        padding: 0px !important;
    }
    .singleIntegrate .siteMain {
        margin-top: 50px;
    }
}
/*Tablet Screen*/
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    .mainSearchAWb .innerSearchAWb {
        justify-content: space-around;
        flex-direction: row;
        align-items: center;
    }
    .innerSearchAWb form.search-form {
        width: 70%;
    }
    .mainSearchAWb .head-cat-tools {
        margin-top: 0;
    }
    .innerIntegrationAWB {
        justify-content: center;
        gap: 25px;
    }
    .integrationArchvie .item a img, .integrationArchvie .post-item a img {
        max-width: 180px;
        width: 180px;
    }
    .archveTitleInner h1 {
        font-size: 42px;
        padding-bottom: 0px;
    }
    .innerSearchAWb form.search-form input {
        height: 57px;    
    }
    .innerSearchAWb form.search-form .search-icons {
        bottom: 12px;    
    }
    .customBreadcrum .ast-breadcrumbs {
        padding: 15px 0 30px;
    }
    .mainSearchAWb {
        padding-bottom: 60px;
    }
    .integrationArchvie {
        padding-top: 50px !important;
    }
    .singleIntegrate .mainSearchAWb {
        padding: 30px 15px 30px;
    }
    .singleIntegrate .mainSearchAWb {
        padding: 30px 15px 30px;
    }
    .singleIntegrate .innerSearchAWb form.search-form {
        width: 60%;
    }
    .singleimgAWB img {
        max-width: 230px;
    }
    .singleIntegrate article {
        padding: 30px !important;    
    }
    .singleContentAWB .entry-content p {
        margin-bottom: 15px;
    }
    .singleHeading button#toggle-categories {
        padding: 0px !important;
        position: unset;
    }
    .singleHeading {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .integrateCarousel #post-body-content .bx-wrapper {
        padding: 0px 50px;
    }
    .singleContentAWB p:nth-child(1), .singleContentAWB p:nth-child(2), .singleContentAWB p:nth-child(3) {
        padding-right: 270px;
    }
    .singleIntegrate button#toggle-categories {
        padding: 19px 0 19px;
        position: unset;
    }
	.mainSearchAWb .head-cat-tools button {
		padding: 19px 15px 19px;
		font-size: 15px;
		width: 160px;
	}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .integrateCarousel #post-body-content .bx-wrapper {
        padding: 0px 75px;
    }
}
/*Notebook Screen*/
@media (min-width: 1025px) and (max-width: 1199px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    .mainSearchAWb .innerSearchAWb {
        justify-content: space-around;
        flex-direction: row;
        align-items: center;
    }
    .innerSearchAWb form.search-form {
        width: 70%;
    }
    .mainSearchAWb .head-cat-tools {
        margin-top: 0;
    }
    .innerIntegrationAWB {
        justify-content: center;
        gap: 25px;
    }
    .integrationArchvie .item a img, .integrationArchvie .post-item a img {
        max-width: 180px;
        width: 180px;
    }
    .archveTitleInner h1 {
        font-size: 42px;
        padding-bottom: 0px;
    }
    .innerSearchAWb form.search-form input {
        height: 57px;    
    }
    .innerSearchAWb form.search-form .search-icons {
        bottom: 12px;    
    }
    .customBreadcrum .ast-breadcrumbs {
        padding: 15px 0 30px;
    }
    .mainSearchAWb .head-cat-tools button {
		padding: 18px 14px 18px;
		width: 160px;
		margin-top: 20px;
	}
    .mainSearchAWb {
        padding-bottom: 60px;
    }
    .integrationArchvie {
        padding-top: 50px !important;
    }
    .singleIntegrate .mainSearchAWb {
        padding: 30px 15px 30px;
    }
    .singleIntegrate .mainSearchAWb {
        padding: 30px 15px 30px;
    }
    .singleIntegrate .innerSearchAWb form.search-form {
        width: 60%;
    }
    .singleimgAWB img {
        max-width: 230px;
    }
    .singleIntegrate article {
        padding: 30px !important;    
    }
    .singleContentAWB .entry-content p {
        margin-bottom: 15px;
    }
    .singleHeading button#toggle-categories {
        padding: 0px !important;
        position: unset;
    }
    .singleHeading {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .integrateCarousel #post-body-content .bx-wrapper {
        padding: 0px 50px;
    }
    .singleContentAWB p:nth-child(1), .singleContentAWB p:nth-child(2), .singleContentAWB p:nth-child(3) {
        padding-right: 270px;
    }
    .singleIntegrate button#toggle-categories {
        padding: 19px 0 19px;
        position: unset;
    }
	.mainSearchAWb .head-cat-tools button {
		padding: 19px 15px 19px;
		font-size: 15px;
		width: 160px;
	}
}
.category-list {
    display: none;
    /* Add your styles for the closed state */
}

.category-list.opened {
    display: block;
    /* Add your styles for the open state */
}
.category-dropdown .dropdown-menu {
    position: absolute;
    top: 76px;
    right: 0;
    display: none;
    z-index: 999;
    margin: 0px;
    list-style: none;
    text-align: left;
    box-shadow: 0px 0px 4px lightslategray;
    border-radius: 30px;
    backdrop-filter: blur(7px);
    padding: 15px 15px 15px;
    width: 200px;
}
.category-dropdown .dropdown-toggle:focus + .dropdown-menu {
    display: block;
}
.category-dropdown .dropdown-toggle {
    cursor: pointer;
}
.dropdown {
    position: relative;
}
.category-dropdown .dropdown-menu li:hover {
    opacity: 0.8;
}
.category-dropdown .dropdown-menu li {
    font-weight: 600;
    cursor: pointer;
}
button#toggle-categories {
    padding-right: 15px;
    padding-left: 15px;
    border-color: transparent;
    width: auto;
}