@import "../../../buzz/assets/css/style.min.css";

/* Your CSS code goes here

-------------------------------------- */
.logo-img img {
    max-height: 100px;
}
body.home .logo-img img {
    max-height: 250px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    display: none!important;
}
div.wpcf7-response-output {
    text-align: center;
}

.tools-type-list, .dt-posts-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 1000px;
}

.contact-us-block a{
    color:#000;
}
.background-color-main {
    background-color: #089447;
    margin: 15px 0;
}
.item-ads {
    margin-top: 15px;
    margin-bottom: 15px;
}
 .home .background-color-main {
    margin:  0;
}
.main-term-img img {
    max-height: 100px;
}
#top-bar a {
    border-radius: 50px;
}
 .modal-dialog.modal-dialog-centered {
    top: 50%;
    transform: translateY(-50%)!important;
}
 button.close {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 20;
}
body #top-bar ul.social-links li a .social-icon:before,
body #top-bar ul.social-links li a:hover .social-icon:before {
    background-color: #3B5998;
    color: #fff;
    border-radius: 50%;
}
.font-bold{
    font-weight: bold;
}
body .grid-item.grid-four h4.grid-heading{
    font-weight: bold;
}
.contact-us-block{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.contact-us input.wpcf7-form-control {
    margin-bottom: 15px;
}
.wpcf7-form, .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
    direction: rtl;
}
.wpcf7-form input[type=submit]{
    margin-top: 15px;
    background-color: #2e445a;
     border-color: #2e445a;
    color: #fff;
}
.entry-edit {
    display: none;
}
.term-name{
    color: #000;
    font-size: 1.6em;
    font-weight: bold;
    transform: translateY(-15px);
}
#footer-widgets a.link-logo {
    display: flex;
    align-items: flex-end;

    line-height: 1em;
    color: #000;
}
body #footer-widgets {
    padding: 15px 0;
}
.block-info-homestuck {
    display: flex;
    width: 100%;
    justify-content: space-between;
    min-height: 55px;
}
.tools-type-list .tools-type-item {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin: 10px;
    max-width: 150px;
}
.font-weight-bold{
    font-weight: bold;
}
.pl-1{
    padding-left: 1em;
}
.pr-1{
    padding-right: 1em;
}
.pt-1{
    padding-top: 1em;
}
.pb-1{
    padding-bottom: 1em;
}
.mb-1{
    margin-bottom: 1em;
}
.mt-1{
    margin-top: 1em;
}
.tools-type-list.content .tools-type-item .tools-type-title {
    font-size: 1.4em;

}
.home-term-img{
    max-width: 80px;
    margin-bottom: 5px;
}
.logo-slogan{
    display: none;
}
.home .logo-slogan{
    display: block;
}
a.come-back-link.button.btn {
    padding: 15px 50px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2020/03/brush.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #000;
    border: 0px solid transparent;
    background-color: transparent;
}
.come-back-link.border-white{
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.tools-type-list.content .tools-type-img img {
    border-radius: 50%;
}
body .layout-content.boxed #primary #content,
body #primary #content {
    margin-top: 0;
    margin-bottom: 0px;
}
body.rtl.home  #header .container .logo {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: unset;
}
 #top-bar .pull-right {
     display: flex;
     flex-direction: column;
     align-items: center;

}


.visible-ads.item-ads img{
    display: inline;
}
body .layout-content.boxed{
    margin-bottom: 0px;
}
.main-term-img {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    margin-bottom: 15px;
}
.row-custom1.simgle-hom:not(.new-single)  {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new-single .single-content {
    max-width: 100%;
}
.row-custom {
    display: flex;
    justify-content: space-around;
}
#footer-copyright .content-copyright {
    border-top: 1px solid transparent;
}
.logo-slogan{
    font-weight: 900;
}
nav.nav-main {
    display: none;
}
@media screen and (min-width: 992px){

}
@media screen and (min-width: 768px){

    .sub-header-homestuck .sub-header-item {
        width: 33%;
    }
    .sub-header-homestuck {
        display: flex;
        align-items: center;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {

}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
    .slogan{
        text-align: center;
        width: 500px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .row-custom {
        display: flex;
        justify-content: center;
    }
    .tools-type-list, .dt-posts-items {


    }
}
@media screen and  (max-width: 768px) {
    .full-social-copyright ul.social-list {
        left: 10px;
        flex-direction: row;
    }
    .full-social-copyright {
        position: relative;
    }
    #footer-widgets .logo-item {
        text-align: center;
    }
    .logo-img.visible-xs {
        text-align: center;
    }
    #footer-widgets a.link-logo {
        justify-content: center;
    }
    .tools-type-list, .dt-posts-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #footer-widgets .row {
        display: flex;
        flex-direction: column-reverse;
    }
    #footer-widgets section.widget {
        margin-bottom: 10px;
    }

    #footer-widgets #text-3 .textwidget {
        flex-direction: column;
    }
    #header .header-main-wrap{
        justify-content: center;

    }
    #header .header-main-wrap .logo-img{
        float: none!important;
        margin: 0 22px;
    }
    #header .header-main-wrap .logo-img img {

    }
    ul.social-list {
        top: 15px;
        left: 0px;
        position: absolute;
        flex-direction: column;
        z-index: 50;
    }
    ul.social-list li {
        margin-bottom: 5px;
    }
    .header-main-wrap{
        flex-wrap: wrap;
    }

    ul.tools-type-list li.tools-type-item {
       /* width: calc(50% - 30px);*/
        width: 150px;
    }
}

.tools-type-list .tools-type-item .tools-type-title{
    color: #000;
    font-weight: bold;
    font-size: 1.6em;
}

.tools-type-list .tools-type-item .tools-type-description{
    color: #000;
    margin-top: 10px;
}

.tools-type-list .tools-type-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.tools-type-list .tools-type-img {
    border: 3px solid;
    border-radius: 50%;
    padding: 15px;
    width: 150px;
    height: 150px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.tools-type-list .tools-type-img img {
    max-height: 100px;
    width: auto;
}
.homestuck-type-list{
    list-style-type: lower-alpha;
}

.dt-item{
    width: 300px;
}
.entry-header .page-title h1{
    text-align: center;
}
.text-white{
    color: #ffffff;
}
.header-main-wrap{
    display: flex;
    align-items: center;
    position: relative;
}
ul.social-list {
    list-style-type: none;
    display: flex;
    margin-bottom: 0;
}
ul.social-list li{
    margin-right: 5px;
}
.mt-0{
    margin-top: 0!important;
}
.mb-0{
    margin-bottom: 0!important;
}
body .layout-content.boxed #primary {
    padding-top: 0px;
    padding-bottom: 0;
}
.page-id-556 ol {
    counter-reset: list1;
    position: relative;
}
.page-id-556 li {
    list-style-type: none!important;
    list-style-type: decimal;
}
.page-id-556 ol li:before {
    position: absolute;
    right: 0;
    counter-increment: list1;
    content: counter(list1) ". ";
}
.page-id-556 ol ul {
    counter-reset: list2;
    position: relative;
}

.page-id-556 ol ul li:before {
    right: 10px;
    counter-increment: list2;
    content: counter(list1) "." counter(list2) ". ";
}

#text-3 .textwidget{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



#footer-widgets .row p{
    margin-bottom: 0;
}

section#text-4 {
    text-align: left;
}