/*
Theme Name: BrownDDR
Theme URI: 
Author: Güven Güngör
Author URI: 
Description: Brown Dacia Duster Rear light.
Requires at least: 
Tested up to: 6.0.1
Requires PHP: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: BrownDDR
Tags: 
*/

* {font-family: Arial, sans-serif;}
a {
    text-decoration:none;
    color: #752752;
}
a:hover {
    color: #3b0322;
}
#bootstrap-overrides code {
    font-size:1rem;
    color: #3b0322;
    background-color: whitesmoke;
}
tr{
    border-width: 1px;
}
.cat-item a {
    color: var(--bs-body-color);
}
.cat-item a:hover {
    text-decoration: underline dashed;
}

h4, .h4 {
    font-size: 1.0rem;
    font-weight: bold;
}

h3, .h3 {
    font-size: 1.20rem;
    font-weight: 500;
}

h2, .h2 {
    font-size: 1.45rem;
    font-weight: 500;
}

h1, .h1 {
    font-size: 1.70rem;
}

.headbg {
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/header_bw.png) no-repeat;
    margin-bottom: 10px;
    background-size: auto 100%;
    /*min-width:1000px;*/
}

.headbg:hover {
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/header_color2.png);
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-size: auto 100%;
    /*min-width:1000px;*/
    transition: background 1s;
}

.home-link-img {
    -webkit-filter:  drop-shadow(0.1em 0.1em 0.08em rgba(0,0,0, 0.5));
    filter: drop-shadow(0.1em 0.1em 0.08em rgba(0,0,0, 0.5));
}

/*.platform-logo {
    -webkit-filter: drop-shadow(0.1em 0.1em 0.08em rgba(0,0,0, 0.5));
    filter: drop-shadow(0.1em 0.1em 0.08em rgba(0,0,0, 0.5));
}
*/

/*.platform-logo:hover {
    transition: transform 1s;*/
    /*transition-timing-function: ease-out;*/
/*    transform: rotate(-5deg);
}*/


.platform-logo-color img:nth-child(2) {
    display: none;
}
.platform-logo-color:hover img:nth-child(2) {
    display: block;
}
.platform-logo-color:hover img:first-child {
    display: none;
}

.container_child {
    padding-top: 9%;
    padding-bottom: 18%;
}

.headtitle {
    font-size: 1.70rem;
    margin-top: 5em;
    text-align: left;
    font-family: 'Oswald';
    font-weight: 300;
    line-height: 2rem;
}

.footerbg {
    height: 140px;
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/footerbg.png) no-repeat left bottom;
    background-size: auto 100px;
}

@media screen and (max-width: 960px) {
    .headbg {
        background-size: 100%;
    }

    .headbg:hover {
        background-size: 100%;
    }

    .headtitle {
        font-size: 1.20rem;
        margin-top:2.5rem;
        line-height: 1.5rem;
        font-weight: 300;
    }

    .container_child {
        padding-top: 0;
        padding-bottom: 30%;
    }

    .footerbg {
        height: 160px;
        background-size: auto 100px;
    }

    /*.comment-img {
        width:90%;
    }*/

  }

  @media screen and (min-width: 960px) and (max-width: 1100px) {
    .headbg {
        background-size: 100%;
    }

    .headbg:hover {
        background-size: 100%;
    }

    .headtitle {
        font-size: 1.45rem;
        margin-top:4rem;
        font-weight: 300;
    }

    .container_child {
        padding-top: 0;
        padding-bottom: 30%;
    }

    .footerbg {
        height: 160px;
        background-size: auto 100px;
    }

    /*.comment-img {
        width:90%;
    }*/

  }

.entry-title {
    margin-bottom:0.25rem;
}

.entry-author {
    font-size: 0.8rem;
    margin:0 0 0.5rem 0;
    padding:0.7rem 0.5rem 0.45rem 1.05rem;
    display: inline-block;
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/authorpen2.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.entry-comment {
    font-size: 0.8rem;
    margin:0 0 0.5rem 0;
    padding:0.7rem 0.5rem 0.45rem 1.30rem;
    display: inline-block;
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/commentbeam.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.entry-date {
    font-size: 0.8rem;
    margin-bottom:0.5rem;
    padding:0.7rem 0.7rem 0.45rem 0.7rem;
    display: inline-block;
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/datebg.png);
    background-size: 100% 100%;
}

.entry-bio {
    font-size: 0.9rem;
    font-family: 'Arial';
    font-style: italic;
    display: inline-block;
}

.comments-title {
    padding:0.7rem 0.5rem 0.45rem 1.65rem;
    display: inline-block;
    background: url(https://staging.comptf2c.com/wp-content/themes/brownddr/images/commentbeam.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.comment-box{
    border-style: dotted;
    border-width: 2px 2px 2px 2px;
    border-color: lightgray;
    box-sizing:border-box;
    /*margin: 0px 0px 10px 5px;*/   
    padding: 5px 2rem 5px 5px;
    display: -webkit-inline-box;
    max-width: 100%;
    overflow-x: auto;
}

.comment-text {
    font-size:0.9rem;
    white-space:pre-wrap;
}

.comment-form p{
    margin-bottom:0.5rem;
}

.comment-notes{
    font-size:0.9rem;
}

.submit {
    background: none;
    color: #752752;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
}

/*.comment-form-comment{
    margin-bottom: 0;
}*/

/*.form-submit {
    margin-bottom:0;
}*/

.nav-previous-page, .nav-next-page {
    margin-bottom:2rem;
}

.widget_text {
    /*max-width:75%;*/
    font-size:0.90rem;
}

.widget_search {
    /*max-width:75%;*/
    font-size:0.90rem
}
.widget_search svg path {
    d: path('M 15 1.25 C 16 1.25 17 1.25 17.8 1.45 C 20.3 2.25 22 4.05 22.9 6.35 c 0.3 0.7 0.1 1.4 0.3 2.2 c 0.5 2.2 -0.6 5 -1.5 6.3 c -0.2 0.3 -0.3 0.6 -0.5 0.8 c -0.7 0.6 -1.6 1.1 -2.5 1.5 c -0.4 0.2 -0.8 0.2 -1.2 0.3 c -0.7 0.3 -2.1 0.6 -3.1 0.3 c -1.5 -0.3 -2.4 -0.5 -3.4 -1.2 c -0.1 -0.1 -0.7 -0.6 -0.9 -0.4 c -0.5 0.3 -0.8 0.7 -1.2 1 c -0.5 0.4 -1 0.7 -1.5 1.1 l -1 1 c -0.5 0.4 -1 0.6 -1.4 1.1 c -0.5 0.6 -2 2 -2.9 2.1 c -0.5 -0.4 -1.1 -0.3 -1 -1.2 c 0.1 -0.1 0 -0.2 0.1 -0.3 l 0.4 -0.3 c 0.3 -0.4 0.6 -0.6 1 -1 l 0.5 -0.5 c 0.4 -0.3 0.8 -0.5 1.1 -0.8 c 0.3 -0.3 0.5 -0.7 0.8 -1 c 0.4 -0.3 0.7 -0.5 1.1 -0.8 l 0.5 -0.5 c 0.6 -0.4 1 -1 1.6 -1.5 c 0.3 -0.2 0.7 -0.4 0.9 -0.8 c -0.4 -0.3 -0.5 -0.8 -0.7 -1.2 c -0.1 -0.2 -0.3 -0.5 -0.4 -0.7 c -0.3 -1 -0.3 -2.7 0 -3.8 c 0.5 -2.1 1 -3.6 2.6 -4.7 c 0.4 -0.3 0.7 -0.7 1.1 -1 c 0.3 -0.2 0.6 -0.2 1 -0.3 c 0.4 -0.2 0.9 -0.5 1.4 -0.6 C 14.2 1.35 14.7 1.45 15 1.25 z M 15.6 2.75 c -0.2 0.1 -0.9 0.1 -1.2 0.2 c -0.6 0.2 -1.1 0.5 -1.6 0.7 c -0.3 0.1 -0.5 0.1 -0.7 0.2 c -0.4 0.2 -0.6 0.6 -0.9 0.8 C 9.8 5.75 9.6 7.05 9.2 9.05 C 8.9 10.25 9.3 12.25 9.9 12.75 C 9.1 10.85 9.8 8.95 10.6 7.55 c 0.2 -0.3 0.3 -0.7 0.5 -1 c 0.3 -0.4 0.7 -0.7 1 -1.1 h 0 c -0.4 0.4 -0.9 0.6 -1.2 1.1 C 10.6 6.75 10.7 7.25 10.4 7.35 c 0 0 0 0 -0.1 0 V 6.85 C 10.5 6.65 10.5 6.25 10.7 6.05 c 0.8 -1.1 3.1 -2.1 4.7 -2.5 c 0.5 -0.1 1.9 -0.2 2.3 0 c 0.8 0.2 1.4 0.6 2.1 0.9 c -0.1 -0.2 -0.4 -0.3 -0.6 -0.4 C 18.3 3.25 17.3 2.75 15.6 2.75 z M 15.1 2.95 c 0.1 0 0.3 0 0.4 0 c 0 0.1 0 0.1 0 0.2 l -0.1 0 c -0.2 0.1 -0.7 0.1 -0.9 0.2 c -0.6 0.2 -1.1 0.6 -1.7 0.7 c -0.1 -0.1 -0.1 -0.1 -0.1 -0.2 c 0.5 -0.2 1.1 -0.5 1.6 -0.7 L 15.1 2.95 z M 16.5 3.95 c -0.2 0.1 -0.8 0.1 -1.1 0.1 c 0.5 0.5 0.5 1.3 0.2 2.1 c -0.4 1.1 -1.5 2.9 -1.3 4.2 c 0.1 0 0.1 0.1 0.2 0.1 c 0.3 0.2 1 0 1.3 -0.1 c 0.9 -0.3 1.8 -0.9 3 -0.7 c 0 0.1 0 0.2 0 0.2 c -0.1 0 -0.2 0.1 -0.3 0 c -0.3 -0.2 -1.1 0.1 -1.3 0.2 c -0.9 0.3 -1.7 0.8 -2.9 0.7 c -0.1 -0.1 -0.2 -0.2 -0.3 -0.4 c -0.3 -0.4 0.1 -1.4 0.2 -1.8 c 0.4 -1.1 1.5 -2.7 1.2 -4.2 c -0.8 -0.4 -1.6 0 -2.1 0.4 C 12 5.85 11 7.55 10.4 9.15 C 10.2 9.55 9.8 10.65 10 11.35 c 0.2 0.8 0.5 1.7 1 2.3 c 0.1 0.2 0.4 0.2 0.6 0.3 c 0.3 0.2 0.6 0.5 0.9 0.7 c 0.5 0.3 1.1 0.5 1.8 0.6 c 0.8 0.2 2.3 -0.2 2.9 -0.4 c 2.5 -0.9 3.4 -1.8 4.2 -4.4 c 0.3 -0.9 0.6 -2.7 0.2 -3.8 c -0.1 -0.3 -0.4 -0.8 -0.5 -1 c -0.1 -0.1 -0.3 -0.2 -0.4 -0.3 c -0.2 -0.1 -0.4 -0.4 -0.6 -0.5 c -0.2 -0.1 -0.4 -0.1 -0.6 -0.2 C 18.4 4.35 18.1 3.95 16.5 3.95 z M 22.2 12.55 c -0.1 0.4 -0.4 0.9 -0.6 1.2 h 0.1 v 0 C 21.9 13.55 22.3 12.75 22.2 12.55 z M 16.6 14.05 c 0.2 0 0.2 0 0.2 0.2 c -0.8 0.5 -2.3 0.8 -3.1 0.1 c 0 -0.1 0 0 0 -0.1 C 13.8 14.25 13.8 14.25 14 14.25 C 14.5 14.65 16.2 14.45 16.6 14.05 z M 21.3 14.05 l -0.5 0.6 H 21 c 0.1 -0.1 0.2 -0.1 0.3 -0.1 c 0.1 -0.1 0.2 -0.2 0.2 -0.4 C 21.4 14.15 21.4 14.15 21.3 14.05 z M 20.9 14.95 c -0.2 0.1 -0.4 0 -0.6 0.1 c -0.2 0.1 -0.4 0.3 -0.7 0.4 v 0 h 0.2 c 0.1 0.1 0.3 0.1 0.5 0 C 20.5 15.35 20.9 15.35 20.9 14.95 L 20.9 14.95 L 20.9 14.95 L 20.9 14.95 z M 10.2 15.05 c 0 0.1 0 0.3 0 0.4 c 0.7 0.4 1.3 1 2.1 1.3 l 1 0.2 c 1 0.3 2.4 0.4 3.6 0.2 v -0.1 c -0.1 -0.1 0 -0.1 0.1 -0.2 c 0.2 -0.1 0.2 0.1 0.4 0.1 c 0.2 -0.2 0.7 -0.2 1 -0.3 c 0.6 -0.2 1.1 -0.5 1.5 -0.8 v 0 c -0.3 0 -0.3 0 -0.5 -0.2 c -0.3 0.3 -0.8 0.3 -1.2 0.5 c -1.5 0.6 -4 0.9 -5.7 0.2 C 11.6 16.15 11.1 15.35 10.2 15.05 z M 9.6 15.25 c -0.2 0.3 -0.6 0.5 -0.8 0.8 h 0.1 c 0.1 -0.1 0.4 0 0.4 0 c 0.2 -0.1 0.4 -0.2 0.4 -0.4 C 9.7 15.55 9.7 15.35 9.6 15.25 z M 8.8 16.35 c -0.2 0.1 -0.4 0.1 -0.6 0.2 c -0.3 0.1 -0.7 0.6 -0.8 0.8 h 0 C 7.6 17.25 7.9 17.25 8.2 17.05 C 8.4 16.95 8.6 16.65 8.8 16.35 C 8.8 16.35 8.9 16.45 8.8 16.35 z M 7 17.85 c -0.1 0 -0.2 0 -0.3 0 c -0.1 0.2 -0.9 0.8 -1.1 0.9 c 0.1 0.1 0.1 0.2 0.2 0.2 c 0.3 -0.3 0.7 -0.6 1 -0.9 C 6.8 18.15 7.1 17.85 7 17.85 z M 5.5 19.15 c -0.2 0.2 -0.4 0.2 -0.6 0.4 c -0.3 0.3 -0.6 0.6 -1 0.8 v 0 h 0.1 C 4.1 20.25 4.2 20.35 4.4 20.25 v 0 c 0.3 -0.2 0.4 -0.5 0.7 -0.7 C 5.2 19.45 5.4 19.45 5.5 19.15 C 5.5 19.25 5.6 19.25 5.5 19.15 z M 3.6 20.55 c -0.1 0.1 -0.2 0.2 -0.2 0.3 c 0.1 0 0.1 0 0.1 0.1 c 0.1 0 0.2 -0.1 0.3 -0.2 C 3.7 20.75 3.7 20.65 3.6 20.55 z M 3 21.35 c -0.1 0.2 -0.3 0.2 -0.4 0.4 h 0 C 2.7 21.65 3.1 21.35 3 21.35 z') !important;
}

.wp-block-search__inside-wrapper {
    border-style: dashed;
}

.wp-block-search__input::-webkit-search-cancel-button{
    -webkit-appearance: none;
    height: 20px;
    width: 15px;
    background: url(https://gvngngr.com/wp-content/themes/interest-share/images/cancel_button.png);
    background-size:contain;
}

.wp-block-search__button {
    background:none;
    border-width:0px;
    padding:0;
    margin-left:0;
}
  
.widget_block:has(.wp-block-heading) h3{
    margin-bottom:0rem;
    text-decoration: underline dashed;
}

.menu {
    list-style-type:none;  
    padding-left: 0rem;    
    font-size:1.25rem;
    margin-bottom: 0.5rem;
}

.sub-menu {
    list-style-type: disc;
    margin-top: -0.25rem;
}

.sub-menu ::marker{
    color:lightgray;
}

.wp-block-page-list {
    list-style-type:none;
    padding-left: 0rem;
}

.wp-block-page-list ul {
    list-style-type: disc;
    padding-left: 1rem;
    line-height:1.5rem;
}

ul ul ::marker{
    color: gray;
    font-size: small;
}

.wp-block-separator {
    margin: 0 0 0.5rem 0;
}

:root :where(.wp-block-separator.is-style-dots):before {
    letter-spacing: 1.5em;
    padding-left: 0em
}

:root :where(.wp-block-separator.is-style-dots) {
    text-align:left;
}

.discord-link-text {
    line-height: 0.9rem;
    font-family: Oswald;
    font-size:0.8rem;
    font-weight:325;
}

ol.wp-block-latest-comments {
    margin:0;
    padding-left:0;
    font-size:small;
}

.wp-block-latest-comments__comment-author{
    font-style:italic;
}

.wp-block-latest-comments__comment {
    line-height:1.0rem;
    margin-bottom:0.4rem;
}

.wp-block-table-of-contents{
    border-style: dotted;
    box-sizing:border-box;
    margin: 0px 0px 10px 5px;   
    border: 2px dotted lightgray;
    padding: 5px 2rem 5px 0;
    display: inline-block
}

.wp-block-table-of-contents ol{
    margin-bottom: 0;
    list-style: disc;
    padding-left: 1.75rem;
}

.wp-block-table-of-contents ol ::marker{
    color: lightgray;
    font-size: small;  
}

.wp-block-table table{
    width: auto;
    max-width:100%;
}

.wp-block-table td{
    border: inherit;
    padding: .25rem;
}

.wp-block-jetpack-subscriptions__container{
    /*max-width:75%;*/
}
.wp-block-jetpack-subscriptions__container > * :focus-visible{
    outline: 0;
}

.wp-block-jetpack-subscriptions__container input{
    font-size: 0.9rem !important;
    padding: 4px 4px 4px 6px !important;
    height: 34px;
    border-style: dashed;
}

/*.wp-block-jetpack-subscriptions__form-elements {
    height: 33px;
}
I need to activate this after finding a way to define height for the button too
*/

.wp-block-button__link {
    font-size: 0.9rem !important;
    padding: 4px 4px 4px 4px !important;
    height: auto;
    background:white;
    border-color:black !important;
    color:black;
}

.success{
    font-size:0.9rem;
    /*max-width:75%;*/
}

.success p{
    margin-bottom:0.2rem;
}

.wp-block-jetpack-slideshow_swiper-wrapper{
    /*max-height: 350px;*/
}

.wp-block-jetpack-slideshow_image, .wp-block-image img{
    padding: 0.6rem;
    border: 1px solid #c0c0c0;
    box-shadow: 2px 1px 3px #cbcbcb;
    margin-bottom:0.1rem;
}

.wp-block-image :where(figcaption) {
    margin: 0px;
    font-size: 0.9rem;
}

.text-align-right {
    text-align: right;
}

.no-frame-image img{
    padding: 0rem;
    border: 0;
    box-shadow: none;
    margin-bottom:0rem;
}

.swiper-button-prev{
    left: 1rem !important;
}
.swiper-button-next {
    right: 1rem !important;
}

.wp-block-jetpack-slideshow_pagination{
    justify-content: center !important;
}

.footer_text{
    font-size: 0.8rem;
    color:grey;
    padding: 5px 0.5rem 0 0.5rem;
    border-top: 2px dotted lightgrey;
    font-style: italic;
}