/*
Theme Name: Tonjoo Web
Theme URI: https://tonjoo.com
Author: Tonjoo
Description: Theme for tonjoo website
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tonjoo
*/

a.navbar-brand.white img{
    max-height: 45px;
}

.clearflex:after, .clearflex:before {
    width: 1000px;
}
.img-logo img, .slick-slide .thumb img {
    max-width: 100%;
}
.testimonial .img-testi-slider .desc {
    float: none;
}
.tj-info-warning {
    display: inline-block;
    border: 2px solid coral;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 18px;
    margin: 15px auto;
    color: #888;
    font-style: italic;
    letter-spacing: .1rem;
}

.btn.btn-default-rounded.btn-primary.btn-center {
    background-color: #212633;
    color: #fff;
    text-transform: capitalize;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    letter-spacing: .1rem;
    max-width: 210px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 2px 15px -2px rgba(0,0,0,0.5);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
    border-radius: 80px;
}
.btn.btn-default-rounded.btn-primary.btn-center:hover {
    box-shadow: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.case-study-page .next-case-study .next-wrap {
    text-align: center !important;
}

.main-header #navbar>.navbar-nav>li.pll-parent-menu-item {
    margin-top: 5px;
}
.main-header #navbar>.navbar-nav>li.pll-parent-menu-item > a > img {
    width: 22px;
}
.main-header #navbar>.navbar-nav>li.pll-parent-menu-item > a > span.caret {
    display: none;
}
.main-header #navbar>.navbar-nav>li.pll-parent-menu-item > a {
    border: 1px solid rgba(255,255,255,0.5);
    padding: 5px 8px;
}

.content-widget .comment-item .comment-reply .form-control, .case-study-page .project-capture__v3 .capture-slider .capture-item>img {
    height: auto;
}

.btn-box.text-right {
    display: inline-block;
    float: right;
}

li.pll-parent-menu-item ul.dropdown-menu {
    min-width: auto;
    left: 15px !important;
    top: 0px;
}
li.pll-parent-menu-item ul.dropdown-menu > li > a {
    padding: 8px 11px !important;
}
.loading_more {
    text-align: center;
    font-size: 24px;
    font-style: italic;
    letter-spacing: .1rem;
    font-weight: 600;
    color: #f05638;
    display: none;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {
    border: 0;
    background-color: #f7e700;
}

.tonjoo-recaptcha {
    display: none;
}

.case-study-page .next-case-study .next-wrap {
    width: auto;
}
div.alignleft, div.alignright {
    margin-left: -113px;
    margin-bottom: 30px;
    position: relative;
    width: 113% !important;
    display: inline-block;
}
div.alignright {
    margin-left: 0;
    margin-right: -113px;
}
div.alignleft img, div.alignright img {
    display: inline-block;
    vertical-align: top;
    margin-right: 35px;
    width: 50% !important;
    height: auto !important;
    max-height: auto !important;
}
div.alignright img {
    float: right;
    margin-right: 0;
    margin-left: 35px;
}
div.alignleft .wp-caption-text, div.alignright .wp-caption-text {
    display: inline-block;
    width: 44%;
}
div.wp-caption.aligncenter {
    max-width: 974px;
    margin-bottom: 40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
div.wp-caption.aligncenter .wp-caption-text{
    position: absolute;
    font-size: 16px;
    color: #ccc;
    display: block;
    background-color: rgba(0,0,0,0.55);
    padding: 7px 15px;
    word-break: break-word;
    font-style: italic;
    letter-spacing: .05rem;
    line-height: 1.3;
    bottom: 0;
    right: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.archive-item:hover {
    color: #fff;
}
.archive-item p {
    font-size: 16px;
}
.case-study-page .project-capture img, .featured-project.project-two .featured-img__img-wrap img {
    height: auto;
}

@media (max-width: 767px) {
	#wpadminbar {
	    position: fixed;
	}
	.featured-project.project-one .featured-img>img {
	    width: auto !important;
	}
    div.alignleft, div.alignright {
        margin-left: 0px;
        margin-bottom: 30px;
        display: block;
    }
    div.alignleft img, div.alignright img {
        display: block;
        margin-right: 0;
        width: 90% !important;
        height: auto !important;
        max-height: auto !important;
        margin-bottom: 10px;
    }
    div.alignright img {
        float: none;
        margin-left: 0;
    }
    div.alignleft .wp-caption-text, div.alignright .wp-caption-text {
        display: block;
        width: 90%;
    }
    div.wp-caption.aligncenter {
        margin-bottom: 20px;
        position: relative;
        left: 50%;
        -moz-transform: translateX(-50%);
        width: 100% !important;
    }
    div.wp-caption.aligncenter img {
        height: auto !important;
    }
    div.wp-caption.aligncenter .wp-caption-text {
        right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
	.admin-bar .main-header #navbar {
		top: 32px;
	}
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > a {
        display: none;
    }
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > ul.dropdown-menu li > a > img {
        width: 25px;
    }
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > ul.dropdown-menu li > a {
        border: none;
        margin-top: 15px;
        padding: 0 20px !important;
    }
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > ul.dropdown-menu li {
        display: inline-block;
        width: auto;
    }
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > ul.dropdown-menu {
        display: block;
        background: transparent;
        border-top: 1px solid rgba(0,0,0,0.2);
    }
    .main-header #navbar>.navbar-nav>li.pll-parent-menu-item > ul.dropdown-menu li:first-child > a {
        border-right: 1px solid rgba(0,0,0,.2);
        padding-left: 10px !important;
    }
    li.pll-parent-menu-item ul.dropdown-menu {
        padding-left: 14px !important;
        left: 0 !important;
    }
    div.wp-caption.aligncenter {
        width: 100% !important;
    }
}

.page-id-784 .top-banner,
.page-id-3363 .top-banner {
	height: 25vh;
}
table, td, th {
    border: 1px solid #ddd;
	padding: 10px;
}
.typograph-microsite-imgWrap img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}
#main-footer .section-seo .items {
    gap: 0;
    display: grid;
    grid-column-gap: 100px;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
    #main-footer .section-seo .items {
        grid-template-columns: 1fr;
    }
}
.wp-block-image img {
    width: 100%;
    height: auto;
}

/* Custom */
article .wp-block-image{
    overflow: hidden;
}
.main-header .header-wrapper{
    padding-top: 10px;
}
.top-banner.landing{
    padding-top: 145px;
}
.top-banner.landing .button-wrap{
    margin-top: 20px;
    margin-bottom: 20px;
}
.top-banner.microsite .title.bigger{
    line-height: 1.4;
}
article h1, article h2, article h3, article h4, article h5, article h6{
    margin-top: 35px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.single-page .content-wrapper blockquote{
    text-align: center;
}
#main-footer .section-footer-nav .subtitle, #main-footer .section-footer-about .items .item .subtitle{
    font-size: 20px;
}
.section-clients .section-title{
    font-size: 28px;
}
.post-meta .meta-info .meta-share li{
    border-radius: 5px;
    margin-right: 10px;
}
.post-meta .meta-info .meta-share li a{
    font-size: 16px;
}
.single-post-contentArticle-content h1, .single-post-contentArticle-content h2, .single-post-contentArticle-content h3, .single-post-contentArticle-content h4, .single-post-contentArticle-content h5, .single-post-contentArticle-content h6{
    margin-top: 35px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.single-post-contentSidebar .sidebarWrap .sidebarTitle .widget-title{
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.single-post-contentSidebar .sidebarWrap .sidebarTitle .widget-title::after{
    background-color: #f05638;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 45%;
    margin-left: 15px;
}
.single-post-content .wp-caption {
    max-width: 100%;
}

@media ( max-width: 991px ) {
    .top-banner.landing .title.bigger, .section-portfolio-home .items .item .portfolio-desc .item-head .title{
        font-size: 20px;
    }
}

@media ( max-width: 767px ) {
    .post-meta{
        margin: 0 -25px !important;
    }
    .post-meta .meta-info{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .post-meta .meta-info .meta-share li{
        margin-right: 5px;
    }
}

.featured-img-credit {
    font-style: italic;
    font-size: .85em;
    color: #757575;
}
.top-banner.lofty {
    background-size: cover;
}
.top-banner .subtitle{
    font-size: 20px;
}
.single-page.client .wrap-items .items-media{
    flex: 0 0 150px;
    padding: 0;
    text-align: center;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.single-page.client .wrap-items .items-media img {
    max-width: 100%;
}
.single-page .content-wrapper blockquote {
    width: auto;
    position: relative;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    padding-left: 45px;
    padding-right: 45px;
}
.single-page .content-wrapper blockquote:before, .single-page .content-wrapper blockquote:after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='36' viewBox='0 0 35 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4033 25.5C11.1433 25.5 11.8253 25.065 12.1445 24.39L14.2049 20.13C14.408 19.71 14.5096 19.26 14.5096 18.795V12C14.5096 11.175 13.8567 10.5 13.0586 10.5H7.25469C6.45665 10.5 5.80371 11.175 5.80371 12V18C5.80371 18.825 6.45665 19.5 7.25469 19.5H10.1567L8.66214 22.59C8.0092 23.925 8.95234 25.5 10.4033 25.5ZM24.9131 25.5C25.6531 25.5 26.3351 25.065 26.6543 24.39L28.7147 20.13C28.9178 19.71 29.0194 19.26 29.0194 18.795V12C29.0194 11.175 28.3665 10.5 27.5684 10.5H21.7645C20.9665 10.5 20.3135 11.175 20.3135 12V18C20.3135 18.825 20.9665 19.5 21.7645 19.5H24.6665L23.1719 22.59C22.519 23.925 23.4621 25.5 24.9131 25.5Z' fill='%23F05638'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
}
.single-page .content-wrapper blockquote:before{
    left: 0;
}
.single-page .content-wrapper blockquote:after{
    right: 0;
}
figure.wp-block-table {
    margin: 0;
    padding: 0;
}

@media ( max-width: 991px ) {
    .single-page.client .wrap-items .items-media {
        flex: 1 1 100%;
        height: 230px;
    }
    .single-page.client .wrap-items .items-media img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .single-page .content-wrapper>img, .single-page .content-wrapper p>img {
        max-width: 100vw;
        object-fit: cover;
        object-position: center;
    }
}

@media ( max-width: 767px ){
    .section-clients .img-logo .logo-item{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
#main-footer .section-seo .section-seo-wrapTitle {
    font-size: 21px;
}
#main-footer .section-seo .items .item .subtitle {
    font-size: 18px;
}
#main-footer .section-seo .items .item p {
    font-size: 16px;
    color: #454545;
    line-height: 25px;
}
#main-wrapper #tab_container_3038 .tab-content {
    font-family: "Lato",sans-serif !important;
    color: #454545 !important;
    font-size: 16px !important;
}
#tab_container_3038 #myTab_3038.wpsm_nav-tabs > li > a {
    text-align: left !important;
}

a.navbar-brand.white img{
    max-height: 45px;
        height: auto !important
}

.single-post-contentArticle-content img{
    max-width: 100%;
    height:auto;
}

.wp-caption-text {
    position:static !important;
    color:#000 !important;
    background-color:#fff0 !important;
    padding: 5px 0px !important;
    margin-left:0px !important
}

.logo-item a img{
    height:auto;
}

.single-page.client .wrap-items .items-media img {
    height:auto;
}

.section-team .full-team__img img {
    height: 100%;
}

.single-page .content-wrapper p>img {
    max-width:auto;
}

@media screen and (max-width: 576px) {
  .typograph-content .content-wrapper img, .typograph-content .content-wrapper p>img {
        height: auto !important;
    max-width: auto !important;
    }
}
@media screen and (min-width: 768px) {
  .typograph-content .content-wrapper img, .typograph-content .content-wrapper p>img {
        height: auto !important;
    max-width: 750px !important;
    }
}