/*
 * Theme Name: AndroidMagazine Theme
 * Description: Custom styles for AndroidMagazine theme.
 * Author: Ahmet TUTER
 * Created on: 2025-07-30
 */

/* =========================
   Global Styles
   ========================= */




/*-------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------GENEL SEYLER BASLANGICI--------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------*/


*,
*::before,
*::after {
   box-sizing: border-box;
}





header,
main,
footer {
   margin-left: 100px;
   margin-right: 100px;
}





.baslik1-1 {
   font-family: Anta;
   font-size: 1.6rem;
   font-weight: 900;
   color: #9c1c1c;
   text-transform: uppercase;

}



.baslik2-1 {
   font-family: Aldrich;
   font-size: 1.4rem;
   /*margin-top: auto;*/
   font-weight: 800;
   /*color: rgb(231, 231, 13);*/
   /*background-color: #535252;*/
   /*display: inline-block;*/
   /*padding: 0 4px;  /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   /*margin-bottom: 0px;*/
}


.baslik3-1 {
   font-family: Anta;
   font-size: 1.3rem;
   margin-bottom: auto;
   font-weight: 700;
   color: #9c1c1c;
}


.baslik3-2 {
   font-family: Anta;
   font-size: 1.3rem;
   margin-top: auto;
   font-weight: 700;
   color: rgb(231, 231, 13);
   background-color: #535252;
   display: inline-block;
   padding: 0 4px;
   /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   margin-bottom: 0px;
   transition: color 0.35s ease;
   /* Smooth transition effect */
}

.baslik3-2:hover {
   color: #FF4500;
}



.baslik3-3 {
   font-family: Anta;
   font-size: 1.3rem;
   margin-top: auto;
   font-weight: 700;
   color: rgb(231, 231, 13);
   background-color: #535252;
   display: inline-block;
   padding: 0 4px;
   /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   margin-bottom: 0px;

}


.baslik4-1 {
   font-family: aldrich;
   margin: 0;
   font-size: 1.15rem;
}

.baslik4-1 a {
   text-decoration: none;
   color: inherit;
   transition: color 0.35s ease;
}

.baslik4-1 a:hover {
   color: #FF4500;
}


.baslik-singlepost {
   font-family: roboto;
   margin: 0;
   font-size: 1.36rem;
}




.post-title-5 {
   transition: color 0.3s ease, background-color 0.35s ease;
}

a:hover .post-title-5 {
   color: #FF4500 !important;
   /* Change text color */
   background-color: rgba(231, 231, 13, 0.85) !important;
   /* Darker yellow */
}








.parag1 {
   font-family: gabarito;
}

.parag2 {
   font-family: roboto;
}


.postmeta1 {
   font-family: gabarito;
   font-size: 1.0rem;
}










/*----------------------------------------------GENEL SEYLER BITIS--------------------------------------------------------------------*/






/*----------------------------------------------HEADER BASLANGICI--------------------------------------------------------------------*/




.header-main {
   /*border: 1px solid #000;*/
   display: flex;
   margin: 0 0 10px 0;
}


.hdr1 {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;

   /*border: 1px solid #8c2727;*/
   flex: 1.2
}

.hdr2 {
   /*border: 1px solid #23b060;*/
   flex: 1.2
}

.hdr3 {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   /*border: 1px solid #bed810;*/
   flex: 1.2
}







/*

header {
   display: grid;
   grid-template-areas:
      "item1 item2 item4"
      "item1a item3 item5"
      "item1b item3 item6";
   grid-template-columns: auto auto max-content;
   grid-template-rows: 17px auto auto;
   gap: 3px;
   padding: 1px;
}
   */






/*
.item {
   border: 1px solid #000;     
   padding: 1px;
   
}


.item-1 {
   grid-area: item1;
   margin-right: auto;
}

.item-1a {
   grid-area: item1a;
   width: fit-content;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: flex-end;
}

.item-1b {
   grid-area: item1b;
   width: fit-content;
}

.item-2 {
   grid-area: item2;
   margin-left: auto;
}

.item-3 {
   grid-area: item3;
   margin-left: auto;
}

.item-4 {
   grid-area: item4;
   margin-left: auto;
}

.item-5 {
   grid-area: item5;
   margin-left: auto;
}

.item-6 {
   grid-area: item6;
   display: flex;
   font-family: 'Gabarito', sans-serif;
   margin-left: auto;
}

/* Bu menu oldugundan text gibi degil yani boyle gerekti saga yaslanmasi icin textin burada yani text align islemiyor buna */


.site-title {


   /*
    font-family: 'Goldman', sans-serif; /* ikinci tercih su an*/
   /*font-family: 'Saira Stencil One', sans-serif; /* construction icin iyi bu*/
   /* font-family: 'Workbench', sans-serif;
    font-family: 'Rubik Dirt', sans-serif;
    font-family: 'Rubik Maps', sans-serif;*/

   font-family: 'saira stencil one', sans-serif;

   font-size: 1.8em;
   color: #0c74b9b6;
   color: #4a2f30da;
   color: #ca2b30da;
   color: #615f5f;
   text-transform: uppercase;
   text-shadow: 6px 8px 5px rgba(0, 0, 0, 0.35);
   margin-bottom: -2px;
   /*site title ile site description arasindaki bosluk anca bunu yapinca oldu*/
   height: auto;
}

.site-title-link {
   text-decoration: none;
   /* Removes the underline */
   color: inherit;
   /* Inherit the color from the parent element */
   display: inline;
   /* Ensures the link doesn't affect the layout */
}


.site-description {
   font-size: 1.2em;
   font-style: italic;
   color: #555;
   margin-top: 0;
   margin-bottom: 0;
   height: fit-content;
}







/* burasi yukaridaki CATEGORY LIST icin - BASLANGIC*/

.category-menu {
   font-family: 'anta', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   list-style-type: none;
   padding: 0;
   margin: 0 100px;
   display: flex;
   flex-wrap: wrap;
   /* Allow items to wrap */
   justify-content: flex-start;
   background-color: #535252;
   color: rgb(231, 231, 13);
   font-size: 1.35rem;


}

.category-menu li {
   padding: 11px 12px 8px 14px;
   position: relative;
   /* Needed for dropdown positioning */
   white-space: nowrap;
   /* Prevent text from wrapping to the next line */
   line-height: 0.85;
}

.category-menu a {
   color: rgb(231, 231, 13);
   text-decoration: none;
}


/* New styles for dropdown behavior */
.category-menu li ul {
   display: none;
   /* Hide submenus by default */
   position: absolute;
   /* Position for dropdown */
   top: 100%;
   /* Align below parent */
   left: 0;
   background-color: #535252;
   /* Match menu background */
   list-style: none;
   padding: 0;
   margin: 0;
   z-index: 1000;
   /* Ensure it stays on top */
}

.category-menu li:hover>ul {
   display: block;
   /* Show submenu on hover */
   background-color: #888585;
}


.category-menu li:hover {
   background-color: #6b6b6b;
}


.category-menu li ul li {
   padding: 10px;
   /* Adjust padding for submenu items */
   white-space: nowrap;
   /* Prevent text wrapping */
   font-size: 1.2rem;
}

.category-menu li ul li a {
   color: rgb(231, 231, 13);
   /* Match link color */
   text-decoration: none;
}

.category-menu li ul li:hover {
   background-color: #888585;
   background-color: #b0aeae;
   /* Optional: Hover effect for submenu items */
}




/* Highlight the current category -------------------------- baslangic */
.category-menu li.current-cat {
   background-color: #9c1c1c;
   /* Change to the color you prefer */
}

/* Highlight current category at all levels */
.category-menu li.current-cat {
   background-color: #9c1c1c !important;
   /* Highlight the current category */
}

/* Highlight the parent category when a subcategory is active */
.category-menu li.current-cat-parent {
   background-color: #9c1c1c !important;
   /* Same color for parent category */
}




/* Optionally, you can change the text color of the active category and parent */
.category-menu li.current-cat a,
.category-menu li.current-cat-parent a {
   color: yellow;
   /* Change to the text color you prefer */
}






/* Buradan asagisi level 2 subcategorilere hover edildiginde yana saga dogru acilmasini sagliyo ve rengini ve fontunu ayarliyo 
yoksa asagi dogru roll down olup level 1 subcategorilerin ustunu kapatiyordu */

/* Style for level 2 subcategories (appear to the right) */
.category-menu li ul ul {
   display: none;
   /* Hide by default */
   position: absolute;
   top: 0;
   left: 100%;
   /* Position to the right of parent */
   background-color: #d2d0d0;
   /* Even lighter background for level 2 */
   font-size: 1.1rem;
   /* Make text smaller */
   background-color: #b0aeae;
}

/* Show level 2 subcategories when hovering over level 1 subcategory */
.category-menu li ul li:hover>ul {
   display: block;
}

/* Adjust level 2 submenu item styles */
.category-menu li ul ul li {
   padding: 8px;
   white-space: nowrap;
   font-size: 1.1rem;
   /* Smaller than level 1 */
}

/* Change background color when hovering over level 2 subcategories */
.category-menu li ul ul li:hover {
   background-color: #c0bebe;
   /* Even lighter for hover */
}



/* ve son olarak bu da texti ff4500 yapiyo her elvel da hover da. 
bunu bu 3 seyin icine ayri ayri da yazabilirdim ama bu sekilde de yazilabildigini gostermek acisindan burada boyle */

.category-menu li:hover>a,
.category-menu li ul li:hover>a,
.category-menu li ul ul li:hover>a {
   color: #FF4500;
   /* Change text color to orange-red on hover */
}







/* Highlight the current category -------------------------- bitis */



/* burasi yukaridaki CATEGORY LIST icin - BITIS*/








/* Make the menu display in a row */
.main-menu {
   display: flex;
   list-style: none;
   /* Remove bullets */
   padding: 0;
   margin: 0;
   font-family: 'Gabarito', sans-serif;
   justify-content: flex-end;
   /* Push items to the right */
}

.main-menu li {

   /*flex: 1 1 auto; /* Let items resize to fit */
   text-align: right;
   margin: 0 10px;
   /* Adds space between items */
}

.main-menu li:last-child {
   margin-right: 0;
   /* No extra margin on the last item */
}

.main-menu a {
   text-decoration: none;
   /* Remove underline from links */
   color: #000;
   /* Default text color */
}









/*-------------------------------------------------------HEADER BITIS--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------INDEX PAGE BASLANGICI--------------------------------------------------------------------*/






/*
.main-container {
   border: 1px solid #000;
   background-color: #535252;
}
*/

/*----------------------------------------------TOP CONTAINER BASLANGICI--------------------------------------------------------------------*/


.top-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   height: 700px;
   padding: 20px 30px 5px 20px;
   background-color: #9c9e98fd;
   background-color: #c6c8c4fd;
   background-color: #d1d2d0fd;
   background-color: #dcdedbfd;
   background-color: #e6e8e5fd;
   gap: 30px;
}


.tc1 {
   /*border: 1px solid #12a96f;*/
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 8px;
   height: auto;
}


.tc2 {
   /*border: 1px solid #12a96f;*/
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 8px;
   height: auto;
}


.tc3 {
  /* border: 1px solid #12a96f;*/
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 8px;
   height: auto;
}



.top-container2 {
   /*border: 3px solid #a91212;*/
   display: flex;
   height: auto;
   padding: 20px 30px 5px 20px;
   background-color: #9c9e98fd;
   background-color: #c6c8c4fd;
   background-color: #d1d2d0fd;
   background-color: #dcdedbfd;
   background-color: #e6e8e5fd;
   gap: 30px;
}




/*--------------------------------------------------------TOP CONTAINER BITIS--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------UPPER MID CONTAINER BASLANGIC--------------------------------------------------------------------*/



.upper-mid-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   gap: 8px;
   padding: 22px 10px 10px 10px;
   background-color: #9c9e98fd;
   background-color: #dcdedbfd;
   background-color: #e6e8e5fd;
}


.umc1 {
   flex: 2;
   /* border: 1px solid #6f12a9;*/
   background-color: #f5f5f5;

}


.umc2 {
   flex: 1.9;
   /*  border: 1px solid #12a95b;*/
   background-color: #f5f5f5;
   padding: 0 0 0 8px;
}

.umc3 {
   flex: 1.1;
   /*  border: 1px solid #12a95b;*/
   background-color: #f5f5f5;
   /*padding: 0 0 0 8px;*/
}




.recent-posts {
   margin: 0px;
}

.recent-post-item h4 {
   font-size: 1.1rem;
   margin: 10px 0;
   display: flex;
   align-items: center;
   font-family: aldrich;
   transition: color 0.3s ease;
}


.recent-post-item:hover h4 {
   color: #FF4500 !important;
   /* Deep orange-red on hover */
   transition: color 0.3s ease;
   /* Smooth transition effect */
}




.post-date {
   font-size: 1.1rem;
   color: #666;
   margin-left: 10px;
   font-family: gabarito;
}







.categories3 ul {
   list-style: none;
   /* Remove bullets */
   /* padding-left: 15px; /* Reduce indentation */
   margin: 0;
   /* Remove extra spacing */
   font-family: special elite;
   font-size: 1.02rem;
   font-weight: 700;
   margin-left: 0;
   padding-left: 0;

}

.categories3 li {
   margin-bottom: 13px;
   /* Add some space between items */
}

.categories3 a {
   text-decoration: none;
   /* Optional: Remove underline from links */
   color: #535252;
   /* Optional: Set link color */
   transition: color 0.3s ease;
}

.categories3 a:hover {
   color: #FF4500;
   /* Optional: Change color on hover */
   transition: color 0.3s ease;
}










/*----------------------------------------------UPPER MID CONTAINER BITIS--------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------MID CONTAINER BASLANGIC--------------------------------------------------------------------*/



.mid-container {
   /*border: 1px solid #a91212;*/
   padding: 20px 10px 20px 10px;
   background-color: #9c9e98fd;
   background-color: #dcdedbfd;
   background-color: #e6e8e5fd;
}


.mc1 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   /* Create 3 columns */
   gap: 5px 17px;
   /* Space between grid items */
   /* padding: 20px 0px 0px 0px;*/
   margin: 0px 0px 0px 0px;
   background-color: white;
}



.mc11 {
   background-color: #f5f5f5;
   /* border: 1px solid #831d1d;*/
   /*padding: 15px;*/
   /*text-align: center;*/
   /* border-radius: 8px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
}




.mc12 {
   background-color: #f5f5f5;
   /*border: 1px solid #0c7f0c;*/
}

/*
.mc11 h3 {
   font-size: 18px;
   margin-bottom: 10px;
}

.mc11 p {
   font-size: 14px;
   color: #555;
}
*/

.mc2 {
   display: flex;
   /*border: 1px solid #e173bc;*/
   gap: 8px;
   margin: 30px 0px 0px 0px;
   /*background-color: #dcdedbfd;*/
}

.mc21 {
   /*background-color: #f5f5f5;*/
   border: 1px solid #0c7f0c;
   flex: 3.6;
}

.mc21ust {
   /*background-color: #f5f5f5;*/
   /*border: 1px solid #250c7f;*/
   display: flex;
   padding: 0px 0px 5px 0px;
   gap: 5px; 
}

.mc21ust1 {
   /*background-color: #f5f5f5;*/
   /*border: 1px solid #250c7f;*/
   flex: 1;
}

.mc211 {
   background-color:#f5f5f5;
   /*border: 1px solid #100c7f;*/
}



.mc212 {
   /*background-color: #f5f5f5;*/
   /* border: 1px solid #d76909;*/
   margin: 0 0 3px 0;
}


.mc21alt {
   /*background-color: #f5f5f5;*/
  border: 1px solid #d76909;
   margin: 0 0 3px 0;
}

.mc21alt1 {
   /*background-color: #f5f5f5;*/
  border: 1px solid #09d773;
   margin: 0 0 3px 0;
}

.mc21alt2 {
   /*background-color: #f5f5f5;*/
  /*border: 1px solid #09d773;*/
   margin: 0 0 3px 0;
   display: flex;
   gap: 10px;
}

.mc21alt2a {
   /*background-color: #f5f5f5;*/
  /*border: 1px solid #09d773;*/
   margin: 0 0 3px 0;
   flex: 1;
}

.mc22 {
   /*background-color: #f5f5f5;*/
   /*border: 1px solid #0c7f0c;*/
   flex: 1.12;
   background-color:#f5f5f5;
}


/*--------------------------------------------------------MID CONTAINER BITIS--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------LOWER MID CONTAINER BASLANGIC-------BU KISIM SIMDILIK KULLANILMIYOR -------- FOR FUTURE USE------*/


/*
.lower-mid-container{
   border: 1px solid #a91212;
   display: flex;
   background-color: #e5e8dffd;
  
}


.lmc1 {
   border: 1px solid #12a96f;
   flex: 1;
   background-color: #d6d618; 

}
*/

/*----------------------------------------------LOWER MID CONTAINER BITIS--------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------BOTTOM CONTAINER BASLANGICI--------------------------------------------------------------------*/


.bottom-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   /*min-height: 200px;*/
   /* padding: 5px 8px;*/

   background-color: #e5e8dffd;
   /*gap: 8px;*/
}

.bc1 {
   /* border: 1px solid #12a96f;*/
   flex: 3;


}

.bc2 {
   /* border: 1px solid #12a96f;*/
   flex: 1;


}









/*-------------------------------------------------------BOTTOM CONTAINER BITIS----------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------FOOTER BASLANGICI--------------------------------------------------------------------*/


.footer-ust {
   /*border: 1px solid #a91212;*/
   display: flex;
   flex-direction: column;
   /*min-height: 200px;*/
  /* padding: 5px 8px;*/
   
   background-color: #e5e8dffd;
   /*gap: 8px;*/
}

.fu1 {
   /*border: 1px solid #12a96f;*/
   flex: 5; /*burada ne yazdigi farketmez zaten blok olarak tum ekrani kapliyor eskiden lazimdi bu fu2 ile yanyanayken*/
   display: flex;
   background-color: #535252;

}

.fu1a {
   /*border: 1px solid #12a96f;*/
   flex: 6.4; 
   

}

.fu1b {
   /*border: 1px solid #a4cf2e;*/
   display: flex; /*bunun child i olmasa dahi bu line sayesinde div icindeki seyler bottom a itiyor asagidaki aling items flex end line i. */
   flex: 0.90; 
   justify-content: flex-end; /* aligns horizontally to the right */
   align-items: flex-end;     /* aligns vertically to the bottom */

}


.fu2 {
   display: flex;
   /*border: 1px solid #12a96f;*/
   flex: 0.9; /*burada ne yazdigi farketmez zaten blok olarak tum ekrani kapliyor eskiden lazimdi bu fu1 ile yanyanayken*/
   background-color: #535252; 

}

.fu2a {
   flex: 3; 
   /*border: 1px solid #12a96f;*/
}

.fu2b {
   flex: 1; 
   text-align: right;
}


.category-menu2 {
   font-family: 'anta', sans-serif;
   font-weight: 600;
   /* Normal weight for thinner text */
   list-style-type: none;
   padding: 0;
   margin: 0px;
   display: flex;
   flex-wrap: wrap;
   /*display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Automatic columns */
   gap: 16px;
   background-color: #535252;
   /* color: rgb(231, 231, 13);*/
   /*font-size: 1rem;*/
   font-size: 1.42rem;
}

.category-menu2 li {
   display: flex;
   align-items: center;
   padding: 10px;
   background-color: transparent;
   /* No background for the row */
}

.category-menu2 .category-icon {
   width: 76px;
   height: 76px;
   border-radius: 10px;
   /* Rounded corners */
   background-color: rgb(190, 205, 206);
   /* Placeholder background */
   margin-right: 10px;
   display: flex;
   /*image gelince bibak*/
   align-items: center;
   /*image gelince bibak*/
   justify-content: center;
   /*image gelince bibak*/
   overflow: hidden;
}

.category-menu2 .category-icon img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px;
}

.category-menu2 a {
   color: rgb(231, 231, 13);
   text-decoration: none;

   text-transform: uppercase;
   /* Convert text to uppercase */
}

.category-menu2 a:hover {
   text-decoration: underline;
}






.main-menu2 {
   display: flex;
   list-style: none;
   /* Remove bullets */
   padding: 0;
   margin: 0;
   /* flex-wrap: wrap; /* Allow wrapping to prevent overflow - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   /*justify-content: space-between; /* Space out items nicely - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   font-family: 'Gabarito', sans-serif;
   color: #ffffff;
}

.main-menu2 li {
   margin-right: 20px;
   /* Add space between menu items */
   /* flex: 1 1 auto; /* Let items resize to fit */
   text-align: center;
   /* Center-align menu items for smaller screens */
   font-size: 1.2rem;
}

.main-menu2 li:last-child {
   margin-right: 0;
   /* No extra margin on the last item */
}

.main-menu2 a {
   text-decoration: none;
   /* Remove underline from links */
   /*color: #000; /* Default text color */
   color: rgb(231, 231, 13);
}





/*----------------------------------------------------------------------FOOTER BITIS----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------CATEGORY PAGE BASLANGICI-------------------------------------------------------------------*/






.category-page {
   background-color: #f5f5f5;
   margin-left: 100px;
   margin-right: 100px;

}


.cat-top-container {
   display: flex;
   /*border: 1px solid #12a96f;*/
}

.ctc1 {
   flex: 4;
   /*border: 1px solid #1221a9;*/
}

.ctc2 {
   display: flex;
   flex: 2.8;
   flex-direction: column;
   /*border: 1px solid #1221a9;*/
   padding: 15px 0 0 0;
   margin: 10px 0 0 0;
   align-items: flex-end;       /* pushes content to the right */
   gap: 15px; /* <-- space between banners */
}

.ctc3 {
   display: flex;
   flex: 2.8;
   flex-direction: column;
   /*border: 1px solid #1221a9;*/
   padding: 15px 0 0 0;
   margin: 10px 0 0 0;
   align-items: flex-end;       /* pushes content to the right */
   gap: 15px; /* <-- space between banners */
   max-width: 450px;
}




/*----------------------------------------------------------CATEGORY PAGE BITIS----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------SINGLE POST BASLANGICI-------------------------------------------------------------------*/


.single-page {
   background-color: #f5f5f5;
   margin-left: 100px;
   margin-right: 100px;

}


.single-top-container {
   display: flex;

}

.stc1 {
   flex: 1;
   padding: 10px;

}


/*bu asagisi resimlerin captionunu post icinde guzel caption style ile display etmek icin */

.wp-block-image {
  text-align: center;
  margin-bottom: 1.5em;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.wp-block-image figcaption,
.wp-element-caption {
  font-style: italic;
  font-size: 0.9em;
  color: #666;
  margin-top: 0.5em;
  line-height: 1.4;
  text-align: center;
}