/*!Theme Name: fatfishmarketing
Theme URI: https://fatffishmarketing.co.uk/
Author: Fat Fish Marketing
Author URI: https://fatffishmarketing.co.uk/
Description: Develop for Fat Fish Marketing
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fatfishmarketing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
fatfishmarketing is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.*/

.btn-call{
    display: flex;
    height: 56px;
    align-items: center;
}
.btn-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: -10px;
}
.btn-icon img{
    width: 20px;
}
#cookie-law-info-bar {
    max-width: 800px;
}

#cookie-law-info-bar {
    z-index: 9999999999 !important;
}

#cookie-law-info-bar[data-cli-style=cli-style-v2] {
padding-bottom: 0px !important;
}

.single-services .columns__column .btn{
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
}
.contact__title{
    margin-top: 0;
    text-align: left;
    margin-left: 70px;
    font-size: 40px;
}

.contact__logo{
    padding-left: 70px;
    padding-top: 70px;
    height: 100%;
    box-shadow: 0 0 50px rgb(199 61 199 / 10%);
}
.contact__logo img{
    object-fit: contain;
    width: 12vw;
    margin-right: 50px;
    margin-bottom: 50px;
}
.contact__title span{
    padding-top: 50px;
}

.contact__form .form{
    padding-top: 75px;
    padding-bottom: 75px;
}
.contact__form{
    z-index: 1;
}

.contact__info{
    background: #fff;
    padding-bottom: 20px;
    padding-top: 25px;
    box-shadow: 0 0 50px rgb(199 61 199 / 10%);

}
.footer__row{
    margin: -40px;
}
#tidio-chat-iframe{
    bottom: 0 !important;
}
.footer .container{
    width: 100%;
    overflow: inherit;
}
.footer__wrap{
    padding-bottom: 40px;
    padding-top: 40px;
}
.footer__bottom{
    margin: 0;
    padding: 30px 0;
    border-top: 1px solid rgb(255 255 255 / 15%);
}
.footer__bottom_wrap{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer__bottom .footer__column{
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: -3px;
}
.footer__row{
    align-items: center;
    /* justify-content: space-around; */
}
.footer__social{
    display: flex;
}
.footer__social li{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.footer__social li a:hover svg path{
    fill: #fff;
    transition: 0.3s;
}
.footer__social li a:hover:after{
    width: 0;
    height: 0;
}
.footer__social li a svg{
    z-index: 1;
    position: relative;
    width: 30px;
}
.footer__social li a svg path{
    fill: #d86088;
}
.footer__social li a{
    border-radius: 5px;
    padding: 7px;
    display: block;
    position: relative;
    background-color: #ffaf77;
    background-image: -o-linear-gradient(62deg,#ffaf77 0,#b10f9b 100%);
    background-image: linear-gradient(270deg,#ffaf77 0,#b10f9b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__social li a:after{
    border-radius: 5px;
    content: "";
    position: absolute;
    width: 95%;
    height: 95%;
    background: #25272b;;
    z-index: 0;
    transition: 0.3s;
}
.footer__menu>li a:not(.btn)::before,.header .menu__body>ul>li button:not(.btn)::before {
    content: '';
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 75%;
    height: 6px;
    background-color: #c73dc7;
    background-image: -webkit-gradient(linear,right top,left top,from(#ffaf77),to(#b10f9b));
    background-image: -o-linear-gradient(right,#ffaf77 0,#b10f9b 100%);
    background-image: linear-gradient(to left,#ffaf77 0,#b10f9b 100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: -1
}

body.pc .footer__menu>li:hover>a:not(.btn)::before {
    left: -10px;
    opacity: 1;
    visibility: visible
}

.footer__menu{
    display: flex;
    flex-wrap: wrap;
}
.footer__menu li a{
    position: relative;
    z-index: 1;
}
.footer__menu li a:hover{
    color: #fff;
}
.footer__bottom .footer__menu li a {
    font-size: 14px;
}

.footer__bottom .copyright {
    font-size: 15px;
    color: rgba(255,255,255,.8);
}

@media (max-width: 767px) {
    .footer__bottom_wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }
    .footer__bottom .copyright {
        margin-top: 15px;
        font-size: 13px;
    }
}

@media only screen and (min-width:480px) {
.footer__bottom .footer__menu li:not(:last-child) a {
    border-right: 1px solid rgb(255 255 255 / 15%);
    padding-right: 25px;
}
.footer__bottom .footer__menu li:not(:last-child){
    margin-right: 25px;
}   
}   

.footer__bottom .footer__menu li a:hover{
    color: #b10f9b;
}
.footer__bottom .footer__menu li a::before{
    display: none;
}
.footer__menu li{
    margin-right: 2vw;
    margin-bottom: 0 !important;
}

@media (max-width: 480px) {
    .footer__bottom .footer__menu li a{
        padding-right: 0;
        border: none;
    }
    .footer__menu li{
        width: 100%;
    }
    .footer__social{
        margin-bottom: 20px;
    }
    .footer__column{
        margin: 20px;
    }
    .footer__title{
        margin-left: auto;
        margin-right: auto;
    }
    .footer__social li{
        margin-left: 10px;
    }
    .page-template-page-contact #breadcrumbs{
        width: 100% !important;
        padding-left: 20px !important;
    }

}
.page-template-page-contact #breadcrumbs{
    position: absolute;
    z-index: 99;
    left: 0;
    color: #fff;
    width: 350px;
    padding: 26px 70px;
    background-color: #931d93;
    margin: 0;
}
.post__author {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-top: 30px
}

.article__name {
    font-weight: 900;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Montserrat'
}

.author__content {
    width: 100%
}

.post__author .article__avatar {
    width: 80px;
    height: 80px;
    box-shadow: 0 0 10px 0 rgb(0 0 0/20%);
    margin-bottom: 20px;
    margin-left: 3px;
    float: left
}

.author__social:hover svg path {
    fill: #c73dc7
}

.author__social {
    width: 30px;
    height: 30px;
    margin-top: 10px
}

.addtoany_list a:hover svg path {
    fill: #c73dc7
}

.date {
    margin-right: 10px
}

.btn {
    box-shadow: 5px 5px 15px rgb(0 0 0/15%)
}

.article__author {
    z-index: -1;
    display: flex;
    width: 100%;
    align-items: center;
    position: absolute;
    bottom: -70px;
    left: 25px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600
}

.article:hover {
    box-shadow: 0 5px 25px 0 rgb(177 15 155/15%)
}

.article__avatar {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    position: relative
}

.article__avatar:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(img/tag-bg.webp);
    z-index: -1;
    left: -3px;
    bottom: -3px
}

.article__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article {
    transition: .3s;
    margin-bottom: 100px
}

.footer__title {
    margin-top: 0
}

.footer__row p {
    font-size: 14px
}

.home #breadcrumbs {
    display: none
}

#breadcrumbs {
    margin-top: 18px;
    font-size: 16px;
    margin-bottom: 15px
}

#breadcrumbs a:hover {
    color: #c73dc7
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none!important;
    font-size: 20px;
    text-align: center;
    height: 50vh;
    display: flex;
    align-items: center
}

.wpcf7-form-control-wrap {
    display: flex
}

.wpcf7-not-valid-tip {
    top: 25px!important
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #000;
        background: 0 0
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-box-shadow: 0 0 0 30px rgb(199 61 199/80%) inset!important
}

.footer__logo .header__logo {
    margin: 0
}

.footer__logo .header__logo img {
    max-width: unset
}

.admin-bar .header {
    top: 32px!important
}

@media(max-width: 767px) {
    .admin-bar .header {
        top:46px!important
    }

    .admin-bar .header .menu__body,.admin-bar .header .menu__body::before {
        top: 46px!important
    }

    .header.scrolled .menu__body>ul {
        padding: 20px
    }
}

body::-webkit-scrollbar {
    width: 7px
}

body::-webkit-scrollbar-track {
    background: #161616
}

body::-webkit-scrollbar-thumb {
    background: #d86088
}

.wpcf7-list-item {
    margin: 1em 1em 2em 2em!important
}

.wpcf7-not-valid-tip {
    color: #fff!important;
    font-size: 1em;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 15px;
    top: 0
}

.wpcf7-not-valid {
    border-color: red
}

.success__item img {
    transition: .3s
}

.success__item a:hover img {
    filter: grayscale(1);
    transform: scale(1.1)
}

.footer__title {
    width: max-content
}

.post-info__share {
    margin-right: 0
}

.post__container {
    padding: 20px
}

.time-for-read span.span-reading-time .rt-time {
    color: #000
}

.faqs div[id^="content"] ul li {
    color: #000;
    font-size: 18px;
    line-height: 1.7;
}
.faqs div[id^="content"] ul {
    margin-left: 2em;
    margin-bottom: 1.8em;
}

.faqs__content ul {
    list-style: disc;
    margin-bottom: 0px;
    padding-left: 0px
    line-height: 18px;
}

.faqs__content ul li p,.faqs__content ul li {
    color: #000;
}

.modal__title {
    font-family: 'Montserrat';
    font-size: 1.5em
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 30px
}

.post__wrap ul {
    color: #000;
    font-size: 18px
}

@media only screen and (max-width:479px) {
    .post__wrap ul {
        font-size: 18px;
    }
    .contact__title {
        margin-left: 20px;
    }
    .success__item img{
        min-height: 65px;
    }
    .success__list {
        overflow-x: scroll !important;
        height: 80px !important;
        overflow-y: hidden;
    }   
}

.post__wrap ol {
    color: #000;
    font-size: 18px;
}

.post__wrap ol li {
    padding-left: .5em;
    margin-bottom: 14px;
    line-height: 24px
}

.post__wrap a:hover {
    text-decoration: underline
}

.columns__column ol {
    color: #000;
    font-size: 18px;
    line-height: 1.7;
    margin-left: 30px
}

.columns__column ol li::marker {
    color: #c73dc7
}

.post__author .article__avatar:after {
    left: -5px;
    bottom: -5px
}

.form__check-btn label,.wpcf7-list-item label {
    transition: .3s
}

.form__check-btn label:hover,.wpcf7-list-item label:hover,.form__check-btn label.checked,.wpcf7-list-item label.checked {
    box-shadow: 5px 5px 15px rgb(0 0 0/15%)
}

textarea:active,textarea:focus,textarea:hover,input:active,input:focus,input:hover {
    border: 1px solid #fff;
    box-shadow: 5px 5px 15px rgb(0 0 0/10%)
}

.work {
    box-shadow: 0 0 15px rgb(0 0 0/10%)
}

.post__wrap {
    padding: 0;
    padding-right: 3vw;
    box-shadow: none;
    flex: 1 0 75%
}

.post__container {
    display: flex;
    align-items: self-start;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1590px
}

.post .post-sidebar {
    flex: 1 0 25%
}

.post .post-sidebar>div {
    box-shadow: 0 0 25px 0 rgb(177 15 155/10%)!important
}



.post .tabs li button:hover {
    background-color: #fff
}

.sticky {
    position: fixed
}

.stop {
    position: relative
}

.sidebar-cta {
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.sidebar-cta__title {
    color: #000;
    font-family: 'Montserrat';
    font-size: 19px;
    line-height: 1.2
}

.sidebar-cta__text {
    color: #000;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 20px
}

.wp-block-image img {
    height: auto
}
@media(max-width: 1920px) {
    .post .tabs li button {
        padding: 0.7vw 2vw;
        font-size: 18px
    }
}
@media(max-width: 1200px) {
    .contact__logo{
        padding: 70px 15px;
        text-align: center;
    }
    .contact__logo img{
        object-fit: contain;
        width: 200px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .footer__social{
        margin-bottom: 20px;
    }
    .footer__column{
        margin: 20px;
    }
    .footer__row{
        justify-content: center;
    }
    .footer__title{
        margin-left: auto;
        margin-right: auto;
    }
    .footer__social li{
        margin-left: 10px;
    }
    .footer__bottom .footer__column{
        margin-top: 0 !important;
    }
    .footer__menu{
        justify-content: center;
    }
    .footer__menu li, .footer__row p{
        margin-bottom: 15px !important;
    }
    .footer__bottom .footer__menu li{
        padding-right: 0;
    }
    .footer__menu li{
        margin-left: 15px;
        margin-right: 15px !important;
    }
    .post__container {
        flex-direction:column-reverse
    }

    .post .post-sidebar {
        width: 100%;
        margin-bottom: 30px
    }

    .sidebar-cta {
        padding: 30px
    }
    .post .tabs li button {
        padding: 10px 30px;
        font-size: 16px
    }
}

.columns__column p a {
	display: inline;
}